页面上元素对齐的问题
浏览:1849次 出处信息
页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。

但这也导致了一个问题:阅读线路不清晰――究竟是“Z”型线,还是“N”型线?
像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。
我比较倾向于适当打破一点对齐关系,但可以使阅读线路更清晰的做法,如下图。

看看Yahoo的首页:

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


但这些处理方式都不如打破对齐来得直接、简洁。
毕竟,视觉设计是为信息架构服务的,而不能反过来。
建议继续学习:
- 小tips: 使用等空格实现最小成本中文对齐 (阅读:4309)
- 用TAB缩进, 用SPACE对齐 (阅读:3992)
- 为什么我要垂直对齐代码(你也要如此!) (阅读:1934)
- 小tip:中文或英文左右padding一致两端对齐实现 (阅读:1647)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:行业应用软件领域的问题是什么?
后一篇:自然描述与自然任务 >>
文章信息
- 作者:邓熔 来源: 老邓态度
- 标签: 对齐
- 发布时间:2010-02-25 09:27:37
近3天十大热文
-
[1179] WordPress插件开发 -- 在插件使用 -
[74] 解决 nginx 反向代理网页首尾出现神秘字 -
[43] web开发设计人员不可不用的在线web工具和 -
[40] Java开发岗位面试题归类汇总 -
[31] 一句话crontab实现防ssh暴力破解 -
[31] 手机产品设计方向 -
[31] Rax 系列教程(长列表) -
[28] 如何建立合适的索引? -
[27] 程序员疫苗:代码注入 -
[26] oracle技术方面的路线
