|
|
|
 行业新闻 |
网站设计要重点突出的视觉层次
|
|
[ 来源：成都中联无限科技有限公司 发布日期：2013/7/15 10:15:21 ]
|
|
|
| “设计师的职责是能够在混乱中建立秩序，并通过文字和图像的运 用来清楚地交流思想。” 一杰弗里.韦恩视觉层次是指通过设计使视觉元素之间，按它们所代表的内容的重要程度在页面上形成主与次的顺序关系，并引导用户从最重要的元素开始，按主次顺序来浏览。
|
|
“设计师的职责是能够在混乱中建立秩序，并通过文字和图像的运 用来清楚地交流思想。” 一杰弗里.韦恩视觉层次是指通过设计使视觉元素之间，按它们所代表的内容的重要程度在页面上形成主与次的顺序关系，并引导用户从最重要的元素开始，按主次顺序来浏览。
人在认知过程中会首先观察所接收到的视觉元素之间的异同以及它们之间的构成关系，通过这些关系来进一步地识别和理解它们的含义。例如，在自然环境中，形状近似的树，被我们看作是树林，小草被看作是草坪，我们不需要看清楚每一棵树或每一棵草后，才能够得出树林或草坪的结论。就网页而言，用户会对网页视觉元素进行分类与组合，并通过它们之间的构成关系来识别和理解。并且，我们对所接收到的信息 进行归类的能力直接影响到我们的认知能力和理解的速度。以横排的主导航按钮为例，用户不需要分辨出每一个主栏目链接或浏览整个网页之后，才能够确定它们是主导航按钮。用户是通过它们在视觉形象和互动 方式上的相同处理、它们之间的构成关系以及它们与其他页面元素之间的构成关系来识别的。
由此可见，信息的分类与组合有助于用户对页面内容的理解，同时也是建立清晰的视觉层次的根本前提。如果一个网页的信息内容没有经过分类与组合，就很难从杂乱的信息内容中分析出它们之间的主次关系。在网页的视觉表现中往往就成为信息内容的罗列，无法形成清晰的，有意义的视觉层次，这不仅影响页面的视觉效果，也不能有效地传递信息。
一般情况下，一个以文字内容为主的网站可以大致分为（以从主到 次的顺序）主体内容、导航和各种辅助信息三大类，每一类的信息又可以 按其重要性再细分。
主体内容：1、网页标题 2、分段小标题
正文（也包括图像，在以图像或多媒体作为网页主体内容的网站， 它们在视觉层次中会占很重要的位置，有时甚至会超过网页标题，而成为 最重要的网页内容）
1、嵌入式链接 2、补充资料(图片说明等) 3、导航：主导航(环站导航) 4、次级导航〈包括工具栏、当前导航和页脚内的 链接） 5、导航路径条 6、辅助信息 7、网站ID 8、辅助工具（购物车、网站地图、常见问题等） 9、页脚〈版权、隐私政策、联系方式等）
当前位置指示（作为导航功能的一个组成部分， 可以通过多种方式来实现，如网页标题、导航路径条 以及栏目导航的特异处理等〉
以上所述只是基本的网页内容和具有普遍性的主 次关系，并不是任何意义上的标准或公式。每个页面 元素在视觉层次上的重要性是由它所传递的信息内容 的重要程度来决定的。视觉层次的确立应该以网站的 具体信息内容、功能和服务对象为依据，而不应该是 设计师想当然的产物。
许多设计…理和手法的应用都有助干视觉层次的 建立，如对比、视觉重量、近似、邻近等。
“国际救援委员会”网站的首页虽然需要传达较 多的信息内容，但是网页的信息内容主次分明，并不显得页面拥挤或信息繁多。而“我们的影 响” 网页更是简洁明了。网 页的标题成为最突出的网页元素，其次是正文和内容插图，导航和其他的辅助信息更次之
上一篇：被忽视了的导航用途
下一篇：浅谈网站的互动性
|
|
| 相关行业新闻 |
|
|
|
|
