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

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

網(wǎng)頁排版有什么技巧?高端品牌網(wǎng)站如何進(jìn)行設(shè)計?

Time: 2021-05-17

網(wǎng)站搭建之前需要進(jìn)行網(wǎng)站設(shè)計,而在網(wǎng)站設(shè)計中排版也是非常重要的,那么各位知道在網(wǎng)頁排版中都有哪些技巧嗎?如果要設(shè)計高端品牌網(wǎng)站的話,該怎么進(jìn)行設(shè)計會比較好呢?讓我們一起來了解了解吧。

高端品牌網(wǎng)站

高端品牌網(wǎng)站(圖片來自網(wǎng)絡(luò))


  一、網(wǎng)頁排版的技巧

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

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

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

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

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

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

  4、限制行的長度

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

  5、行間距的重要性

  增加行高,可以增加文本之間的垂直空白空間,提高可讀性,換取屏幕空間。一個規(guī)則,行高應(yīng)該是字符高度的30%。左:幾乎重疊的文字。右:良好的間距有助于可讀性。

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

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

高端品牌網(wǎng)站

高端品牌網(wǎng)站(圖片來自網(wǎng)絡(luò))


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

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

  8、避免使用閃爍的文字

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

  二、高端品牌網(wǎng)站如何進(jìn)行設(shè)計

  1、采用獨特的網(wǎng)站色調(diào),突出網(wǎng)站特色

  選擇用淡藍(lán)色的網(wǎng)站比較不理想,即使有了流量,轉(zhuǎn)化率還是很低,其中原因就是他們重復(fù)的色調(diào)讓用戶產(chǎn)生了極大的方案。的確,淡藍(lán)色是一種比較優(yōu)雅,適合普遍網(wǎng)站的色調(diào),但是采用另外一些獨特的顏色來建站,也未嘗不是一件壞事。

  2、精簡網(wǎng)站布局,讓用戶可以輕松瀏覽

  建議大家應(yīng)該要精簡網(wǎng)站布局,讓用戶能夠輕松瀏覽。也就是說,要做到該去掉廣告位就去掉廣告位,該撤掉flash就撤掉flash,只要這些因素阻礙了用戶瀏覽,就應(yīng)該要學(xué)會放棄。只有放棄了這些元素才能有效減少用戶瀏覽壓力,也讓你的網(wǎng)站相比競爭對手網(wǎng)站更勝一籌。

  3、劃分欄目重要主次,合理調(diào)整網(wǎng)站結(jié)構(gòu)

  (1)首先要明確自己的重點欄目,所謂的重點欄目就是你每天著重更新內(nèi)容的那個欄目,這些重點欄目應(yīng)該要放到網(wǎng)站的正中央,然后用css著重突出該欄目的特色,讓用戶能夠關(guān)注到這個重點欄目。

 ?。?)對于那些次要的欄目,就應(yīng)該放在網(wǎng)站的兩側(cè)或者底部,最好能夠圍繞著重點欄目,形成如同眾星拱月的形狀,這樣才會讓用戶感到耳目一新,才會愿意去瀏覽你的網(wǎng)站。

高端品牌網(wǎng)站

高端品牌網(wǎng)站(圖片來自網(wǎng)絡(luò))


  關(guān)于網(wǎng)頁排版的技巧,大家還是要留意一下,對大家設(shè)計網(wǎng)站是非常有幫助的。而高端品牌網(wǎng)站的設(shè)計方法是非常多的,這里小編也只是列舉了幾個主要的方法,如果大家想了解更多的方法的話,可以去faceui的官網(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

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