欢迎来到天天文库
浏览记录
ID:43515448
大小:536.07 KB
页数:8页
时间:2019-10-09
《UI设计内容规范》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、一.APP设计规范(ios)————设计稿一般不使用Android的尺寸(因为Android的五花八门)1.iphone界面的设计尺寸(设计稿默认iphone6)(1)iphone6plus设计版[iPhone7plus](@3x)分辨率1242x2208pxppi:401状态栏:60px导航栏:132px标签栏:146px(2)iphone6plus放大版(@3x)分辨率1125x2001pxppi:401状态栏:54px导航栏:132px标签栏:146px(3)iphone6plus物理版(@3x)分辨率1080x1920pxppi:401状态栏:54
2、px导航栏:132px标签栏:146px(4)iphone6[iPhone7](设计稿默认)(@2x)分辨率750x1334pxppi:326状态栏:40px导航栏:88px标签栏:98px(5)iphone5-5c-5s(@2x)分辨率640x1136pxppi326状态栏:40px导航栏:88px标签栏:98px(6)iphone4–4s(@2x)分辨率640x960pxppi:326状态栏:40px导航栏:88px标签栏:98px(1)iphone&ipodTouch第一、二、三代(@1x)分辨率320x480pxppi:163状态栏:20px导航栏
3、:44px标签栏:49px2.iphone图标设计尺寸(1)iphone6plus(@3x)Appstore:1024x1024px程序应用:180x180主屏幕:152x152Spotlight搜索:87x87px标签栏:75x75px工具栏和导航栏:66x66px(2)iphone6(@2x)Appstore:1024x1024px程序应用:120x120主屏幕:152x152Spotlight搜索:58x58px标签栏:75x75px工具栏和导航栏:44x44px(3)iphone5-5c-5s(@2x)Appstore:1024x1024px程序应
4、用:120x120主屏幕:152x152Spotlight搜索:58x58px标签栏:75x75px工具栏和导航栏:44x44px(4)iphone4-4s(@2x)Appstore:1024x1024px程序应用:120x120主屏幕:114x114Spotlight搜索:58x58px标签栏:75x75px工具栏和导航栏:44x44px(5)iphone&ipodTouch第一、二、三代(@1x)Appstore:1024x1024px程序应用:120x120主屏幕:57x57Spotlight搜索:29x29px标签栏:38x38px工具栏和导航栏:
5、30x30px3.ipad界面设计尺寸(1)ipad3–4-5–6–Air–Air2–mini2分辨率2048x1536pxppi:264状态栏:40px导航栏:88px标签栏:98px(2)ipad1–2分辨率1024x768pxppi:132状态栏:20px导航栏:44px标签栏:49px(2)ipadMini分辨率1024x768pxppi:163状态栏:20px导航栏:44px标签栏:49px4.ipad图标设计尺寸(1)ipad3–4-5–6–Air–Air2–mini2Appstore:1024x1024px程序应用:180x180主屏幕:14
6、4x144Spotlight搜索:100x100px标签栏:50x50px工具栏和导航栏:44x44px(2)ipad1–2Appstore:1024x1024px程序应用:90x90主屏幕:72x72Spotlight搜索:50x50px标签栏:25x25px工具栏和导航栏:22x22px(3)ipadMiniAppstore:1024x1024px程序应用:90x90主屏幕:72x72Spotlight搜索:50x50px标签栏:25x25px工具栏和导航栏:22x22px5.ios字体大小规范iPhone上的字体英文为:HelveticaNeue至于
7、中文,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中看起来也比较
8、清晰(1)屏幕尺寸:720x1280状态栏:50px导航栏:96p
此文档下载收益归作者所有