移动端界面设计
# 移动端界面设计之尺寸篇
# 画布尺寸：
新建750×1334 分辨率72，像素/英寸。
# 常见的字体大小：
24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。
字体：
中文用苹方黑，英文用San Francisco，如果安不上也可以用Helvetica代替。
# ios开发里单位是pt
750×1334尺寸的换算关系 1pt=2px，也就是说程序员拿到我们的px单位的标注稿，自己除以2就是pt了。
# 界面里的小图标常见的尺寸：
24px、32px，48px等，记住4的倍数比较好。
注意图标的尺寸要统一尺寸，以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大，需要调整下。
# 界面上的间距和元素尺寸：
以偶数为单位，不清楚的可以截图量大公司的APP界面作为参考。
750 x 1334 设计稿尺寸：
状态栏高度：40 px 导航栏高度：88 px 标签栏高度：98 px
# 设计稿实时预览：
安装一个Ps Mirror (opens new window)可以在iphone上实时观看效果。
# 标注工具：
- 马克鳗
- PxCook 像素大厨
- Parker标
- 一键标注神器－zeplin (opens new window)
# 启动图标：
做1024×1024尺寸，一般做方形无圆角。然后用 IconTemplate (opens new window) 自动切图一套图标资源丢给程序员就ok了。
# 引导页：
值得注意的是引导页切图需要单独设计多套（640×1136、750×1334、1242×2208）这个可别傻乎乎的用Cutterman切几套图，这就尴尬了。
# 以PS工具设计安卓界面。
# 画布尺寸：
如果想一稿适配ios，那就新建720×1280 分辨率72，像素/英寸。
如果单独设计安卓MD新规范的，那就新建1080×1920 分辨率72，像素/英寸。
# **720×*1280*常见的字体大小：
24px、26px、28px、30px、32px、34px，36px等等。记住是偶数的。最小字号20px。
# 字体：
中文用Noto/思源黑体（是一个字体，叫法不同而已），英文用Roboto。
# 单位换算
距离单位是DP
文字单位是SP
720×1280尺寸的换算关系 1dp=2px，文字1sp=2px。也就是说程序员拿到我们的px单位的标注稿，自己除以2就是dp和sp了。
1080×1920尺寸就是1dp=3px，文字1sp=3px
# 界面里的小图标常见的尺寸：
24px、32px，48px等，记住4的倍数比较好。
注意图标的尺寸要统一尺寸，以眼睛观察为主调整尺寸看上去一样。方形的比圆形的看着要大，需要调整下。
# 界面上的间距和元素尺寸：
最新规范MD的做法：
8dp原则 栅格系统的最小单位是8dp，一切距离、尺寸都应该是8dp的整数倍。
常见一般常用做法：
直接把ios的设计稿照搬过来，只不过状态栏，导航栏，标签栏按照安卓的来。
720 x 1280 设计稿尺寸：
状态栏高度：50 px 导航栏高度：96 px 标签栏高度：96 px
# ***设计稿*实时预览：
安装一个Ps Mirror (opens new window)可以在安卓手机上实时观看效果。
# 标注工具：
- 马克鳗
- PxCook 像素大厨
- Parker标
- 一键标注神器－zeplin (opens new window)
标注的时候，如果是720×1280尺寸设计的，就选对应的xhdpi，如果是1080×1920尺寸设计的，就选对应的xxhdpi。
# 启动图标：
做1024×1024尺寸，安卓对图标的样式没有要求，你可以做各种形状都行，一般做方形无圆角的，各家手机厂商的定制系统会自己加圆角。
然后用 IconTemplate (opens new window) 自动切图一套图标资源丢给程序员就ok了。
# 引导页：
值得注意的是引导页切图需要单独设计多套（480×800、720×1280、1080×1920）这个可别傻乎乎的用Cutterman切几套图，这就尴尬了。
# 分辨率关系图
如果以1080 * 1920px作为设计尺寸来设计android app UI 界面的话。几乎和iphone6 plus一样的设计规范。
****1080 * 1920px 界面设计****参考数据
状态栏：70px 导航栏：159px 标签栏：144px 等 具体的规范请看下图：
议大家用PS在720×1280的画布中作图。这个尺寸兼顾了美观性、经济性和计算的简单。
美观性是指，以这个尺寸做出来的应用，在720×1280中显示完美，在1080×1920中看起来也比较清晰；
经济性是指，这个分辨率下导出的图片尺寸适中，内存消耗不会过高，并且图片文件大小适中，安装包也不会过大；
计算的简单，就是1dp=2px啊，多好计算啊！
