2018.01.17 APP设计规范

设计稿与切片稿

通常设计稿采用：iPhone6 750*1334 【2倍】

通常切图稿采用：iPhone6 1920*1080 2208*1242【3倍】

常见尺寸比例

现在尺寸比例，多数都是16：9（最适合人眼的一个比例），而以前是4：3。

顶部状态栏

从IOS7开始，电池电量条的背景色是透明的，压到顶部操作栏上，颜色与顶部操作栏一致。

android5.0，md 规定，电池电量条也是压住顶部操作栏（沉浸式状态栏），但是半透明的。

标题文字

中文： 方正黑体简体，冬青黑体，苹方

大小：32-40，必须是偶数32、34、36、38、40（设计稿是2倍的，切图时会有1倍和3倍）

副标题文字：方正中等线简体

间距

苹果，间距20px

Android，间距是8的倍数

顶部操作栏图标

外形轮廓44*44，手机端的可点击范围不能太小。

设计比例

16:9

4:3

0.618【黄金分割比 】

1 1 2 3 5 8…【菲波那切数列】

切图

IOS切图要保存3份：

3倍 name@3x.png

2倍 name@2x.png

1倍 name.png

Android 切图切3倍的就可以

快捷键

Alt + Ctrl + Shift + S 存储为web格式

APP设计规范有很多，在实际操作的过程中，会越来越深入了解。刚开始做，有好多不规范的地方，而且计算位置就很耗费精力！

关于配色方面，我不太擅长，想要更深入了解！今天做了APP界面的设计 ，配色很难看，希望能够专门去学习一下配色。





附上两张丑丑的APP界面设计稿，结束！