转ios icon及默认图片等
图标的圆角和光晕效果
圆角效果。图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。
光晕效果。光晕效果也是系统加上的,和“圆角”不同的是,光晕效果是一个可选项。我们可以通过设置app的光晕参数(UIPrerenderedIcon),告诉系统是否要为我们的图标打上光晕效果。
总结:1)设计图标时请记得,图标的圆角效果是系统自动加上的,且是我们无法控制的。 2)设计图标前先决定,是否要使用系统内建的“光晕效果”。
每个图标都有相同的圆角。左边的两个图标有光晕效果,右边的两个没有。
Retina
iPhone 4和iPod Touch 4有一个新的特性:在屏幕尺寸不变的前提下,分辨率提升一倍(320 x 480 => 640 x 960)。苹果将这个特性命名为Retina。
用苹果的话讲:
Retina显示屏的超高像素密度已超过人眼能分辨的范围。
Retina对图像设计(图标、启动画面和其它所有像素有关的东西)有什么影响呢?如果我们的app要支持Retina,就要提供高分辨率的(宽x2,高x2)的图片。同时,为了支持没有Retina的设备,仍旧要准备低分辨率的版本。换言之,我们要准备两套图。
针对不同分辨率的图片,苹果规定了一个命名规范:假如一个普通分辨率的图片,文件名是“abc.png”,那么与其对应的高分辨率的文件名就应该是“abc@2x.png”,多了“@2x”。
举一个例子:
Icon.png
这里需要注意的是,虽然在浏览器中,第二张图片的面积是第一张的4倍,但是在支持Retina的iPhone中,显示的大小是一样的。
格式和尺寸
图标和启动画面的格式:推荐使用PNG格式,可以是标准的24位颜色(红、绿和蓝各用8位),外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸:苹果有一份完整的文档,列出了app所需的全部图标尺寸,和其各自的使用环境。
Technical Q&A QA1686: App Icons on iPad and iPhone
- App程序包必须包含以下标记为“必须”的图标。
- 图片尺寸的单位是px。
表格一:只支持iPhone的app图标要求。
尺寸 | 文件名 | 用途 | 是否必须 | 备注 |
---|---|---|---|---|
512×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
57×57 | Icon.png | iPhone/iPod touch的App Store和主屏幕(Home screen) | 必须 | 无 |
114×114 | Icon@2x.png | 高分辨率的iPhone 4主屏幕 | 可选,但建议加入 | 无 |
72×72 | Icon-72.png | 主屏幕,为了兼容iPad | 可选,但建议加入 | 无 |
29×29 | Icon-Small.png | Spotlight和设置app | 可选,但建议加入 | 无 |
50×50 | Icon-Small-50.png | Spotlight,为了兼容iPad | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
58×58 | Icon-Small@2x.png | 高分辨率的iPhone 4的Spotlight和设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
表格二:只支持iPad的app图标要求。
尺寸 | 文件名 | 用途 | 是否必须 | 备注 |
---|---|---|---|---|
512×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
72×72 | Icon-72.png | iPad的App Store和主屏幕 | 必须 | 无 |
50×50 | Icon-Small-50.png | iPad的Spotlight | 可选,但建议加入。 | 无 |
29×29 | Icon-Small.png | iPad的设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
表格三:Universal的app图标要求。
尺寸 | 文件名 | 用途 | 是否必须 | 备注 |
---|---|---|---|---|
512×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
57×57 | Icon.png | iPhone/iPod touch的App Store和主屏幕(Home screen) | 必须 | 无 |
114×114 | Icon@2x.png | 高分辨率的iPhone 4主屏幕 | 可选,但建议加入 | 无 |
72×72 | Icon-72.png | iPad的App Store和主屏幕 | 必须 | 无 |
29×29 | Icon-Small.png | iPad和iPhone的设置app,iPhone的Spotlight | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
50×50 | Icon-Small-50.png | iPad的Spotlight | 可选,但建议加入。 | 无 |
58×58 | Icon-Small@2x.png | 高分辨率的iPhone 4的Spotlight和设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
启动画面的尺寸:
- 尺寸单位是px,宽x高。
- iPhone/iPod Touch的启动画面是全尺寸,iPad的则要去掉“状态栏”(Status bar)的高度(20px)。
- iPad的启动画面是分模式的:竖排(portrait)和横排模式(landscape)。
尺寸 | 设备 | 模式 |
---|---|---|
320 x 480 | 低分辨率iPhone/iPod Touch | 竖排和横排 |
640 x 960 | 高分辨率iPhone/iPod Touch | 竖排和横排 |
768 x 1004 | iPad | 竖排 |
1024 x 748 | iPad | 横排 |
转ios icon及默认图片等相关推荐
- iOS - Icon图标、启动图片、审核图片尺寸
应用图标App Icon: 以下图标都为直角,有图片格式备注,制作好后放在新建文件夹icon下,压缩为zip压缩包. iphone Spotlight - ios5,6 | Settings - io ...
- 给iOS项目中添加图片,并通过UIImageView引用和显示该UIImage图片
[问题] 关于iOS/iPhone中的文件选择对话框,用于用户去选择图片等文件 过程中,问题转换为,需要给当前iOS项目中,添加一个图片. 类似于Windows开发中的资源文件,其中图片文件属于资源的 ...
- php接口 接受ios或android端图片; php接收NSData数据
备注下, [自己无意中用的方法]接收时,设置两个参数,一个是图片名称,另一个是实际文件.然后用$_FILES处理就可以了. 如: $icon = $_POST['icon'];//这个是图片的名称,用 ...
- iOS UIButton文字和图片间距随意调整
代码地址如下: http://www.demodashi.com/demo/11606.html 前记 在开发中,我们经常会遇到这么一种情况,就是一个按钮上面有图片也有文字,但是往往设计并不是我们想要 ...
- ios开发所需图片尺寸汇总
应用图标App Icon: 以下图标都为直角,有图片格式备注,制作好后放在新建文件夹icon下,压缩为zip压缩包. iphone Spotlight - ios5,6 | Settings - io ...
- 百度地图自定义图标icon 添加本地图片无法显示问题解决
百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...
- 用Swift实现iOS相机及相册图片上传
最近要做一个iOS相机及相册图片上传,其中遇到了这些问题:1.图片增删在UICollectionView里的变化:2.获取相机拍摄的照片和相册的照片:3.将PHAsset对象转为UIImage对象: ...
- ICON: 从单张图片重建穿衣服人体模型
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达 作者丨人脸人体重建 来源丨人脸人体重建 马普所最新文章,穿衣服人体重建新方法 ICON (Implic ...
- Drawable的Tint变色(让Android也能有iOS那么方便的图片色调转换)
2019独角兽企业重金招聘Python工程师标准>>> Drawable的Tint变色(让Android也能有iOS那么方便的图片色调转换) 字数590 阅读475 评论0 喜欢1 ...
最新文章
- PHP中对数据库操作的封装
- Atom 相关配置备份
- mysql复制模式第二部分-----双主模式
- AI 线上峰会 | 人工智能技术解析与实战
- pointers on c (day 1,chapter3)
- 数据挖掘比赛笔记总结
- 二手房六大产权问题最关键
- UIScrollView setContentOffset: animated:YES 偶尔卡顿解决方案
- Unity 中文不显示问题
- Java StackTraceElement源码总结 StackTraceElement源码注释翻译和解析中英文对照版
- 广义矩方法(GMM)与动态面板数据简述
- 如何利用直通车系统的打造爆款完整流程!QT1130找24团珍帅
- 灵遁者第一部诗歌集《触摸世界》上集40首诗歌欣赏
- 图像处理我是这样入门的------我的第一篇csdn博文
- 内网渗透学习04——域内横向移动
- 前端调用后台验证码接口
- Tesseract-Ocr图片内容识别
- 网络发现已关闭网络计算机和设备不可见
- 思岚科技亮相2017电子博览会 倍受瞩目
- 佩戴饰品的女人与不佩戴饰品的女人有什么区别?