iPhone、iPad、Android UI常用设计尺寸
iPhone:
-----------------------------------------------------------------
APPLE APP STORE ICON:512 x 512 PX
iPhone 4 App Icon:114 x 114 PX
iPhone 3GS App Icon:57 x 57 PX
iPhone 5 326ppi 4英寸 1136*640PX
iPhone 4 App UI:960 x 640PX (设计时,高度还需要减去状态栏40PX)
iPhone 3GS App UI:480x 320PX
描述
iPhone & iPod (px)
163ppi
高清屏iPhone4 (px)
326ppi
iPad (px)
132ppi
高清屏iPad (px)
264ppi
桌面程序图标
57 x 57
114 x 114
72 x 72
144 x 144
AppStore图标
512 x 512
1024 x 1024
512 x 512
1024 x 1024
启动画面
320 x 480
640 x 960
768 x 1004 (竖)
1024 x 748 (横)
1536 x 2008 (竖)
2048 x 1496 (横)
设计与Spotlight搜索(推荐拥有)
29 x 29
58 x 58
50 x 50(Spotlight搜索结果)
29 x 29 (设置)
100 x 100(Spotlight搜索结果)
58 x 58 (设置)
文档图标(自定义文档类型时用)
22 x 29
44 x 58
64 x 64
320 x 320
128 x 128
640 x 640
网页桌面快捷方式 (推荐所有网站使用)
57 x 57
114 x 114
72 x 72
144 x 144
工具栏与导航栏图标(可选)
约20 x 20
约40 x 40
约20 x 20
约40 x 40
选项卡图标(可选)
约30 x 30
约60 x 60
约30 x 30
约60 x 60
AppStore中默认报摊封面图标
长边至少512 px
长边至少1024 px
长边至少512 px
长边至少1024 px
关于iphone设计的官方指导:
http://developer.apple.com/library/iOS/#documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html
iPad:
-----------------------------------------------------------------
iPad 3:2048 x 1536PX (2倍于iPad2)
iPad 2:1024 x 768PX
Android:
-----------------------------------------------------------------
设计常用术语:
常用术语
说明
备注
Screen size(屏幕尺寸)
指的是手机实际的物理尺寸,即屏幕的对角线长度,比如常用的3.5英寸,3.7英寸
摩托罗拉milestone手机是3.7英寸
Aspect Ratio(长宽比率)
指的是实际的物理尺寸长宽比率,分为long和nolong
Milestone是16:9,属于long
Resolution(分辨率)
和电脑的分辨率概念一样,指手机屏幕纵、横方向像素个数
Milestone是854*480
DPI(dot per inch)
每英寸像素数,如120dpi,160dpi等,假设QVGA(320*240)分辨率的屏幕物理尺寸是(2英寸*1.5英寸),dpi=160;
在 DPI为 240的屏幕上, 1个 DIP等于 1.5个物理像素
可以反映屏幕的清晰度,用于缩放UI的
Density(密度)
屏幕里像素值浓度,resolution/Screen size可以反映出手机密度
Density-independent pixel (dip)
指的是逻辑密度计算单位,dip和具体像素值的对应公式是dip/pixel=dpi值/160
屏幕分辨率范围 :
屏幕
低密度( 120), ldpi
中密度( 160), mdpi
高密度( 240), hdpi
小屏幕
QVGA(240×320)
2.6~ 3.0寸
普通屏幕
WQVG(240×400), 3.2~ 3.5寸;
FWQV(240×432), 3.5~ 3.8寸
HVGA(320× 480)3.0~ 3.5寸
WVGA(480× 800)3.3~ 4.0寸 ;
FWVGA(480×854) 3.5~ 4.0寸
大屏幕
WVGA(480× 800)4.8~ 5.5寸;
FWVG(480×854) 5.0~ 5.8寸
Android中图标尺寸:
AndroidManifest.xml中指定图标,名字不一定非叫icon
<application android:icon="@drawable/icon" android:label="@string/app_name">) I9 X" B! K1 C) B1 r& ?) W& T* o
2.0以后有三种尺寸,分别为36*36/48*48/72*72( n, F; H) x1 R) [! O
你会看到drawable-hdpi/drawable-ldpi/drawable-mdpi不同的目录用来存储不同尺寸的图标,在AndroidManifest.xml中只需要写@drawable/icon就可以,它会根据屏幕分辨率去找不同目录下的图标
类型 hdpi mdpi ldpi
ICON 72*72 48*48 36*36
Notification图标 48*48 32*32 24*24
标签Tab图标 48*48 32*32 24*24
转载于:https://www.cnblogs.com/HeroLe/p/3715922.html
iPhone、iPad、Android UI常用设计尺寸相关推荐
- iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸...
iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...
- iPhone/iPad/Android UI尺寸规范
iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 ...
- 移动端app开发-02-iPhone/iPad/Android UI尺寸规范
移动端app开发-iPhone/iPad/Android UI尺寸规范 本笔记抛去无用的前期分析什么的,全是干货,简洁干练 本笔记不单独针对 ios 或者 Android,两种都介绍,当然我们实际开发 ...
- pad和android应用设计规范,移动端APP(iPhone/iPad/Android)UI设计规范
根据网上的一些数据做了归纳,关于尺寸整理是在其他网站找的,具体原始作者是谁我也无从查证,如果原作者看到了可以联系我,我会标识出来出处.另外在项目中很多重要实时依据,我也整理了数据入口供参考,我也做了部 ...
- Android UI 常用图标尺寸规范
1. 程序启动图标: LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px. MDPI (Medium Density Screen, 160 DPI ...
- android ui stencil kit 下载,实用的iOS6/iPhone5 GUI/iPad PSD以及其它版本素材
实用的iOS6/iPhone5 GUI/iPad PSD以及其它版本素材 10月 16, 2012 评论 (1) Sponsor 现在使用Apple旗下产品越来越多,比如iPhoneiPad等,正因如 ...
- 30套精美的 iDevices(iPhone, iPad, iOS)PSD 界面素材资源
好的设计不是那么容易能创造出来的,反倒是一件非常有挑战的事情.不过,有很多种方式可以帮助设计师们提高设计能力,其中之一就是分析其它优秀设计师的作品细节来获取灵感.因此,这篇文章收集了30+免费的精美 ...
- xbox360链接pc_如何将实时电视从Xbox One流式传输到Windows PC,iPhone或Android Phone
xbox360链接pc Set up your Xbox One's TV integration and you can do more than just watch TV on your Xbo ...
- Android UI RecyclerView讲解
前言 RecyclerView是Android 5.0之后推出的列表类控件,具有高度的解耦性和灵活性.通过使用合适的LayoutManager,可以实现ListView.横向ListView.Grid ...
最新文章
- 2021年黑龙江省智能车邀请赛
- 全球及中国太阳能光热发电市场重点项目规划及发展格局展望报告2021-2027年
- CodeForces - 1174D Ehab and the Expected XOR Problem(构造+思维+位运算)
- HttpJsonResult和ModelMap使用??
- 特斯拉入驻天猫卖车了 将连做8天直播
- 【kafka】Found a message larger than the maximum fetch size of this consumer on topic
- 国内 RISC-V 产学研基地成立,Intel、Arm、RISC-V 将三分天下?
- 如何做组间差异检验_买套餐送车险,做维修提供代步车,考拉爱车如何实现差异化竞争?...
- Slam中几种变换的理解
- dat关闭某进程_电脑程序卡住怎么办?结束进程只需要这三个键
- 一起学习“秋叶的如何成为PPT高手”
- 拜腾“难”飞:全球化饮鸩止渴?
- 模型及贴图的细节及优化
- Xilinx FPGA器件的速度等级
- windows11中如何显示此电脑图标
- 浙江师范大学数学与计算机科学学院仇秋生,仇秋生 中文主页 浙江师范大学教师个人主页系统...
- 更新wlan.bin文件
- 假设检验 - 区间估计(总体标准差未知)
- 用C语言程序实现两个字符串的连接
- 西门子PLCS7-200使用(一)---开发环境和组态软件入门