记笔记的阿晴(notebyaqing)独家文章,转载需署名。
全文598字,交互设计原则第5篇
对齐

对齐让页面繁多的信息看起来一目了然,心情愉悦。桌面、衣柜也是如此,整齐的摆放不仅可以让心情好,也能快速找到自己想找的东西,提高时间效率。

- 反例
案例2:多种对齐方式

自如APP搬家的收费标准这一页面中,分类的标题用了居中对齐,其他内容都是两端对齐。感觉居中对齐让页面看上去稍微有点乱,我把分类的标题改成左对齐,并往下挪一些空间,通过加大间距来区分不同的板块,看上去清爽一些。不过这个标题还可以再优化一下,把橙色文字改成灰色看一下效果,右边画一些渐变小插画来抵消左重右轻的现状。案例3:海报的对齐

左边的海报,在左边的元素都做了左对齐,虽然有很多组内容,并且有横向和纵向的文字排版,但是整体看起来是比较清爽的。
右边这张海报,有居中对齐的,也有各自对齐的一种方式,再加上字体种类多,一眼看上去非常乱。get不到海报的重点是什么。总结
为什么设计需要对齐?
1.对齐可以让页面看起来井然有序、干净,准确快速的传达信息。2.同样的两个设计,对齐会让页面看起来视觉效果更好,提升设计稿品质。
对齐方式:
左对齐、居中对齐、右对齐
对齐的注意事项
尽量选择尽可能少的对齐方式。对齐的种类越多,页面会更乱。
拓展阅读
除非注明,否则均为UIED-记笔记的阿晴的原创文章,转载必须以链接形式标明本文链接
本文链接:https://www.uied.cn/7107.html