APP设计中的对齐和间距怎么把控(1)

来源:网络   作者:热心网友   发布时间:2016-10-09    浏览次数:1392

今天我们讲一讲APP设计中的文字间距怎么调整效果比较好?上下间距的节奏怎么把控……


对齐与间距,无非左右上下的关系,怎样才能让符合用户的视觉感知呢?芸芸众生,红尘滚滚,有幸让他(她)瞄上一眼,留下个“很舒服”的第一印象,非常重要。


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


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



一.基础操作方式

工欲善其事,必先利其器


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



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



PS参考线小插件-GuideGuide


这是一个非常便捷的画参考线的工具,让你节省了时间去算参考线。在插件你可以输入一些数字,GuideGuide可以通过你设定的单位自动划分号好网格。这个软件最强大的地方就是:可以通过画布中选区的大小生成对应的网格常考线。真是画参考线的神器也!
使用教程:http://jingyan.baidu.com/article/3052f5a1ddd91097f21f8610.html




界面中常用对齐形式


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


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



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



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




12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/uisheji/5013.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通