网页UI设计注意事项

好的网页UI设计一定是在网站的细节之处能达到了完美平衡。不仅色调和谐、布局规整、图文搭配条理清晰，而且在空间上带给用户足够的舒适感。

作为网页UI设计师，在创作的过程中，一定要注意字体、色彩、空白与内容间的完美融合，这样才可以构成一个美观度高且欢迎度高的设计作品。

下面是网页UI设计过程中的需要注意的几点事项：

1、保证网页有足够的留白

所谓的留白，就是设计师在网页设计时，要适当地留出空白，给用户呼吸的空间。一个布满最多信息、密密麻麻一片内容的网页UI设计，一定不是好的设计。用户虽然在浏览网页的时候，可以了解到更多的信息，但体验度一定是不好的。不利于网站人脉的积累。

2、在适当的地方使用适当的字体

网页UI设计，使用大胆和醒目的字体虽然很重要，但并不是所有的细节都适合。也并非字体越多，设计越独特。而是要在恰当的地方使用恰当的字体，最佳的方式是，一个网页选择1种基本字体，再配合2-3种其他字体即可。相信，哪个设计师都不希望自己辛苦做出的作品，最后给人留下很突兀的印象。

3、颜色运用不易过多、过花

颜色运用过多的网页UI设计，会在一定程度上破坏页面的层次，看不出设计师究竟想表达什么，画面也很容易带给用户脏乱差的感觉。尽量保持背景1种颜色，内容1种颜色，链接一种颜色，页头1种颜色，图案和页脚各1种颜色。也可以选择一种亮色调，再配以几种反相色调，这也不失为一种好的处理方式。

4、需要区分不同内容层次

这与上面提到的字体有些相反，一个好的网页UI设计，字体过多容易造成视觉的混乱，而内容层次不明显、过少，却容易造成内容主次不分。因此，字体要尽量减少，内容层次却要尽量增加。让用户在刚进入网页时，便知道哪个模块是主要的，哪个模块承载的是什么功能。

5、网页整体要保持一致性

这是网页UI设计最基础遵循的原则，也是最关键的注意事项。这里讲的不是某一个页面的一致性，而是整个网页在设计上要保持一致。比如，颜色，所有的网页只采用一种基础色，其他的细节处可以用其他颜色；字体方面，标题和内容的字体大小，也要保持统一。如果网页UI设计整体不一致的话，用户在同一个网站看到不同风格的设计，相信，其再次光顾这个网站的几率也是很低的。

6、网页页面尺寸的设定

网页设计在初始要界定出网页的尺寸大小，就像绘画给出一块画版来，这样才能方便设计。
网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多。另一个是浏览器软件，就是我们常用的IE，Friefox等。
高度：
高度是可以向下延展的，所以一般对高度不限制。对于一屏来说，一般没有一个固定值，因为每个人的浏览器的工具栏不同，所以高度没有确切值。
宽度:
1、在IE6.0下，宽度为显示器分辨率减21，比如1024的宽度-21就变成1003。但值得注意的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框。
2、在Firefox下，宽度的分率辨减19。比如1024的宽度-19就变成1005
3、在Opear下，宽度的分率辨减23。比如1024的宽度-23就变成1001
注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。

以上几点为网页UI设计需要注意的常见问题，其他未尽设计要求，下期实战易继续讲解。