圖標(biāo)很多時候是網(wǎng)站的重要按鈕，其中以導(dǎo)航按鈕居多，尤其是在移動網(wǎng)站頁面中，這樣的圖標(biāo)按鈕更是常見。在網(wǎng)站圖標(biāo)設(shè)計中，保證圖標(biāo)清晰的可視性至關(guān)重要，讓用戶注意到它們的存在，知道其意義，用戶才會進行點擊使用。這種實踐尤其要注意以下3點：

　　一、線條的設(shè)計

　　移動網(wǎng)站圖標(biāo)的設(shè)計，線條的粗細、走向是關(guān)鍵因素，這兩個因素體現(xiàn)了移動網(wǎng)站圖標(biāo)的設(shè)計風(fēng)格，也影響著圖標(biāo)的可讀性，影響圖標(biāo)的內(nèi)涵能否被用戶正確理解，影響圖標(biāo)的形狀能否被用戶輕易識別。

　　在進行網(wǎng)站圖標(biāo)設(shè)計時，不要進行隨意的創(chuàng)作，可以考慮使用含義有深厚的群眾基礎(chǔ)的圖形，進行適當(dāng)風(fēng)格調(diào)整修改，要創(chuàng)作，也要根據(jù)圖標(biāo)的含義來設(shè)計，使用統(tǒng)一的設(shè)計風(fēng)格。

　　二、圖標(biāo)的配色

　　在給圖標(biāo)上色時，如果移動網(wǎng)站的背景是常見的白色，優(yōu)先考慮網(wǎng)站的主色調(diào)；如果按鈕處于導(dǎo)航中，而導(dǎo)航背景色已確定，要考慮導(dǎo)航背景色、網(wǎng)站背景色、甚至是其他重要元素顏色的搭配，保證網(wǎng)站整體配色的合理性。

　　標(biāo)新立異的配色可能會破壞移動網(wǎng)站整體視覺性，因此移動網(wǎng)站任何部分的顏色搭配都要深思熟慮。

　　三、交互顏色的變化

　　給圖標(biāo)添加交互設(shè)計，尤其是按鈕圖標(biāo)，已是網(wǎng)站交互設(shè)計必做功課。圖標(biāo)的交互設(shè)計，要么以動態(tài)的形狀變化為主，要么以顏色的變化為主，總之是會涉及到顏色的，那么這些變化該如何選擇呢？要注意些什么呢？

　　一來要考慮變化的顯著性，即能通過視覺變化提醒或是吸引到用戶，這樣的交互具有存在的意義。二來，相互轉(zhuǎn)化的色彩搭配要合理。三來，變化的色彩與移動網(wǎng)站的配色也要相搭。

　　移動網(wǎng)站圖標(biāo)設(shè)計保證清晰的可視性是基本原則，但在設(shè)計的過程中，有諸多需要注意的細節(jié)之處，完美的細節(jié)處理，才能造就成功的移動網(wǎng)站。