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常用设计尺寸相关推荐

  1. iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸...

    iPhone/iPad/Android UI尺寸规范 UI尺寸规范,UI图标尺寸,UI界面尺寸,iPhone6尺寸,iPhone6 Plus尺寸,安卓尺寸,iOS尺寸 iPhone界面尺寸 设备 分辨 ...

  2. iPhone/iPad/Android UI尺寸规范

    iPhone界面尺寸 设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus设计版 1242×2208 px 401PPI 60px 132px 146px iPhone6 ...

  3. 移动端app开发-02-iPhone/iPad/Android UI尺寸规范

    移动端app开发-iPhone/iPad/Android UI尺寸规范 本笔记抛去无用的前期分析什么的,全是干货,简洁干练 本笔记不单独针对 ios 或者 Android,两种都介绍,当然我们实际开发 ...

  4. pad和android应用设计规范,移动端APP(iPhone/iPad/Android)UI设计规范

    根据网上的一些数据做了归纳,关于尺寸整理是在其他网站找的,具体原始作者是谁我也无从查证,如果原作者看到了可以联系我,我会标识出来出处.另外在项目中很多重要实时依据,我也整理了数据入口供参考,我也做了部 ...

  5. Android UI 常用图标尺寸规范

    1. 程序启动图标: LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px. MDPI (Medium Density Screen, 160 DPI ...

  6. android ui stencil kit 下载,实用的iOS6/iPhone5 GUI/iPad PSD以及其它版本素材

    实用的iOS6/iPhone5 GUI/iPad PSD以及其它版本素材 10月 16, 2012 评论 (1) Sponsor 现在使用Apple旗下产品越来越多,比如iPhoneiPad等,正因如 ...

  7. 30套精美的 iDevices(iPhone, iPad, iOS)PSD 界面素材资源

    好的设计不是那么容易能创造出来的,反倒是一件非常有挑战的事情.不过,有很多种方式可以帮助设计师们提高设计能力,其中之一就是分析其它优秀设计师的作品细节来获取灵感.因此,这篇文章收集了30+免费的精美 ...

  8. 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 ...

  9. Android UI RecyclerView讲解

    前言 RecyclerView是Android 5.0之后推出的列表类控件,具有高度的解耦性和灵活性.通过使用合适的LayoutManager,可以实现ListView.横向ListView.Grid ...

最新文章

  1. 2021年黑龙江省智能车邀请赛
  2. 全球及中国太阳能光热发电市场重点项目规划及发展格局展望报告2021-2027年
  3. CodeForces - 1174D Ehab and the Expected XOR Problem(构造+思维+位运算)
  4. HttpJsonResult和ModelMap使用??
  5. 特斯拉入驻天猫卖车了 将连做8天直播
  6. 【kafka】Found a message larger than the maximum fetch size of this consumer on topic
  7. 国内 RISC-V 产学研基地成立,Intel、Arm、RISC-V 将三分天下?
  8. 如何做组间差异检验_买套餐送车险,做维修提供代步车,考拉爱车如何实现差异化竞争?...
  9. Slam中几种变换的理解
  10. dat关闭某进程_电脑程序卡住怎么办?结束进程只需要这三个键
  11. 一起学习“秋叶的如何成为PPT高手”
  12. 拜腾“难”飞:全球化饮鸩止渴?
  13. 模型及贴图的细节及优化
  14. Xilinx FPGA器件的速度等级
  15. windows11中如何显示此电脑图标
  16. 浙江师范大学数学与计算机科学学院仇秋生,仇秋生 中文主页 浙江师范大学教师个人主页系统...
  17. 更新wlan.bin文件
  18. 假设检验 - 区间估计(总体标准差未知)
  19. 用C语言程序实现两个字符串的连接
  20. 西门子PLCS7-200使用(一)---开发环境和组态软件入门

热门文章

  1. Altera FPGA程序固化(软件+硬件)
  2. matlab相干解调,心电信号的调制与解调(AM调制、相干解调)
  3. 【统计学】中心极限定理
  4. Cas5.3.14手机号码登录(五)
  5. 浙江省计算机考证发证中心
  6. mysql介绍——基础知识
  7. 8421BCD码加法的修正证明
  8. postgis+geoserver+openlayers最短路径分析-学习记录bug
  9. canvas(1)---基础知识
  10. 从技术角度看“星闪“技术