页面上元素对齐的问题

On February 9, 2010, in 2.设计, by 邓熔

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

1

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

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

2

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

3

4

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

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

Tagged with:  

10 Responses to 页面上元素对齐的问题

  1. qqdd says:

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

  2. 邓熔 says:

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

  3. Anonymous says:

    到底想说Z还是N???

  4. tankwang says:

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

  5. WWE says:

    好文 不错

  6. iqst says:

    不无道理!

  7. 大型网站引导阅读习惯。

  8. Fancy says:

    其实看个人
    我倒没觉得有什么所谓

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>