页面表达常用方式(4)

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

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

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

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

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

内容缩进:

 

位置或留白:

 

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

 

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

 

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

 

标签:设计师,页面,视觉
0
投稿

猜你喜欢

  • Python环境Pillow( PIL )图像处理工具使用解析

    2022-12-08 16:04:48
  • asp添加数据实现代码

    2011-02-05 10:42:00
  • 分析并输出Python代码依赖的库的实现代码

    2022-04-05 17:07:23
  • Go语言中的函数式编程实践

    2024-02-03 23:06:58
  • 一个基于ROW_NUMBER()的通用分页存储过程代码

    2024-01-18 13:55:09
  • 教你用FrontPage2003轻松布局网页

    2008-02-24 17:05:00
  • python 实现创建文件夹和创建日志文件的方法

    2023-07-07 11:35:10
  • Python的函数的一些高阶特性

    2022-06-04 15:06:28
  • tensorflow mnist 数据加载实现并画图效果

    2023-10-20 15:07:33
  • Python3使用TCP编写一个简易的文件下载器功能

    2021-02-20 09:58:07
  • python机器基础逻辑回归与非监督学习

    2023-03-17 03:59:05
  • Python中的异常类型及处理方式示例详解

    2022-10-27 14:55:58
  • php快递单号查询接口使用示例

    2023-10-25 07:39:55
  • sql中的常用的字符串处理函数大全

    2024-01-19 21:37:41
  • Python中用max()方法求最大值的介绍

    2021-12-08 09:33:06
  • 不用mod_rewrite直接用php实现伪静态化页面代码

    2023-11-01 07:07:45
  • sqlserver存储过程中SELECT 与 SET 对变量赋值的区别

    2024-01-14 09:50:26
  • JS input文本框禁用右键和复制粘贴功能的代码

    2024-04-29 13:18:49
  • PyQt5 QTable插入图片并动态更新的实例

    2022-02-11 03:22:43
  • 在Python中使用M2Crypto模块实现AES加密的教程

    2022-09-29 17:43:59
  • asp之家 网络编程 m.aspxhome.com