图标很多时候是网站的重要按钮，其中以导航按钮居多，尤其是在移动网站页面中，这样的图标按钮更是常见。在网站图标设计中，保证图标清晰的可视性至关重要，让用户注意到它们的存在，知道其意义，用户才会进行点击使用。这种实践尤其要注意以下3点：

　　一、线条的设计

　　移动网站图标的设计，线条的粗细、走向是关键因素，这两个因素体现了移动网站图标的设计风格，也影响着图标的可读性，影响图标的内涵能否被用户正确理解，影响图标的形状能否被用户轻易识别。

　　在进行网站图标设计时，不要进行随意的创作，可以考虑使用含义有深厚的群众基础的图形，进行适当风格调整修改，要创作，也要根据图标的含义来设计，使用统一的设计风格。

　　二、图标的配色

　　在给图标上色时，如果移动网站的背景是常见的白色，优先考虑网站的主色调；如果按钮处于导航中，而导航背景色已确定，要考虑导航背景色、网站背景色、甚至是其他重要元素颜色的搭配，保证网站整体配色的合理性。

　　标新立异的配色可能会破坏移动网站整体视觉性，因此移动网站任何部分的颜色搭配都要深思熟虑。

　　三、交互颜色的变化

　　给图标添加交互设计，尤其是按钮图标，已是网站交互设计必做功课。图标的交互设计，要么以动态的形状变化为主，要么以颜色的变化为主，总之是会涉及到颜色的，那么这些变化该如何选择呢？要注意些什么呢？

　　一来要考虑变化的显著性，即能通过视觉变化提醒或是吸引到用户，这样的交互具有存在的意义。二来，相互转化的色彩搭配要合理。三来，变化的色彩与移动网站的配色也要相搭。

　　移动网站图标设计保证清晰的可视性是基本原则，但在设计的过程中，有诸多需要注意的细节之处，完美的细节处理，才能造就成功的移动网站。