1.3 网页UI构成元素

与传统媒体不同，网页界面除了文字和图像，还包含动画、声音和视频等新兴多媒体元素，更有由代码语言编程实现的各种交互式效果，这些极大地增加了网页界面的生动性和复杂性，同时也要求网页界面设计者考虑更多的页面元素的布局和优化。

1.3.1 文字

文字元素是信息传达的主体部分，从最初的纯文字网页界面发展至今，文字仍是其他任何元素所无法取代的重要构成。这首先是因为文字信息符合人类的阅读习惯，其次是因为文字所占存储空间很少，节省了下载和浏览的时间。

网页界面中的文字主要包括标题、信息、文字链接等几种主要形式，标题是内容的简要说明，一般比较醒目，应该优先编排。文字作为占据页面重要比例的元素，同时又是信息的重要载体，它的字体、大小、颜色和排列对页面整体设计影响极大，应该多花心思去处理。如图1-19所示是典型的以文字排版为主的网页界面。整个网站页面的图像修饰很少，但是文字分类条理清晰，并没有单调的感觉，可见文字排版得当，网页界面同样可以生动活泼。

图1-19

1.3.2 图形符号

图形符号是视觉信息的载体，通过精练的形象代表某一事物，表达一定的含义。图形符号在网页界面设计中可以有多种表现形式，可以是点，也可以是线、色块或是页面中的一个圆角处理等。如图1-20所示为网页界面中图形符号元素的表现效果。

图1-20

1.3.3 图像

图像在网页界面设计中有多种形式，图像具有比文字和图形符号都要强烈和直观的视觉表现效果。图像受指定信息传达内容与目的的约束，但在表现手法、工具和技巧方面具有比较高的自由度，从而也可以产生无限的可能性。网页界面设计中的图像处理往往是网页创意的集中体现，图像的选择应该根据传达的信息和受众群体来决定。如图1-21所示为网页界面中的图像创意设计表现。

图1-21

1.3.4 多媒体

网页界面构成中的多媒体元素主要包括动画、声音和视频，这些都是网页界面构成中最吸引人的元素，但是网页界面还是应该坚持以内容为主，任何技术和应用都应该以信息的更好传达为中心，不能一味地追求视觉化的效果。如图1-22所示为网页界面中多媒体元素的应用效果。

图1-22

1.3.5 色彩

网页界面中的配色可以为浏览者带来不同的视觉和心理感受，它不像文字、图像和多媒体等元素那样直观、形象，它需要设计师凭借良好的色彩基础，根据一定的配色标准，反复试验、感受之后才能够确定。有时候，一个好的网页界面往往因为选择了错误的配色而影响整个网页的设计效果，如果色彩使用得恰到好处，就会得到意想不到的效果。

色彩的选择取决于“视觉感受”，例如，与儿童相关的网页可以使用绿色、黄色或蓝色等一些鲜亮的颜色，让人感觉活泼、快乐、有趣、生气勃勃；与爱情、交友相关的网页可以使用粉红色、淡紫色和桃红色等，让人感觉柔和、典雅；与手机数码相关的网页可以使用蓝色、紫色、灰色等体现时尚感的颜色，让人感觉时尚、大方、具有时代感。如图1-23所示为网页界面中的配色效果。

图1-23