網(wǎng)頁是公司越來越注重的一點(diǎn)，提高網(wǎng)頁設(shè)計(jì)質(zhì)量是設(shè)計(jì)師的必修課程，把握住細(xì)節(jié)是提高網(wǎng)頁設(shè)計(jì)的關(guān)鍵點(diǎn)。那如何把握網(wǎng)頁設(shè)計(jì)細(xì)節(jié)呢？

　　1、網(wǎng)頁圖標(biāo)的統(tǒng)一風(fēng)格

　　圖標(biāo)統(tǒng)一性：

　　a、 風(fēng)格統(tǒng)一：線條性、塊狀圖標(biāo)、手繪圖標(biāo)、扁平圖標(biāo)、擬物圖標(biāo)等（同時線條圖標(biāo)線條粗細(xì)一致）

　　b、 色彩上統(tǒng)一：圖標(biāo)可以采用相同顏色配色；如果是不同顏色配色方式在視覺上要做到色調(diào)統(tǒng)一。

　　c、 視覺上大小統(tǒng)一

　　2、弱化點(diǎn)綴元素

　　網(wǎng)頁設(shè)計(jì)中，點(diǎn)綴元素很多都是起到視覺修飾作用，所以在視覺表達(dá)時要弱化它們的存在，很多初學(xué)者會忽略點(diǎn)綴元素的弱化調(diào)節(jié)。

　　3、讓頁面更簡潔

　　頁面簡潔但不單調(diào)是我們的目標(biāo)效果，但是很多設(shè)計(jì)師在設(shè)計(jì)師習(xí)慣用不必要元素過度修飾。合理點(diǎn)綴修飾讓設(shè)計(jì)更活，過多裝飾讓設(shè)計(jì)更做作，慎用修飾。簡潔的頁面設(shè)計(jì)更快速直接的向用戶傳達(dá)重要信息，不啰嗦不累贅不雜亂。

　　4、圖片視覺平衡

　　網(wǎng)頁設(shè)計(jì)中人物或產(chǎn)品圖是常用的元素，在使用人物圖像時，保持視覺平衡和協(xié)調(diào)，所以要控制視平線方向的一致。

　　5、色彩合理使用

　　一般界面中使用2-3種顏色，更多顏色難以把控，也會讓用戶眼花繚亂，無法找到重點(diǎn)信息。其中主色選取更為重要。定主色方法：品牌色（logo顏色）、圖片色、情感色。定輔色方法：同色系配色、同色調(diào)配色等。

　　6、提高圖片質(zhì)量

　　影響圖片質(zhì)量原因有：

　　a、 素材不清楚：可以去高清素材網(wǎng)搜高清圖（例如大作網(wǎng)、花瓣網(wǎng)、500px、Pixabay、Pexels等）

　　b、 摳圖不干凈（有白邊或鋸齒）：不能懶得只用魔術(shù)棒摳圖（鋼筆通道才是摳圖利器）

　　c、 圖片使用變形：很多人為了符合比例就暴力壓縮圖片（找合適圖片，也可適當(dāng)修剪）

　　d、 未適當(dāng)修飾圖片（如調(diào)色、裁剪等）等原因。

　　7、按鈕使用的合理性

　　按鈕是網(wǎng)頁重要組成元素，合理設(shè)計(jì)按鈕能提高用戶體驗(yàn)（如不可點(diǎn)擊的按鈕設(shè)置成灰色）；其次按鈕的統(tǒng)一性（如按鈕的圓角度和風(fēng)格）。按鈕的幾種狀態(tài)：普通可點(diǎn)擊狀態(tài)、不可點(diǎn)擊狀態(tài)（設(shè)置灰色）、點(diǎn)擊后狀態(tài)、聚焦?fàn)顟B(tài)（點(diǎn)擊未松手）、劃過狀態(tài)。

　　8、文字的極差關(guān)系處理

　　文字的極差關(guān)系可以直接反應(yīng)出文字的層級，突出重點(diǎn)文字內(nèi)容；并且讓整個設(shè)計(jì)不累贅，更有設(shè)計(jì)感。極差關(guān)系能夠從文字的大小、字體、顏色、是否加粗、傾斜、大小寫、間距、圖形結(jié)合等手法來處理。

　　9、信息閱讀符合用戶習(xí)慣

　　不同的設(shè)計(jì)方式可能讓用戶有不同的體驗(yàn)感，正確的設(shè)計(jì)方式復(fù)合用戶習(xí)慣，減少用戶成本也是網(wǎng)頁設(shè)計(jì)主題之一；反之會讓用戶覺得很別扭，不習(xí)慣。

　　10、控件元素的統(tǒng)一

　　有部分設(shè)計(jì)師，尤其是剛開始從事設(shè)計(jì)的設(shè)計(jì)師，他們在設(shè)計(jì)網(wǎng)頁控件時都是現(xiàn)用現(xiàn)做，并沒有在設(shè)計(jì)網(wǎng)頁之前統(tǒng)一公共控件元素，這樣會讓控件元素很難達(dá)到統(tǒng)一，尤其是不同頁面的控件元素。

　　11、同類信息的親密性

　　當(dāng)沒有明顯的區(qū)域劃分時，間距就是我們判斷信息分類的直接依據(jù)，此時間距留白就顯得格外重要；一般同類模塊元素會間距比較小，不同模塊元素會增大間距用以區(qū)別。