2015-02-19 分類: 網(wǎng)站建設(shè)
對(duì)于注重閱讀體驗(yàn)的用戶來說,網(wǎng)站的每一個(gè)細(xì)節(jié)可能都會(huì)成為用戶流失的原因。藝術(shù)沒有依據(jù)可循,但是文字排版卻是可以的,今天創(chuàng)新互聯(lián)就從以下幾個(gè)方面和大家聊聊如何提升文本的可讀性,提升網(wǎng)站的設(shè)計(jì)質(zhì)感。
文字留白
留白是指版面中留出空余的空間,處理好留白能使文本視覺流平順,提升閱讀舒適性。對(duì)于一篇文章而言,留白從小到大分別有文字中的空白、文字與文字之間的空白、行與行之間的空白、段與段之間的空白,留白面積的大小也要遵循這個(gè)順序。
行間距的設(shè)定直接影響了視線從前一行末尾移動(dòng)到下一行開頭的難易。行間距過高導(dǎo)致視線分散,容易游離;行間距過小則容易影響視線的移動(dòng),讓人找不到正在閱讀哪一行。普遍認(rèn)可的做法是將行高設(shè)置為1.5em-2.0em。在這個(gè)基礎(chǔ)之上,字體樣式、大小、行寬還會(huì)對(duì)行間距的設(shè)定有一定的影響。而不同段落之間同樣需要有一定的距離,如果這段距離過小,同樣影響視線的移動(dòng),過大則容易導(dǎo)致上下文的聯(lián)系變得松散。普遍做法也是將段間距設(shè)定為2.0em。
字體大小
利用文字的大小可以凸顯內(nèi)容,區(qū)分層級(jí),那么如何選擇字體的大小能達(dá)到比較好的效果呢?黃金比例的字號(hào)對(duì)比是一個(gè)適合突出主題的比例,但并不一定是一種適合閱讀的比例。一個(gè)以閱讀為主的頁面在字號(hào)選擇上可能需要較小的比例,當(dāng)然我們也可以借助一些工具進(jìn)行輔助。
對(duì)齊方式
文本的對(duì)齊方式主要有四種:左對(duì)齊、居中對(duì)齊、右對(duì)齊以及兩端對(duì)齊。一般來說,移動(dòng)端文本的對(duì)齊主要采用的是左對(duì)齊或兩端對(duì)齊,這里簡要談一談這兩種對(duì)齊方式的優(yōu)劣。
左對(duì)齊的方式容易造成右端留白過多,整體視覺失衡,但是這種對(duì)齊方式不破壞文字本身的起伏和韻律,能保證較好的閱讀體驗(yàn)。而兩端對(duì)齊可以保證段落文字整齊劃一,成規(guī)整的塊狀,但是打破了文字和字間空白之間形成的韻律,閱讀起來未必舒適。
對(duì)比度
一個(gè)優(yōu)質(zhì)的頁面需要有足夠的文本對(duì)比度。對(duì)于閱讀的內(nèi)容來說,對(duì)比度過于激烈和過弱都是不利于閱讀的,建議使用的文本對(duì)比度為7:1,最小值為4.5:1。此外利用網(wǎng)站的色彩對(duì)比度也可以科學(xué)地衡量對(duì)比度,避免我們單純地憑借感覺。
排版風(fēng)格
最后想要提升內(nèi)容可讀性,還是要保持規(guī)范,制定令人信服且遵循的排版風(fēng)格指南,標(biāo)準(zhǔn)化團(tuán)隊(duì)設(shè)計(jì)師的文字。如果設(shè)計(jì)僅僅憑靠感覺,團(tuán)隊(duì)中每個(gè)設(shè)計(jì)師會(huì)有不同的感覺,最后做出來的頁面也有五花八門的“感覺”,這是很可怕的。
對(duì)于設(shè)計(jì)和布局來說,一個(gè)細(xì)微的差別可能都會(huì)帶來完全不同的效果,因此不管是設(shè)計(jì)師還是seoer,我們都要一絲不茍,帶有負(fù)責(zé)的態(tài)度,才能幫助提升內(nèi)容的可讀性,促進(jìn)內(nèi)容的優(yōu)化。
網(wǎng)頁題目:SEO優(yōu)化如何提升文本可讀性
新聞來源:http://www.rwnh.cn/news48/22098.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、品牌網(wǎng)站制作、建站公司、定制網(wǎng)站、全網(wǎng)營銷推廣、網(wǎng)站制作
聲明:本網(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)
猜你還喜歡下面的內(nèi)容