页面上元素对齐的问题
浏览:1097次 出处信息
页面上各个元素的对齐,能使页面显得更加规整。以下图为例,能对齐的元素都对齐了,看起来很规整。
但这也导致了一个问题:阅读线路不清晰――究竟是“Z”型线,还是“N”型线?
像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。
我比较倾向于适当打破一点对齐关系,但可以使阅读线路更清晰的做法,如下图。
看看Yahoo的首页:
当然,也可以通过设计的处理,比如调整颜色,或者增加中间的间距,来解决这个问题,比如下图。
但这些处理方式都不如打破对齐来得直接、简洁。
毕竟,视觉设计是为信息架构服务的,而不能反过来。
建议继续学习:
- 小tips: 使用等空格实现最小成本中文对齐 (阅读:3064)
- 用TAB缩进, 用SPACE对齐 (阅读:2956)
- 为什么我要垂直对齐代码(你也要如此!) (阅读:1097)
- 小tip:中文或英文左右padding一致两端对齐实现 (阅读:765)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:行业应用软件领域的问题是什么?
后一篇:自然描述与自然任务 >>
文章信息
- 作者:邓熔 来源: 老邓态度
- 标签: 对齐
- 发布时间:2010-02-25 09:27:37
近3天十大热文
- [143] WEB系统需要关注的一些点
- [15] 浏览器的工作原理:新式网络浏览器幕后揭秘
- [12] InnoDB insert性能拐点测试
- [12] Spark性能优化——和shuffle搏斗
- [12] 我的git笔记
- [12] 一次神奇的MySQL优化
- [11] 内网穿透神器frp
- [10] Python程序的执行原理
- [10] Android设计中的.9.png
- [10] 深入剖析 redis replication