网络编程
位置:首页>> 网络编程>> 网页设计>> 页面表达常用方式(4)

页面表达常用方式(4)

作者:丽君 来源:Tencent CDC Blog 发布时间:2010-05-27 12:42:00 

标签:设计师,页面,视觉

五、内容逻辑:并列关系、从属关系

人们往往喜欢有条理的视觉信息,逻辑清晰、层次分明、严谨的内容才能有助于便捷快速地阅读。这里主要介绍“并列关系”和“从属关系”。

并列关系:并列关系就是把同等重要的信息依次罗列,彼此没有层级关系。逻辑上相关的部分在视觉表达上也相关。例如,把相近的内容分成一组,放在同一个标题至下,采用类似的方式显示信息,并把它们全部放在一个定义明确的区域以内。

在表现的形式上,常常用到的方法有:内容缩进、位置或留白、线框或分组(线条、方框、颜色条)。

内容缩进:

 

位置或留白:

 

线框或分组:(线条、方框、颜色条等等):

 

从属关系:从属关系表示A信息全部包含在B信息之内,或者表示A信息依附于B信息。就好比如标题和正文的关系,所以A信息是B信息的一个子集。如下图中,“空间热点”就包含“日志精选”,她们之间就是从属关系。而“日志精选”里又包含6条文章名称,它们之间也是一种从属关系,这就是我们所说的正文和标题的关系。

 

在这里,B信息里面也可以是好几条并列关系的内容组构成。如:

 

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com