页面上元素对齐的问题
浏览:1133次 出处信息
页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。
但这也导致了一个问题:阅读线路不清晰――究竟是“Z”型线,还是“N”型线?
像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。
我比较倾向于适当打破一点对齐关系,但可以使阅读线路更清晰的做法,如下图。
看看Yahoo的首页:
当然,也可以通过设计的处理,比如调整颜色,或者增加中间的间距,来解决这个问题,比如下图。
但这些处理方式都不如打破对齐来得直接、简洁。
毕竟,视觉设计是为信息架构服务的,而不能反过来。
建议继续学习:
- 小tips: 使用等空格实现最小成本中文对齐 (阅读:3209)
- 用TAB缩进, 用SPACE对齐 (阅读:3076)
- 为什么我要垂直对齐代码(你也要如此!) (阅读:1214)
- 小tip:中文或英文左右padding一致两端对齐实现 (阅读:832)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:行业应用软件领域的问题是什么?
后一篇:自然描述与自然任务 >>
文章信息
- 作者:邓熔 来源: 老邓态度
- 标签: 对齐
- 发布时间:2010-02-25 09:27:37
近3天十大热文
- [55] IOS安全–浅谈关于IOS加固的几种方法
- [53] android 开发入门
- [53] 如何拿下简短的域名
- [52] 图书馆的世界纪录
- [50] Go Reflect 性能
- [50] Oracle MTS模式下 进程地址与会话信
- [48] 【社会化设计】自我(self)部分――欢迎区
- [47] 读书笔记-壹百度:百度十年千倍的29条法则
- [36] 程序员技术练级攻略
- [29] 视觉调整-设计师 vs. 逻辑