新聞中心
頁面設(shè)計好壞直接決定了用戶的瀏覽體驗，那么在網(wǎng)頁設(shè)計過程中需要注意哪些問題呢?
本文將跟大家分享改善網(wǎng)頁設(shè)計實(shí)用技巧，廢話不多說，直接進(jìn)入正文。
1、在有文字的照片上使用顏色覆蓋
?在網(wǎng)頁設(shè)計中，有時候不得不處理一些糟糕的圖片。嘗試將它們處理成背景紋理而不是主要焦點(diǎn)元素，通過在半不透明的設(shè)置上疊加品牌顏色。通過提高對比度，使覆蓋文本更具可讀。比如下面的例子中，給文本添加了一個深藍(lán)色的陰影來進(jìn)一步增強(qiáng)對比度。
2、不要過度使用負(fù)空間
設(shè)計師似乎喜歡運(yùn)用負(fù)空間，網(wǎng)上也有很多人會建議使用更多的負(fù)空間。但是當(dāng)元素之間存在過多的負(fù)空間時，人們的視線就會陷入空洞中，元素之間的連貫性就會被打斷。
3、“廢話少說”
要知道，很多人是沒有耐心去看頁面一大串文字的，這意味著你的網(wǎng)頁只有很少的時間來吸引別人的注意力。因此，頁面內(nèi)容一定要精簡，并且要突出重點(diǎn)，“廢話少說”。
4、即使只有文本的布局也要有視覺吸引力
登陸頁面的純文本部分可能很難設(shè)計，尤其是如果你沒有機(jī)會或資源來使用插圖、圖像或照片優(yōu)化頁面。
這時候，可以利用品牌顏色和展示細(xì)節(jié)上下功夫，以提升視覺設(shè)計效果。
5、小圖標(biāo)，大插圖
圖標(biāo)固然很重要，但是應(yīng)該給予合理的展示。有的元素更適合做“配角”，如果把它們放大，你得到的只是一個糟糕的效果。
比如讓圖標(biāo)作為標(biāo)題的“配角”，標(biāo)題文本內(nèi)容無疑會更突出，展示更為合理。
6、減少字母間距
我們有很多方法可以使用字母間距來微妙地改進(jìn)排版，但如果你沒有豐富的排版經(jīng)驗，堅持在所有大寫標(biāo)題上增加一點(diǎn)字母間距。在句子大小寫文本中增加額外的字母間距會產(chǎn)生可讀性問題，也會破壞字體設(shè)計的自然節(jié)奏。
7、在常見問題（ FAQ）部分注意長度
常見問題部分很多網(wǎng)頁重要組成部分，最佳行長度在45到75個字符之間，包括空格和標(biāo)點(diǎn)符號。
8、展示社會價值
在這個例子中，真正的價值主張隱藏在一個幾乎不會被注意到的副標(biāo)題中。
這時候，可以通過添加真實(shí)用戶的面孔來增加社會證明的真實(shí)性。
9、沒有人喜歡字體很小的文本
在這個例子中，在CSS中使用了可變的網(wǎng)頁排版，創(chuàng)建了主體副本為11px、導(dǎo)航鏈接9px。
瀏覽器默認(rèn)的16px字體大小現(xiàn)在已經(jīng)有20年的歷史了——使用為屏幕設(shè)計的現(xiàn)代字體，開始處文本的大小應(yīng)當(dāng)設(shè)置在18-20px之間。
10、運(yùn)用幾率法則
讓頁面布局包含元素個數(shù)為奇數(shù)。如果需要展示4個要點(diǎn)，試著將其中2個點(diǎn)結(jié)合在一起，用3個點(diǎn)展示。
如果這很難實(shí)現(xiàn)，那就優(yōu)先考慮最重要的觀點(diǎn)，去掉最弱的。
在如下例子所示的布局中，要看四個要點(diǎn)，會讓人感覺認(rèn)知超負(fù)荷。
11、盡可能縮減文本
在可能的情況下盡可能合并并減少文本內(nèi)容。在標(biāo)題和副本之間創(chuàng)建大小的對比來提高視覺層次，當(dāng)你有很多內(nèi)容需要展示，那就使用負(fù)空間來創(chuàng)造清爽的體驗。
12、利用亮色強(qiáng)調(diào)重點(diǎn)
大面積使用亮色會產(chǎn)生對比度失衡的問題，可能達(dá)不到突出文本內(nèi)容的目的。對于較小的元素，如按鈕，可能需要盡量避免白色文本。
13、檢查灰色文本的對比度
?使用灰色文本是在文本元素之間創(chuàng)建層次結(jié)構(gòu)的流行做法。但這通常會因為缺乏足夠?qū)Ρ榷?，使得文本的可讀性變差。使用一些在線工具來檢查對比度，如果你需要建立一個更清晰的視覺層次，可以增加字體大小的對比度。
以上就是改善網(wǎng)頁設(shè)計的13個技巧，希望能對你有所幫助。
注:文章由站長之家編譯自uxplanet。