IpadUI设计规范

IpadUI设计规范
OS  图标的圆⾓半径是多少?
(注:现在IOS图标是不需要再画圆⾓了,直接⽅形就OK)
括弧⾥⾯是对应的半径⼤⼩
App store(Retina屏) ─────────────1024px(160px)
iTunes Artwork  ─────────────512px (90px)
App (iPhone4s) ──────────────────114px (20px)
App (iPhone5s) ──────────────────120px(22px)
App icon(iPad) ────────────────────72px (12px)
App icon(iPhone 3G/3GS) ───────────────57px(10px)
Spotlight/Settings icon icon(iPhone4) ──────────58px (10px)
三等残废Spotlight/Settings icon icon(iPhone 3G/3GS/iPad) ──── 29px (9px)
iPhone、iPad、Android 常⽤尺⼨
iPhone:
—————————————————————–男性同性恋网站
APPLE APP STORE ICON:512 x 512 PX  (圆⾓弧度80px)
iPhone 5 App Icon:120 x 120 PX  (圆⾓弧度22px)
iPhone 4 App Icon:114 x 114 PX  (圆⾓弧度20px)
iPhone 3GS App Icon:57 x 57 PX  (圆⾓弧度22px)
iPhone 5 326ppi 4英⼨1136*640PX
iPhone 4 App :960 x 640PX (时,⾼度还需要减去状态栏40PX)
iPhone 3GS App :480x 320PX
iPhone的尺⼨()
iPhone界⾯尺⼨:
设备分辨率状态栏⾼度导航栏⾼度标签栏(⼯具栏)⾼度iPhone6 plus设计版1242 × 220860px132px146px
iOS APP设计⼀稿⽀持iPhone5/iPhone6/Plus设计流程
iPhone6 plus物理版1080 × 192054px132px146px
iOS APP设计⼀稿⽀持iPhone5/iPhone6/Plus设计流程
iPhone6750 × 133440px88px98px(88px) iPhone5s640 × 113640px88px98px(88px)
iPhone5c640 × 113640px88px98px(88px) iPhone5640 × 113640px88px98px(88px) iPhone4s640 × 96040px88px98px(88px) iPhone4640 × 96040px88px98px(88px) iph
iPhone图标尺⼨:
系统分辨率圆⾓⼤⼩
iOS 6-90px – 1024px约为图标宽度 × 0.175
iOS 7+90px – 1024px约为图标宽度 × 0.225
Asset iPhone 6 Plus (@3x)iPhone 6 and iPhone
5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini
山西卫视小郭跑腿(@2x)
法国社会学
iPad 2 and iPad mini
(@1x)
App icon
(required for all s)
180 × 180120 × 120120 × 120152 × 15276 × 76
App icon for the App Store
(required for all s)
1024 × 10241024 × 10241024 × 10241024 × 10241024 × 1024
Launch file or image (required for all apps)Use a launch file
(see Launch Images)
For iPhone 6, use a
launch file
(see Launch Images)
For iPhone 5, 640 ×
1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536
(landscape)
768 × 1024 (portrait)
1024 × 768
(landscape)
Spotlight search results icon
(recommended)
120 × 12080 × 8080 × 8080 × 8040 × 40
Settings icon
(recommended)
87 × 8758 × 5858 × 5858 × 5829 × 29
Toolbar and navigation bar
icon
(optional)
About 66 × 66About 44 × 44About 44 × 44About 44 × 44About 22 × 22
Tab bar icon (optional)About 75 × 75
(maximum: 144 × 96)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 25 × 25
(maximum: 48 × 32)
Default Newsstand cover
icon for the App Store (required for Newsstand apps)At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 512 pixels on
the longest edge
Web clip icon
(recommended for web
apps and websites)
180 × 180120 × 120120 × 120152 × 15276 × 76 iph-ico
iPad的设计尺⼨
iPad界⾯尺⼨:
设备分辨率状态栏⾼度导航栏⾼度标签栏⾼度iPad6/iPad Air22048 × 153640px88px98px iPad5/iPad Air/ipad mini 22048 × 153640px88px98px iPad4/ipad mini2048 × 153640px88px98px iPad3/the new iPad2048 × 153640px88px98px iPad21024 × 76820px44px49px iPad11024 × 76820px44px49px iPad Mini1024 × 76820px44px49px ipavv
iPad图标尺⼨:
系统分辨率圆⾓⼤⼩
iOS 6-90px – 1024px约为图标宽度 × 0.175
iOS 7+90px – 1024px约为图标宽度 × 0.225
Asset iPhone 6 Plus (@3x)iPhone 6 and iPhone
5 (@2x)
iPhone 4s (@2x)
iPad and iPad mini
(@2x)
iPad 2 and iPad mini
(@1x)天津联通测速
App icon
(required for all apps)
180 × 180120 × 120120 × 120152 × 15276 × 76
App icon for the App Store
(required for all apps)
1024 × 10241024 × 10241024 × 10241024 × 10241024 × 1024
Launch file or image (required for all apps)Use a launch file
(see Launch Images)
For iPhone 6, use a
launch file
(see Launch Images)
For iPhone 5, 640 ×
1136
640 × 960
1536 × 2048 (portrait)
2048 × 1536
(landscape)
768 × 1024 (portrait)
1024 × 768
(landscape)
Spotlight search results icon
(recommended)
120 × 12080 × 8080 × 8080 × 8040 × 40
Settings icon
(recommended)
87 × 8758 × 5858 × 5858 × 5829 × 29
Toolbar and navigation bar
icon
(optional)
About 66 × 66About 44 × 44About 44 × 44About 44 × 44About 22 × 22
Tab bar icon (optional)About 75 × 75
(maximum: 144 × 96)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 50 × 50
(maximum: 96 × 64)
About 25 × 25
(maximum: 48 × 32)
Default Newsstand cover
icon for the App Store (required for Newsstand apps)At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 1024 pixels
on the longest edge
At least 512 pixels on
the longest edge
Web clip icon
(recommended for web180 × 180120 × 120120 × 120152 × 15276 × 76
apps and websites)
ipa-ico
ios—icon
Android的设计尺⼨:
屏幕尺⼨
指实际的物理尺⼨,为屏幕对⾓线的测量。
为了简单起见,Android把实际屏幕尺⼨分为四个⼴义的⼤⼩:⼩,正常,⼤,特⼤。
像素(PX)
代表屏幕上⼀个物理的像素点代表屏幕上⼀个物理的像素点。
屏幕密度
疏血通
为解决Android设备碎⽚化,引⼊⼀个概念DP,也就是密度。指在⼀定尺⼨的物理屏幕上显⽰像素的数量,通常指分辨率。为了简单起见,Android把屏幕密度分为了四个⼴义的⼤⼩:低(120dpi)、中(160dpi)、⾼(240dpi)和超⾼(320dpi)像素= DP * ( DPI / 160 )例如,在⼀个240dpi的屏幕⾥,1DP等于1.5PX。
于设计来说,选取⼀个合适的尺⼨作为正常⼤⼩和中等屏幕密度(尺⼨的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上做⼩、⼤、特⼤和低、⾼、超⾼的尺⼨与密度。
典型的设计尺⼨
• 320dp:⼀个普通的屏幕(240X320,320×480,480X800)
• 480dp:⼀个中间平板电脑像(480×800)
• 600dp:7⼨平板电脑(600×1024)
• 720dp:10⼨平板电脑(720×1280,800×1280)
对于分辨率繁多的android设备,为了⽅便原⽣应⽤的界⾯适配,Google按照dpi⼤⼩将它们分成了4中模式
(MDPI、HDPI、XHDPI和XXHDPI,现在 Android 4.3 已经有了XXXHDPI):
屏幕DIP类型:      xxhdpi        xhdpi        hdpi          mdpi          ldpi
ICON尺⼨:    144*144        96*96        72*72      48*48      36*36
随便说⼀下现在安卓设计稿尺⼨设定:
⼀般PS新建 1080 x 1920的尺⼨,也就是对应该安卓的xxhdpi ,所以切图也是放⼊程序中的xxhdpi⽂件夹下。所以基本上⼀套图就可以了,如果时间充⾜,做多套尺⼨的图⾃然没什么坏处。虽然只出⼤尺⼨的图,但设计时⼀定好考虑好⼩屏幕适配问题,还要对部分切图进⾏调整重切,因为有些图等⽐缩⼩时会出现糊,或不好看的现象。
安卓的点九图点9切法查看这篇⽂章:
Android安卓系统dp/sp/px换算表
名称分辨率⽐率 rate (针对320px)⽐率 rate (针对640px)⽐率 rate (针对750px)
idpi240 × 3200.750.3750.32
mdpi320 × 48010.50.4267
hdpi480 × 800  1.50.750.64
xhdpi720 × 1280  2.25  1.125  1.042
xxhdpi1080 × 1920  3.375  1.6875  1.5
主流Android分辨率和尺⼨
设备分辨率尺⼨设备分辨率尺⼨
三星Galaxy S3  4.8英⼨720 × 1280三星Galaxy S45英⼨1080 × 1920三星Galaxy S5  5.1英⼨1080 × 1920三星Galaxy S6  4.5英⼨1200 × 1920⼩⽶14英⼨480 × 854⼩⽶1s4英⼨480 × 854
⼩⽶2  4.3英⼨720 × 1280⼩⽶2s  4.3英⼨720 × 1280⼩⽶35英⼨1080 × 1920⼩⽶3s(概念)5英⼨1080 × 1920⼩⽶45英⼨1080 × 1920红⽶  4.7英⼨720 × 1280红⽶Note  5.5英⼨720 × 1280
OPPO Find 7  5.5英⼨1440 × 2560OPPO Find 7 轻装版  5.5英⼨1080 × 1920 OPPO N1 mini5英⼨720 × 1280OPPO R35英⼨720 × 1280 OPPO R1S5英⼨720 × 1280
锤⼦ Smartisan T1  4.95英⼨1080 × 1920
华为 Ascend P75英⼨1080 × 1920华为 Ascend Mate76英⼨1080 × 1920华为荣耀65英⼨1080 × 1920华为 Ascend Mate2  6.1英⼨720 × 1280华为 C199  5.5英⼨720 × 1280
HTC One (M8)5英⼨1080 × 1920HTC Desire 820  5.5英⼨720 × 1280魅族 MEIZU MX4  5.36英⼨1152 × 1920魅族 MEIZU MX3  5.1英⼨1080 × 1800

本文发布于:2024-09-21 15:29:04,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/182081.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:屏幕   分辨率   设备   设计   物理   图标   状态栏
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议