页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。

1

但这也导致了一个问题:阅读线路不清晰——究竟是“Z”型线,还是“N”型线?

像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。
我比较倾向于适当打破一点对齐关系,但可以使阅读线路更清晰的做法,如下图。

2

看看Yahoo的首页:
yahoo1
当然,也可以通过设计的处理,比如调整颜色,或者增加中间的间距,来解决这个问题,比如下图。

3

4

但这些处理方式都不如打破对齐来得直接、简洁。

毕竟,视觉设计是为信息架构服务的,而不能反过来。

Trackback

7 comments untill now

  1. 请问,Z字型阅读有什么不妥吗?

  2. 简单地说,Z字型阅读没有问题,但既暗示“Z”字型又暗示“N”字型,不太好。

  3. Anonymous @ 2010-02-10 11:51

    到底想说Z还是N???

  4. 个人理解如果把”对齐”和整个割裂开来看的话,会有些片面.比如可以适当的引导用户进行N字型的浏览(个人感觉用户是需要引导的在满足他们胡的需求之后).

  5. Yes!

  6. 好文 不错

  7. 不无道理!

Add your comment now