雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

網(wǎng)頁排版設(shè)計(jì)小技巧,讓網(wǎng)站頁面更和諧

Time: 2020-01-10

網(wǎng)頁設(shè)計(jì)排版關(guān)系著網(wǎng)頁的整體瀏覽效果,而且網(wǎng)頁的排版也決定著網(wǎng)頁的瀏覽舒適度,所以網(wǎng)頁排版的設(shè)計(jì)是非常重要的,下面我們跟隨小編一起來了解一下網(wǎng)頁排版設(shè)計(jì)的相關(guān)資料吧。


網(wǎng)頁排版設(shè)計(jì)技巧

一、減少不同類型字體的使用

  不要使用太多的字體,只破壞你的布局。為了避免這種情況,盡量把字體數(shù)量限制到最小,一般兩個就很充足,其實(shí)一個也足夠。

  二、使用標(biāo)準(zhǔn)字體

  用戶對標(biāo)準(zhǔn)字體更熟悉,因此可以快速的讀取。除非你的網(wǎng)站的自定義字體很有吸引力,否則最好還是使用系統(tǒng)字體。一個安全的方法是用一個系統(tǒng)的字體:如Arial,Calibri,Trebuchet等。


1.jpg

(圖片來自網(wǎng)絡(luò))


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

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


  四、限制行的長度

  Baymard Institute關(guān)于行的長度這樣說:“如果你想要有一個好的閱讀體驗(yàn),每行應(yīng)約60個字符。每行擁有適當(dāng)?shù)淖址麛?shù)量是讓你的文本具有可讀性的關(guān)鍵?!毙刑?,視線要經(jīng)常返回,會打破讀者的節(jié)奏。行太長,用戶的視線又很難專注于文本。


  五、行間距的重要性

  增加行高,可以增加文本之間的垂直空白空間,提高可讀性,換取屏幕空間。一個規(guī)則,行高應(yīng)該是字符高度的30%。


  六、確保你有足夠的顏色對比度

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


2.jpg

(圖片來自網(wǎng)絡(luò))


  七、避免紅色或綠色的文本

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


  八、避免使用閃爍的文字

  首先,閃爍的內(nèi)容可能會導(dǎo)致個體癲癇發(fā)作,其次,對于大多數(shù)用戶,這很令人反感而且容易分心。


  相信有了小編為你整理的這一份超級詳細(xì)且超級實(shí)用的網(wǎng)頁排版設(shè)計(jì)小技巧以后,一定可以幫助你設(shè)計(jì)出更好的網(wǎng)頁排版哦!


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開