IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

页面上元素对齐的问题

老邓态度 2010-02-25 09:27:37 累计浏览 2,128 次
本机暂存

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

    1

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

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

    2

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

    3

    4

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

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

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,977)
  3. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  4. 各公司对前端开发的职位描述 (累计阅读 10,405)
  5. iframe大小自适应 (累计阅读 10,057)
  6. sns视觉设计分享 (累计阅读 9,523)
  7. 网站导航设计的6大分类 (累计阅读 9,298)
  8. 浏览器的渲染原理简介 (累计阅读 8,377)
  9. 解决IE6从Nginx服务器下载图片不Cache的Bug (累计阅读 8,357)
  10. 程序员眼里IE浏览器是什么样的 (累计阅读 8,011)