IOS 界面UI 屏幕各个版本分辩率尺寸设计篇
来源:互联网 发布:91kge网络在线ktv 编辑:程序博客网 时间:2024/04/29 17:35
设计篇
随着iOS7更新,风格走上扁平化,大部分iOS设计师及程序员都需要对自己的软件做相关调整,尺寸、Icon、UI等等,我在这里总结一下相关资料,以及提供一些关于iOS7设计素材。
一、Sizes of App UI Elements
二、App Icons
注:iOS 7需增加的所有尺寸ICON都在这里
Icon.png 57*57
Icon@2x.png 114*114
Icon-Small.png 29*29
Icon-Small@2x.png 58*58
Icon-Small-50.png 50*50
Icon-Small-50@2x.png 100*100
Icon-72.png 72*72
Icon-72@2x.png 144*144
Icon-40.png 40*40
Icon-40@2x.png 80*80
Icon-60.png 60*60
Icon-60@2x.png 120*120
Icon-76.png 76*76
Icon-76@2x.png 152*152
三、Default (Launch) Image Sizes
iPhone
iPhone 4S 3.5" display iPhone 54" display
Non-retina 320 x 480 pixels N/A
(Default.png)
Retina 640 x 960 pixels 640 x 1136 pixels
(Default@2x.png) (Default-568h@2x.png)
Note that the Default-568h@2x.png image is required for an app to display in full-screen mode on the iPhone 5.
iPad
iPad - Portrait iPad - Landscape
Non-retina 768 x 1004 pixels 1024 x 748 pixels
(Default-Portrait.png) (Default-Landscape.png)
Retina 1536 x 2008 pixels 2048 x 1496 pixels
(Default-Portrait@2x.png) ( Default-Landscape@2x.png)
注如果没有status bar:
iPhone:
Default.png 320*480
Default@2x.png 640*960
Default-568h@2x.png 640*1136
iPad:
Default-Landscape~ipad.png 1024*768
Default-Landscape@2x~ipad.png 2048*1536
Default-Portrait~ipad.png 768*1024
Default-Portrait@2x~ipad.png 1536*2048
四、used design elements
五、ICON template PSD and UI PSD
ICON template PSD:请下载附件ICON template.psd.zip
http://www.cocoachina.com/bbs/read.php?tid=168878
IOS7风格应用界面模版 PSD:请下载附件iOS-7-UI-Components.zip
iOS7 GUI PSD (iPhone):http://www.teehanlax.com/tools/iphone/
iOS7 GUI PSD(iPad):http://www.teehanlax.com/tools/ipad/
Icon搜索网址
http://www.cocoachina.com/bbs/read.php?tid=108395
- IOS 界面UI 屏幕各个版本分辩率尺寸设计篇
- iOS UI设计 ------- 分辨率 屏幕尺寸 与 像素密度
- IOS各个机型的屏幕尺寸
- ios各个版本的图标尺寸
- IOS界面UI设计1之屏幕适配
- 实现窗体自适应调整尺寸以适应不同屏幕分辩率
- 实现窗体自适应调整尺寸以适应不同屏幕分辩率的显示问题
- iOS 屏幕尺寸、分辨率、适配、UI规范
- Android 调整屏幕分辩率
- Android获得屏幕分辩率
- IOS-AppStore上架审核各个屏幕截图尺寸
- iphone各个版本尺寸
- 【设计】安卓&IOS界面尺寸
- vc++ 改变屏幕分辩率代码段
- Android 屏幕分辩率相关问题
- Android 屏幕分辩率相关问题
- Android 屏幕分辩率相关问题
- Android获取精确的屏幕分辩率
- android图片异步加载
- 开发感悟
- nyist oj 289 苹果 (动态规划——背包问题)
- LIVE555研究之三:LIVE555基础
- c语言找到数组中最大的成员和下标
- IOS 界面UI 屏幕各个版本分辩率尺寸设计篇
- 可执行文件(ELF)格式的理解
- Centos 7 下使用Falcon的资源池 并配置为LVM mirror
- Git入门
- Servlet 3.0 特性
- c语言系统函数实现字符串的7个操作
- Python下Mysql数据库Coreseek搜索架构配置与应用
- 数论 Number Transformation HDU4952
- Git-管理修改