APP界面设计规范
不知道大家都是怎么打发无聊的业余时间的呢?反正小编我是像大多数人一样,手机不离手,因为手机里有各种各样好玩儿的APP应用,用来消灭无聊是再好不过啦!当然,在这个颜值为王的时代,APP的界面设计也越来越精美了。那么,一款好看的APP是怎么诞生的呢?今天我们就来讲一讲有关APP界面设计的那些事……
一、会用到哪些设计工具?
做界面设计我们用的最多的就是PS和AI了,如果你是Mac用户,可以尝试一下sketch,软件的版本推荐高版本,因为功能更强大,作图的速度也就更快。 其他的辅助工具也用到,比如Cutterman,专用于后期切图,Mark Man,用于后期对设计稿进行尺寸标注。
二、设计稿尺寸
在看设计稿尺寸之前,我们必须要先来了解一下APP界面设计构成
界面构成由:布局层、图文排版层和图标层。
在iPhone 6还没出的时候,都是用640x1136 px来做设计稿的,自从iPhone 6发布以后,所有的设计稿尺寸皆以750x1334 px来做设计稿尺寸
现在再带大家来看看,到目前为止所有iPhone的尺寸:(1-3代就不用考虑了):
iPhone界面设计规范:
iPhone 界面尺寸:
为什么会以iPhone 6(750x1334px)作为设计稿的标准呢?
这是因为移动app开发中多种设备尺寸适配问题,在能够适配不同设备尺寸的同时,还要尽可能的减少设计师们的工作量。而以750x1334px作为设计稿的标准是有很多好处的,比如:
1. 位于中间尺寸,向大尺寸和小尺寸适配的时候界面调整的幅度最小,最方便适配。
2. 大屏幕时代依然以小尺寸作为设计尺寸,会限制设计师的设计视角。 3. 设计安卓版本的APP时只需做最小的设计调整,提升设计效率。
所以做设计稿时请以750x1334px为准哦
在文档建立参考线是一个很好的习惯,它可以给我们一个规范的参照,而且配合智能参考线更好用,内容到页面左右的边距,习惯设置为24PX,这也是国内外众多APP使用的常规设置。当然这并非是不可更改的,可根据个人需要进行适当调整,设置成30PX也可以。
尺寸制定好之后,我们就可以开始设计了
三、图标设计
iPhone 图标尺寸:
图标设计请用栅格化系统进行设计
设计尺寸:1024x1024px,尽可能的采用黄金比例设计,让视觉效果更好
四、关于设计字体
关于字体大小的问题:
顶部操作栏文字大小 34-38px 标题文字大小 28-34px 正文文字大小 26-30px 辅助性文字大小 20-24px Tab bar文字大小 20px
文字大小只是一个范围,这要根据设计的视觉效果来决定,不要死记硬背,但是切记,字体大小要用偶数。
关于界面设计就说到这里了,好的工作方法才能让自己事半功倍,而且规范是用来帮助我们工作的,不是用来限制我们的,所以要学会在具体工作中灵活应用。希望这篇文章对大家能有所帮助,让我们一起努力成为更优秀的设计师!
APP界面设计规范



