看這里,提升網(wǎng)站設(shè)計(jì)可讀性你值得擁有

2022-11-05    分類: 網(wǎng)站設(shè)計(jì)

當(dāng)我們說到網(wǎng)站建設(shè)的時(shí)候,我們肯定會(huì)說網(wǎng)站設(shè)計(jì)。很多企業(yè)在建設(shè)自己的官網(wǎng)之后就萬(wàn)事大吉了,其實(shí)網(wǎng)站設(shè)計(jì)建設(shè)也是非常重要的。設(shè)計(jì)建設(shè)關(guān)乎到網(wǎng)站是否能正常運(yùn)行,能否更好的傳播企業(yè)信息和品牌形象。所以如果一個(gè)網(wǎng)站,失去了設(shè)計(jì)內(nèi)容也就是沒有實(shí)際存在的意義。

設(shè)計(jì)的可讀性和排版設(shè)計(jì)息息相關(guān),與此同時(shí),對(duì)比度的控制也是其中的核心。想要提升內(nèi)容的可讀性,讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,你需要借助對(duì)比度來表達(dá),讓用戶真正順暢的理解。

blob.png

談到可讀性的時(shí)候,對(duì)齊其實(shí)也個(gè)無(wú)法回避的話題。而在排版中,不同的對(duì)齊模式也是能構(gòu)成對(duì)比的。

通常,在對(duì)齊的設(shè)計(jì)上有兩種常規(guī)思路:

·正文和標(biāo)題采用不同的對(duì)齊模式,構(gòu)成對(duì)比

·在全部排版中沿用相同的對(duì)齊模式

從某種意義上來說,兩種思路都是對(duì)的。選取那種思路,主要取決于文本、標(biāo)題和其他設(shè)計(jì)元素之間的關(guān)系。如果采用相同的對(duì)齊方式,能否保證標(biāo)題和正文之間有明顯對(duì)比、能否從背景和其他元素中脫穎而出?文本的行間距、字體大小、和其他元素之間的距離能否構(gòu)成良好的視覺差?

在談到UI中的對(duì)齊問題的時(shí)候,最直觀的模型是一段文本和按鈕之間的關(guān)系。排版中,文本元素和按鈕之間的對(duì)齊模式應(yīng)該是怎樣的?這個(gè)問題很有意思,許多設(shè)計(jì)師傾向于讓文本和按鈕縱向排列,居中對(duì)齊,但是網(wǎng)站的其他元素搭配進(jìn)來的時(shí)候,又往往不會(huì)居中對(duì)齊。所以,對(duì)齊方式,是由元素本身的屬性來決定,根據(jù)整個(gè)設(shè)計(jì),合理搭配。

對(duì)于包含大量文本內(nèi)容的網(wǎng)站而言,正文部分的內(nèi)容排版就顯得相當(dāng)重要了。如果文本內(nèi)容都是無(wú)縫的呈現(xiàn)出來的話,用戶很可能因?yàn)闆]有層次而無(wú)法抓住重要信息。

所以,網(wǎng)頁(yè)中大量的文本信息,應(yīng)該考慮下列因素:

·文本塊的區(qū)域和大小

·每行文字的長(zhǎng)度和高度

·項(xiàng)目編號(hào)和列表

·字符的粗體和斜體

·色彩

所有的這些屬性都能將文本中特定的關(guān)鍵詞、信息甚至語(yǔ)氣同其他的內(nèi)容區(qū)分開來,它們會(huì)成為文本中重要的錨點(diǎn),將和總要的信息通過這種差異和對(duì)比,推送到用戶面前。

在較長(zhǎng)的文本區(qū)塊中(尤其是博客和長(zhǎng)文中)使用不同的樣式來區(qū)分不同類型的內(nèi)容,這樣做可以明顯降低用戶閱讀的疲勞度。將長(zhǎng)內(nèi)容分解為更易于閱讀的部分,用戶才更容易買單。

一致性幾乎是所有設(shè)計(jì)領(lǐng)域都遵循的原則,無(wú)論你在首頁(yè)或者標(biāo)題、正文中是如何運(yùn)用對(duì)比的,好將它延伸到整個(gè)設(shè)計(jì)規(guī)范當(dāng)中去。

盡量使用相同的色彩,一樣的樣式,統(tǒng)一的字體,如果設(shè)計(jì)無(wú)法保證一致性,會(huì)讓用戶在界面中感到迷惑。確保用戶到哪個(gè)地方都會(huì)覺得他們?cè)谀愕木W(wǎng)站或者APP當(dāng)中。

Ntgrate 這個(gè)網(wǎng)站就很好的貫徹了一致性的設(shè)計(jì)。背景統(tǒng)一使用了菱形的柵格,而文本則統(tǒng)一使用白底黑字的卡片來承載,同時(shí)網(wǎng)站中的大圖則是置于背景和文本而卡片之間。

對(duì)比度是讓設(shè)計(jì)項(xiàng)目在視覺上更具吸引力的重要工具,它讓排版布局更加富有層次結(jié)構(gòu),高對(duì)比度的設(shè)計(jì)讓內(nèi)容的可讀性有明顯的提升,而這也是設(shè)計(jì)可用性達(dá)標(biāo)的最基本條件。

標(biāo)題名稱:看這里,提升網(wǎng)站設(shè)計(jì)可讀性你值得擁有
網(wǎng)頁(yè)路徑:http://www.bm7419.com/news/210761.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)