《写给大家看的设计书》阅读笔记之对齐原则
作者:Prower 发布时间:2009-07-09 16:32:00
标签:设计书,笔记,视觉
如果说亲密性原则是对元素的归类组合,是将元素之间逻辑理解上的差异在视觉上表现出来,是属于信息分类的话,那么对齐原则即是在视觉上串起这些差异化元素组合之间的那根线,即是保证元素之间的统一性。
虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远的距离表现出来,但对于同一个页面内的元素组合而言,它们都是围绕着同一个主题核心的,它们的差异性在逻辑上只是同一个主题的不同属性而已,所以需要一种方式,让页面中的所有元素看上去统一、有联系而且彼此相关,将这些不同元素之间的关联在视觉上表达出来。
这种方式,即是对齐。
对齐的方式可分为左对齐、右对齐、居中对齐以及两端对齐。虽然对齐的方式有多种,但并不意味着可以在一个页面中使用多种对齐方式,那样只会让页面中的元素显得凌乱,而在页面中只使用一种对齐方式将会使页面统一而有条理。
在这四种对齐方式里,左对齐或是右对齐是最经常被使用到的,而对于有一定行长的文本而言,两端对齐也是一个好的方式,而居中对齐则是四种对齐方式中最不推荐使用的对齐方式。因为对于读者而言,居中对齐可能导致视线的跳跃性太大,尤其是当页面中存在大量文本,那简直就是一种灾难。
在明白对齐的规则之后,可以试着有意识的去打破这个规则,然而即使是打破对齐规则的设计,在更大的范围之内依然是遵循着对齐原则的。
从上面这个图中可以看出,那一小段引用的文本,虽然在页面的元素之间是打破了对齐规则的,但是其仍然与标题是左对齐的。
对于打破对齐规则的设计的好坏,关键在于其在对齐性上所针对的范围。
0
投稿
猜你喜欢
- 以下为在asp中增加一个sql server2000用户函数,并为建立一个数据库,给他dbo的权限。注意:sql server的验证方式不要
- 使用WSH调用系统的Ping命令,将Ping的结果重定向到一个文本文件中去,再把文本文件显示到网页中具体做法如下:首先, 建一个.BAT文件
- 官方网站:http://www.extjs.com/演示地址:http://www.yaohaixiao.com/effects/sampl
- 数据库文件在使用过程中,日志文件会越来越大。小则几个G,大的可能几十上百G都有可能,有时实在是没有必要为它浪费太大的硬盘存储空间。所以可以把
- 来自某个nb招聘的题目:请给Array本地对象增加一个原型方法,它的用途是删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重
- 一个客户提供一个股价的信息,要求放在页面上,显示一些数据,需要从远程获取xml,然后解析写在网页上,开始不会觉得很难,其实蛮简单的,先用ja
- CSS Type set是一款在线字体调整工具。你可以使用它来对字型进行排版调整并实时的看到CSS代码。在下图中,其中,你可以设置文本的字体
- 如果独自放着jQuery做事,它绝对做得很好,但jQuery充许与其他库共存在,有些事就防不胜防了。看下面代码data :func
- 2007年1月,国务院 * 了中央“一号文件”,文件中对加快农业信息化建设有了更明确的部署,为新农村建
- 作为WIMP(Window/Icon/Menu/Pointing Device)界面设计的关键部分,图标在人机交互设计中无所不在。随着人们对
- 功能: 1、 允许/限制对表的修改 2、 自动生成派生列,比如自增字段 3、 强制数据一致性 4、 提供审计和日志记录 5、 防止无效的事务
- 1、问题现象:有个网站是通过session验证的,前端时间访问正常,但近期后台session老是失效很快,根本没法操作,我设置timeout
- 具体代码和实现方法见下:第一个办法,这个程序可以进行万亿以下的货币金额转换(够用的了吧),其中汉字与数字均按一位计:Function&nbs
- 每个产品诞生的背后都凝结着一位或是多位设计师的心血,在产品的诞生过程中文化、科技、环保、创意等这些方方面面的细节集结成一个绚丽的故事,因为有
- 代码如下:'******************************************** '函数名:I
- 这份代码不是那种时间没有改变也输出innerHTML的高消耗代码。innerHTML和style的改变是非常消耗游览器性能的,如果你将来希望
- 首先,创建一个存储过程 get_clob:t_name:要查询的表名;f_name:要查询的字段名;u_id:表的主键,查询条件;l_pos
- 最近有网友在留言板里问到jRaiser和jQuery的冲突问题,特此写一篇文章进行解释。冲突的根源众所周知,jQuery是通过一个全局变量$
- 为满足用户的视觉追求及产品的背景图片的换肤功能,设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要,采用了PNG32的
- IE 一如既往地带来问题。真的,我觉得 IE 坚持自己的一套无所谓,不支持或者不完全支持标准也无所谓。但是,IE6 IE7 IE8 这三个版