歡迎您進(jìn)入海之睿網(wǎng)站建設(shè)"蘇州地區(qū)"服務(wù)中心!
海之睿咨詢電話 全國熱線:4007-999-163 電話:0510-88100198
新聞中心 海之睿致力于幫助企業(yè)品牌實(shí)現(xiàn)互聯(lián)網(wǎng)轉(zhuǎn)型

提升網(wǎng)頁排版質(zhì)量的五大技巧

時(shí)間:2019.03.20 訪問量:127來源: www.ihealthyalternatives.com(海之睿)

優(yōu)秀的排版可以提高用戶的閱讀積極性,以讓您的網(wǎng)站感覺清爽而令人眼前一亮。反之,差的排版只會(huì)降低用戶的閱讀積極性。優(yōu)化排版就是優(yōu)化界面,今天海之睿小編分享一些網(wǎng)頁排版的小技巧。

30

一、 減少不同類型字體的使用和使用標(biāo)準(zhǔn)字體

不要使用太多的字體,只破壞你的布局。為了避免上圖這種情況,盡量把字體數(shù)量限制到最小,一般兩個(gè)就很充足,其實(shí)一個(gè)也足夠。用戶對標(biāo)準(zhǔn)字體更熟悉,因此可以快速的讀取。除非你的網(wǎng)站的自定義字體很有吸引力,否則最好還是使用系統(tǒng)字體。一個(gè)安全的方法是用一個(gè)系統(tǒng)的字體:如Arial,Calibri,Trebuchet等。

二、行間距的重要性

行太短,視線要經(jīng)常返回,會(huì)打破讀者的節(jié)奏。行太長,用戶的視線又很難專注于文本。增加行高,可以增加文本之間的垂直空白空間,提高可讀性,換取屏幕空間。一個(gè)規(guī)則,行高應(yīng)該是字符高度的30%。
       三、確保你有足夠的顏色對比度

在文本和背景中不要使用相同或相似的顏色,文本越明顯,用戶才能更快的閱讀。你一旦選擇了顏色,就要在大多數(shù)設(shè)備上進(jìn)行測試。如果測試時(shí)顯示閱讀副本有問題,那么你的用戶使用時(shí)也會(huì)有相同得到問題。

四. 避免紅色或綠色的文本

色盲很常見,尤其是男性,據(jù)調(diào)查8%的男性是紅綠色盲,避免單獨(dú)使用紅色和綠色來傳達(dá)信息。

五、選擇一種能在各種尺寸中工作的字體

用戶可能會(huì)從不同的屏幕尺寸和分辨率的設(shè)備中訪問網(wǎng)站,選擇一種能在多尺寸和重量上運(yùn)行良好的字體,保持每個(gè)尺寸的可讀性。保證你的字體在比較小的屏幕種依然清晰可辨,確保你說選擇的字體在較小的屏幕上清晰可辨。

總結(jié):優(yōu)化排版則是優(yōu)化可讀性,可訪問性,可用性,整體圖形平衡。讓排版具有可讀性,可理解性和清晰度是至關(guān)重要。排版是為了內(nèi)容更好的呈現(xiàn),應(yīng)以不會(huì)增加用戶認(rèn)知負(fù)荷的方式來尊重內(nèi)容。

轉(zhuǎn)載請注明來自:http://www.ihealthyalternatives.com/webnews/85421.html

標(biāo)簽:網(wǎng)站制作    網(wǎng)頁設(shè)計(jì)    網(wǎng)站建設(shè)

文章分享到
  • 微信好友
  • QQ好友
  • QQ空間
  • 騰訊微博
  • 新浪微博
  • 人人網(wǎng)
本篇文章共有30個(gè)評論,歡迎各路網(wǎng)友前來評論留言,解決用戶的問題是我們服務(wù)的宗旨。
評論列表
Loading...
頁 共30