1.2 了解用户界面设计

用户界面（User Interface, UI）设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，因特网中所说的UI设计是虚拟UI。

好的UI设计不仅让软件变得有个性、有品位，还能让软件的操作变得舒适、简单。

1.2.1 网页用户界面设计原则

UI设计是针对用户的设计，一切活动的目的都是为了完成与用户的沟通。因此UI设计就必须遵循一些原则，从而实现目标。下面是网页UI设计常用的一些原则。

1．用户导向原则

设计网页前首先要明确到底谁是用户，要站在用户的角度和立场上来考虑。要做到这一点，就必须要和用户沟通，了解他们的需求、目标、期望和偏好等。

2．KISS原则

KISS是Keep It Sample and Stupid的英文缩写，中文意思就是简洁易操作，毕竟网页设计出来是便于用户查阅信息和使用网络服务的，没有必要设置过多的操作，堆积很多复杂和花哨的图片。该原则一般要求，网页的下载时间不要超过10s；尽量使用文本链接，减少大尺寸图片和动画的使用；操作设计尽量简单，并且有明确的操作提示；网站所有内容和服务都在显眼处向用户予以说明等。

3．布局控制

如果网页的布局凌乱，仅仅把大量的信息堆砌在页面上，会使浏览者的阅读体验很差。

一般网页上面的栏目设置在5～9个最佳，如果所提供的内容过于密集，就会使人感到烦躁、压抑。

对于信息的分类，不能超过9个栏目。如果内容实在是多，超出了9个，需要进行分组处理。如果网页上提供几十篇文章的链接，需要每隔7篇加一个空行或平行线以分组。如果你的网站内容栏目超出9个，如微软公司的网站，共有11个栏目，超过了9个。

4．视觉平衡

根据视觉原理，图形与文字相比较，图形的视觉作用要大一些。所以，为了达到视觉平衡，在设计网页时需要以更多的文字来平衡一幅图片。另外，按照国人的阅读习惯是从左到右，从上到下，因此视觉平衡也要遵循这个道理。

5．色彩搭配

颜色是影响网页美观的重要因素。不同的颜色对人的感觉有不同的影响，例如：红色和橙色使人兴奋；黄色使人联想到阳光，是一种快活的颜色；黑色显得沉稳、庄重，考虑到你希望对浏览者产生什么影响，为网页设计选择合适的颜色（包括背景色、元素颜色、文字颜色、链节颜色等）。

6．和谐与一致性

通过对网站的各种元素（颜色、字体、图形、空白等）使用一定的规格，使得设计良好的网页看起来应该是和谐的。或者说，网站的众多单独网页应该看起来像一个整体。网站设计上要保持一致性，这又是很重要的一点。

1.2.2 网页用户界面设计尺寸

1）在显示器分辨率为800×600像素的条件下，网页宽度保持在778像素以内，就不会出现水平滚动条，高度则视版面和内容决定。

2）在显示器分辨率为1024×768像素的条件下，网页宽度保持在1002像素以内，如果满框显示的话，高度为612～615像素，此时就不会出现水平滚动条和垂直滚动条。

3）页面长度原则上不超过3屏，宽度不超过1屏。

4）全尺寸横幅广告（banner）为468×60像素，半尺寸横幅广告为234×60像素，小横幅广告为88×31像素。

5）小图标的标准尺寸为120×90像素或120×60像素。

6）每个非首页静态页面所含图片文件大小不超过60KB，全尺寸横幅广告文件大小不超过14KB。