页面元素的对齐:阅读线路不清晰

日光不再温度

日光不再温度

2016-02-20 00:32

今天图老师小编要跟大家分享页面元素的对齐:阅读线路不清晰,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

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

1

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)像这种过度追求对齐而影响了信息架构的情况,在我们工作中不算少见,我个人不太赞同这种做法。我比较倾向于适当打破一点对齐关系,但可以使阅读线路更清晰的做法,如下图。

2

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

3

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

4

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

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

展开更多 50%)
分享

猜你喜欢

页面元素的对齐:阅读线路不清晰

Web开发
页面元素的对齐:阅读线路不清晰

你的照片为何拍不清晰

摄影 人像摄影 静物摄影
你的照片为何拍不清晰

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

把握5元素让页面文字阅读更舒适

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
把握5元素让页面文字阅读更舒适

Word插图显示不清晰 怎么办?

办公软件
Word插图显示不清晰 怎么办?

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

win7系统文字不清晰的调整技巧

电脑网络
win7系统文字不清晰的调整技巧

打印字符不全 打印字符不清晰

电脑入门
打印字符不全 打印字符不清晰

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

赤道边缘的向日葵

赤道边缘的向日葵

JavaScript教程:JS窗体中的基本元素

JavaScript教程:JS窗体中的基本元素
下拉加载更多内容 ↓