网页设计技巧法则案例8.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908196.png" width=600>

九、导航是网页中最重要的设计

导航可以说是整个网站中最重要的设计，用户体验舒适与否很大的决定权源自于此。对导航设计的最佳评价应该是“召之即来，挥之即去”。幽灵按钮、汉堡图标和无线框纯文字设计都是好导航的常用设计手法。

网页设计技巧法则案例9.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908361.png" width=600>

不需要的时候，导航只是个小小的汉堡图标。

展开之后，它是这样的：

网页设计技巧法则案例9.1.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908614.png" width=600>

也可以根据你的意愿让它随时消失。

又或者展开前是如此低调的存在：

网页设计技巧法则案例9.2.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908427.png" width=600>

打开后以色块的形式呈现，让近视患者也能清楚的分辨：

网页设计技巧法则案例9.3.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908503.png" width=600>

九、减去页面之间的相同存在！

相同的部分在网页设计中显得毫无意义，不仅让网页逻辑变得繁杂琐碎，更会让用户觉得反感。尤其在布局一致的情况下，内容的差异化尤为重要。这些差异化可以从很多方面表现出来，比如色彩、文字、风格等等。

差异化的最全范例：《经验分享！超实用的文本处理技巧》

网页设计技巧法则案例10.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908296.png" width=600>网页设计技巧法则案例10.1.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908357.png" width=600>

如果想设计更特别的网页，你可以选择这样做：

网页设计技巧法则案例10.2.png border=0 alt=超有料！给网页设计新手的10条实用法则 src="http://upload.chinaz.com/2015/0112/1421030908266.png" width=600>

总结：

以上是我们为正在努力加油的大家总结的网页UI设计法则，有可能你对上述内容已经听闻过许多，但其中的意义还需要在实践中渐渐摸索领悟。

Finally，多多练习，根据设计环境不断优化自己的实战经验，做一个机灵的设计师！