UI设计规范
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一.APP设计规范(ios)
————设计稿一般不使用Android的尺寸（因为Android的五花八门）
1. iphone界面的设计尺寸（设计稿默认iphone6）
（1）iphone6 plus设计版[iPhone7 plus]（@3x）
分辨率1242x2208px ppi:401 状态栏：60px 导航栏：132px 标签栏：146px
（2）iphone6 plus放大版（@3x）
分辨率1125x2001px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px
（3）iphone6 plus物理版（@3x）
分辨率1080x1920px ppi:401 状态栏：54px 导航栏：132px 标签栏：146px
（4）iphone6 [iPhone7]（设计稿默认）（@2x）
分辨率750x1334px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px
（5）iphone5 - 5c -5s（@2x）
分辨率640x1136px ppi326 状态栏：40px 导航栏：88px 标签栏：98px
（6）iphone4 – 4s（@2x）
分辨率640x960px ppi:326 状态栏：40px 导航栏：88px 标签栏：98px
（1）iphone & ipod Touch第一、二、三代（@1x）
分辨率320x480px ppi:163 状态栏：20px 导航栏：44px 标签栏：49px
2. iphone图标设计尺寸
（1）iphone6 plus （@3x）
App store：1024x1024px 程序应用：180x180 主屏幕：152x152 Spotlight搜索：87x87px 标签栏：75x75px 工具栏和导航栏：66x66px
（2）iphone6（@2x）
App store：1024x1024px 程序应用：120x120 主屏幕：152x152 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px
（3）iphone5-5c-5s（@2x）
App store：1024x1024px 程序应用：120x120 主屏幕：152x152 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px
（4）iphone4-4s（@2x）
App store：1024x1024px 程序应用：120x120 主屏幕：114x114 Spotlight搜索：58x58px 标签栏：75x75px 工具栏和导航栏：44x44px
（5）iphone & ipod Touch第一、二、三代（@1x）
App store：1024x1024px 程序应用：120x120 主屏幕：57x57 Spotlight搜索：29x29px 标签栏：38x38px 工具栏和导航栏：30x30px
3. ipad界面设计尺寸
（1）ipad3 – 4 - 5 – 6 – Air – Air2 – mini2
分辨率2048x1536px ppi:264 状态栏：40px 导航栏：88px 标签栏：98px
（2）ipad1 – 2
分辨率1024x768px ppi:132 状态栏：20px 导航栏：44px 标签栏：49px
（2）ipad Mini
分辨率1024x768px ppi:163 状态栏：20px 导航栏：44px 标签栏：49px
4. ipad图标设计尺寸
（1）ipad3 – 4 - 5 – 6 – Air – Air2 – mini2
App store：1024x1024px 程序应用：180x180 主屏幕：144x144 Spotlight搜索：100x100px 标签栏：50x50px 工具栏和导航栏：44x44px
（2）ipad1 – 2
App store：1024x1024px 程序应用：90x90 主屏幕：72x72 Spotlight搜索：50x50px 标签栏：25x25px 工具栏和导航栏：22x22px
（3）ipad Mini
App store：1024x1024px 程序应用：90x90 主屏幕：72x72 Spotlight搜索：50x50px 标签栏：25x25px 工具栏和导航栏：22x22px
5. ios字体大小规范
iPhone 上的字体英文为：HelveticaNeue 至于中文，Mac下用的是黑体-简，Win下则为华文黑体，所有字体要用双数字号。
字体舒适度
（1）长文本
可接受：26px 见小值：30px 舒适值：32px-34px
（2）短文本
可接受：28px 见小值：30px 舒适值：32px
（3）注释
可接受：24px 见小值：24px 舒适值：28px
二.App设计规范（Android）
————Android采用的单位为dp
————一般很少使用andrid尺寸作为设计稿
1. Android界面设计尺寸
android的尺寸众多，一般使用分辨率为720x1280 的尺寸设计。这个尺寸
720x1280中显示完美，在 1080x1920 中看起来也比较清晰
（1）屏幕尺寸：720x1280
状态栏：50 px 导航栏：96 px 标签栏：96 px 虚拟键：96px
这个尺寸是万用形的