1.5 网页UI的设计原则

网页作为传播信息的一种载体，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页UI设计又有其自身的特殊规律。网页UI设计，是技术与艺术的结合、内容与形式的统一。

1.5.1 以用户为中心

以用户为中心的原则实际上就是要求设计者要时刻站在浏览者的角度来考虑，主要体现在以下几个方面：

1．使用者优先观念

无论在什么时候，不管是在着手准备设计网页界面之前、正在设计之中，还是已经设计完毕，都应该有一个最高行动准则，那就是使用者优先。使用者想要什么，设计者就要去做什么。如果没有浏览者去光顾，再好看的网页界面都是没有意义的。

2．考虑用户浏览器

还需要考虑用户使用的浏览器，如果想要让所有的用户都可以毫无障碍地浏览页面，那么最好使用所有浏览器都可以阅读的格式，不要使用只有部分浏览器可以支持的HTML格式或程序。如果想展现自己的高超技术，又不想放弃一些潜在的观众，可以考虑在主页中设置几种不同的浏览模式选项（例如纯文字模式、Frame模式和Java模式等），供浏览者自行选择。

3．考虑用户的网络连接

还需要考虑用户的网络连接，浏览者可能使用ADSL、高速专线或小区光纤。所以在进行网页界面设计时就必须考虑这种状况，不要放置一些文件量很大、下载时间很长的内容。网页界面设计制作完成之后，最好能够亲自测试一下。

1.5.2 视觉美观

网页界面设计首先需要能够吸引浏览者的注意力，由于网页内容的多样化，传统的普通网页不再是主打的环境，Flash动画、交互设计、三维空间等多媒体形式开始大量在网页界面设计中出现，给浏览者带来不一样的视觉体验，给网页界面的视觉效果增色不少，如图1-30所示。

在对网页界面进行设计时，首先需要对页面进行整体的规划，根据网页信息内容的关联性，把页面分割成不同的视觉区域；然后再根据每一部分的重要程度，采用不同的视觉表现手段，分析清楚网页中哪一部分信息是最重要的，什么信息次之，在设计中才能给每个信息一个相对正确的定位，使整个网页结构条理清晰；最后综合应用各种视觉效果表现方法，为用户提供一个视觉美观、操作方便的网页界面。

1.5.3 主题明确

网页界面设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者，以使主题在适当的环境里被人们及时地理解和接受，从而满足其需求。这就要求网页界面设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力来鲜明地突出设计主题，如图1-31所示。

根据认知心理学的理论，大多数人在短期记忆中只能同时把握4～7条分类信息，而对多于7条的分类信息或者不分类的信息则容易产生记忆上的模糊或遗忘，概括起来就是较小且分类的信息要比较长且不分类的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求设计师的设计活动必须自觉地掌握和遵循，如图1-32所示。

网页界面设计属于艺术设计范畴的一种，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面要通过对网站主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面还要通过对网页构成元素运用艺术的形式美法则进行条理性处理，以更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有这两个方面有机地统一，才能实现最佳的主题诉求效果，如图1-33所示。

优秀的网页界面设计必然服务于网站的主题，也就是说，什么样的网站就应该有什么样的设计。例如，设计类的个人网站与商业网站的性质不同，目的也不同，所以评论的标准也不同。网页界面设计与网站主题的关系应该是这样的：首先设计是为主题服务的；其次设计是艺术和技术相结合的产物，也就是说，既要“美”，又要实现“功能”；最后“美”和“功能”都是为了更好地表达主题。当然，在某些情况下，“功能”就是主题，“美”就是主题。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”，它的主题就是它的“功能”，如图1-34所示。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的，它的主题只有美，如图1-35所示。

只注重主题思想的条理性，而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理，而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，也就不可避免地出现平庸的网页界面设计或使网页界面设计以失败告终。

一般来说，我们可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用，来达到使网页界面从形式上获得良好的诱导力，并鲜明地突出诉求主题的目的。

1.5.4 内容与形式统一

任何设计都有一定的内容和形式。设计的内容是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格设计语言等表现方式。一个优秀的设计必定是形式对内容的完美表现。

一方面，网页界面设计所追求的形式美必须适合主题的需要，这是网页界面设计的前提。只追求花哨的表现形式，以及过于强调“独特的设计风格”而脱离内容，或者只追求内容而缺乏艺术的表现，网页界面设计都会变得空洞无力。设计师只有将这两者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页界面设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要，不要为了炫耀而使用冗余的技术，那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感，才能实现形式与内容的统一，如图1-36所示。

网页界面具有多屏、分页、嵌套等特性，设计师可以对其进行形式上的适当变化以达到多变的处理效果，丰富整个网页界面的形式美。这就要求设计师在注意单个页面形式与内容统一的同时，也不能忽视同一主题下多个分页面组成的整体网站的形式与整体内容的统一，如图1-37所示。因此，在网页设计中必须注意形式与内容的高度统一。

1.5.5 有机的整体

网页界面的整体性包括内容上和形式上的整体性，这里主要讨论设计形式上的整体性。

网站是传播信息的载体，它要表达的是一定的内容、主题和观念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部联系紧密、外部和谐完整的美感。整体性也是体现一个网页界面独特风格的重要手段之一。

网页界面的结构形式是由各种视听要素组成的。在设计网页界面时，强调页面各组成部分的共性因素或者使各个部分共同含有某种形式的特征，是形成整体的常用方法。这主要从版式、色彩、风格等方面入手。例如，在版式上，对界面中各视觉要素做全盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也要经过深思熟虑之后再决定；一个网站通常只使用两三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不能设计完第一屏，再去考虑下一屏。同样，整个网站内部的页面，都应该统一规划、统一风格，让浏览者体会到设计者完整的设计思想，如图1-38所示。

从某种意义上讲，强调网页界面结构形式的整体性必然会牺牲灵活的多变性，因此，在强调界面整体性设计的同时，必须注意过于强调整体性可能会使网页界面显得呆板、沉闷，以致影响浏览者的兴趣和继续浏览的欲望。“整体”是“多变”基础上的整体，如图1-39所示。