眾所周知，看到一個(gè)網(wǎng)站，如果大家都覺得不錯(cuò)；那應(yīng)該明白“細(xì)節(jié)決定成敗”在設(shè)計(jì)行業(yè)里是非常重要的。對于一個(gè)頁面沒有得到需求方的認(rèn)可，但是他們又說不出什么理由，這個(gè)時(shí)候就是細(xì)節(jié)問題了。一個(gè)頁面的細(xì)節(jié)到位才能充分體現(xiàn)出頁面的品質(zhì)。一個(gè)優(yōu)秀的作品與卓越的作品相比差距就在于細(xì)節(jié)的把控。
 
那我們具體該如果做好細(xì)節(jié)呢？ 字符、留白、光影、層次、陰影、質(zhì)感、漸變、像素化等，如下圖：下面簡單介紹一下。

字符是頁面中不可缺少的部分，頁面上最重要的部分。而網(wǎng)頁中包含有字號(hào)、字體、樣式、間距、顏色、排版。
 
字號(hào)
網(wǎng)頁設(shè)計(jì)中導(dǎo)航欄字號(hào)一般使用16或14號(hào)字，內(nèi)容字號(hào)使用12號(hào)字；而在部分需要強(qiáng)調(diào)的點(diǎn)，會(huì)使用18號(hào)或更大的字號(hào)。



導(dǎo)航欄字號(hào)的使用

內(nèi)容字號(hào)的使用

字體

現(xiàn)網(wǎng)頁中比較常用的中文字體有宋體、黑體、楷體、隸書等無版權(quán)信息的字體；現(xiàn)微軟雅黑屬于方正字體，因版權(quán)問題，現(xiàn)網(wǎng)站已在逐漸由思源黑體、思源宋體等代替。


樣式    網(wǎng)站正文文字的樣式為常規(guī)樣式，標(biāo)題采用加粗樣式。
間距    文字的間距分為“字距”“行距”。
顏色    網(wǎng)站的頁面設(shè)計(jì)一般遵從網(wǎng)站三原色來進(jìn)行設(shè)計(jì)。
排版    頁面設(shè)計(jì)中常用的左對齊和兩端對齊  
現(xiàn)在的html 5網(wǎng)頁多以全屏圖文設(shè)計(jì)為主，而適當(dāng)?shù)牧舭?，使網(wǎng)頁的內(nèi)容主次分明，層次清晰，從而使其閱讀更舒服。在網(wǎng)頁設(shè)計(jì)中會(huì)用到大面積的有色范圍、導(dǎo)航按鈕、內(nèi)容與圖片、對比色留白、logo處留白。 網(wǎng)頁設(shè)計(jì)中需要使用大量的圖片，而在圖片設(shè)計(jì)中的層次感，從而使閱讀更豐趣味性，視覺沖擊力更強(qiáng)。

網(wǎng)頁設(shè)計(jì)中加入適當(dāng)?shù)墓庥?，突出主題，從而也使網(wǎng)頁設(shè)計(jì)更加自然、有動(dòng)感且真實(shí)直觀，視覺也更強(qiáng)烈。



網(wǎng)站設(shè)計(jì)中的字符、留白、光影、層次、陰影、質(zhì)感、漸變、像素化等這些設(shè)計(jì)細(xì)節(jié)的合適使用，從而達(dá)到了網(wǎng)站更高的滿意率。

作者：方維網(wǎng)絡(luò)王卓

欄目：企業(yè)網(wǎng)站設(shè)計(jì)