《写给大家看的设计书》阅读笔记之对齐原则

作者:Prower 时间:2009-07-09 16:32:00 

如果说亲密性原则是对元素的归类组合,是将元素之间逻辑理解上的差异在视觉上表现出来,是属于信息分类的话,那么对齐原则即是在视觉上串起这些差异化元素组合之间的那根线,即是保证元素之间的统一性。

虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远的距离表现出来,但对于同一个页面内的元素组合而言,它们都是围绕着同一个主题核心的,它们的差异性在逻辑上只是同一个主题的不同属性而已,所以需要一种方式,让页面中的所有元素看上去统一、有联系而且彼此相关,将这些不同元素之间的关联在视觉上表达出来。

这种方式,即是对齐。


对齐的方式可分为左对齐、右对齐、居中对齐以及两端对齐。虽然对齐的方式有多种,但并不意味着可以在一个页面中使用多种对齐方式,那样只会让页面中的元素显得凌乱,而在页面中只使用一种对齐方式将会使页面统一而有条理。

在这四种对齐方式里,左对齐或是右对齐是最经常被使用到的,而对于有一定行长的文本而言,两端对齐也是一个好的方式,而居中对齐则是四种对齐方式中最不推荐使用的对齐方式。因为对于读者而言,居中对齐可能导致视线的跳跃性太大,尤其是当页面中存在大量文本,那简直就是一种灾难。

在明白对齐的规则之后,可以试着有意识的去打破这个规则,然而即使是打破对齐规则的设计,在更大的范围之内依然是遵循着对齐原则的。

从上面这个图中可以看出,那一小段引用的文本,虽然在页面的元素之间是打破了对齐规则的,但是其仍然与标题是左对齐的。

对于打破对齐规则的设计的好坏,关键在于其在对齐性上所针对的范围。

标签:设计书,笔记,视觉
0
投稿

猜你喜欢

  • Python把csv数据写入list和字典类型的变量脚本方法

    2021-05-27 22:04:20
  • pytorch使用voc分割数据集训练FCN流程讲解

    2023-08-29 20:30:37
  • Entity Framework使用Code First模式管理数据库

    2024-01-28 04:40:43
  • MySQL索引之聚集索引介绍

    2024-01-24 10:02:44
  • JS异步宏队列微队列原理详解

    2024-04-22 13:26:43
  • mysql常用监控脚本命令整理

    2024-01-16 14:42:07
  • Python图片的横坐标汉字实例

    2023-09-06 18:59:44
  • Python中Numpy的深拷贝和浅拷贝

    2021-10-04 21:08:43
  • Python数据可视化之画图

    2023-11-04 11:09:15
  • Python实现连接FTP并下载文件夹

    2021-02-28 01:56:26
  • PS笔刷,样式,形状、渐变、滤镜载入方式及使用

    2007-10-17 11:47:00
  • python中字符串比较使用is、==和cmp()总结

    2022-10-11 01:55:35
  • Python数据分析之NumPy常用函数使用详解

    2021-09-29 06:17:33
  • asp如何做一个检索结果带链接的检索?

    2010-07-11 21:15:00
  • Python基于os.environ从windows获取环境变量

    2022-09-18 01:42:45
  • 窗口没有提示自动关闭的js代码

    2024-04-16 10:42:17
  • 6个asp判断函数使用方法介绍

    2007-09-24 13:10:00
  • JavaScript正则表达式匹配 div style标签

    2024-04-10 10:40:10
  • python 连续不等式语法糖实例

    2021-11-03 02:15:20
  • python 多线程爬取壁纸网站的示例

    2023-11-14 21:45:30
  • asp之家 网络编程 m.aspxhome.com