聊聊界面中常用的对齐形式
聊聊界面中常用的对齐形式
发布时间:2015-06-09 来源:查字典编辑
摘要:而且在实际设计的流程中,如果经常因为哪里没对齐被批,会影响整个团队效率,你在团队中信任度也会降低。不要迷信什么大神了,还是把自己当前水平该掌...

而且在实际设计的流程中,如果经常因为哪里没对齐被批,会影响整个团队效率,你在团队中信任度也会降低。不要迷信什么大神了,还是把自己当前水平该掌握的基础知识,拿到手,更靠谱。

聊聊界面中常用的对齐形式1

说的玄乎点是设计师的态度,说大白话就是基础不牢固,还总要建高楼。好,不念经了,说基础,希望能发挥点作用。

一、基础操作方式

工欲善其事,必先利其器。

利用参考线对齐。在Photoshop的【编辑】-【首选项】菜单中可以设置合适的网格尺寸。

聊聊界面中常用的对齐形式2

在设计前期将界面进行设置框架参考线,通过参考线将按钮、文字、图形对齐。

聊聊界面中常用的对齐形式3

PS参考线小插件-GuideGuide

这是一个非常便捷的画参考线的工具,让你节省了时间去算参考线。在插件你可以输入一些数字,GuideGuide可以通过你设定的单位自动划分号好网格。这个软件最强大的地方就是:可以通过画布中选区的大小生成对应的网格参考线。

聊聊界面中常用的对齐形式4

界面中常用对齐形式

对齐三大招:齐行、居左、居中。(貌似初一就学过,干活却老忘)

聊聊界面中常用的对齐形式5

齐行式:运用在阅读性文本中,比较长的文本段。一般用在详情页中。(图:猫眼电议)

聊聊界面中常用的对齐形式6

居左式:这种用的比较多,常常运用在APP的设计中,列表信息展示等。这种对齐方式比较容易阅读,能很好的区分主次文本的层次。(图:淘宝)

聊聊界面中常用的对齐形式7

居中式:主要使用在信息流式的文本表现方式中。(图QQ音乐)

聊聊界面中常用的对齐形式8

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新交互设计教程学习
热门交互设计教程学习
网页设计子分类