图标的圆角和光晕效果

圆角效果。图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。

光晕效果。光晕效果也是系统加上的,和“圆角”不同的是,光晕效果是一个可选项。我们可以通过设置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及默认图片等相关推荐

  1. iOS - Icon图标、启动图片、审核图片尺寸

    应用图标App Icon: 以下图标都为直角,有图片格式备注,制作好后放在新建文件夹icon下,压缩为zip压缩包. iphone Spotlight - ios5,6 | Settings - io ...

  2. 给iOS项目中添加图片,并通过UIImageView引用和显示该UIImage图片

    [问题] 关于iOS/iPhone中的文件选择对话框,用于用户去选择图片等文件 过程中,问题转换为,需要给当前iOS项目中,添加一个图片. 类似于Windows开发中的资源文件,其中图片文件属于资源的 ...

  3. php接口 接受ios或android端图片; php接收NSData数据

    备注下, [自己无意中用的方法]接收时,设置两个参数,一个是图片名称,另一个是实际文件.然后用$_FILES处理就可以了. 如: $icon = $_POST['icon'];//这个是图片的名称,用 ...

  4. iOS UIButton文字和图片间距随意调整

    代码地址如下: http://www.demodashi.com/demo/11606.html 前记 在开发中,我们经常会遇到这么一种情况,就是一个按钮上面有图片也有文字,但是往往设计并不是我们想要 ...

  5. ios开发所需图片尺寸汇总

    应用图标App Icon: 以下图标都为直角,有图片格式备注,制作好后放在新建文件夹icon下,压缩为zip压缩包. iphone Spotlight - ios5,6 | Settings - io ...

  6. 百度地图自定义图标icon 添加本地图片无法显示问题解决

    百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...

  7. 用Swift实现iOS相机及相册图片上传

    最近要做一个iOS相机及相册图片上传,其中遇到了这些问题:1.图片增删在UICollectionView里的变化:2.获取相机拍摄的照片和相册的照片:3.将PHAsset对象转为UIImage对象: ...

  8. ICON: 从单张图片重建穿衣服人体模型

    点击上方"3D视觉工坊",选择"星标" 干货第一时间送达 作者丨人脸人体重建 来源丨人脸人体重建 马普所最新文章,穿衣服人体重建新方法 ICON (Implic ...

  9. Drawable的Tint变色(让Android也能有iOS那么方便的图片色调转换)

    2019独角兽企业重金招聘Python工程师标准>>> Drawable的Tint变色(让Android也能有iOS那么方便的图片色调转换) 字数590 阅读475 评论0 喜欢1 ...

最新文章

  1. PHP中对数据库操作的封装
  2. Atom 相关配置备份
  3. mysql复制模式第二部分-----双主模式
  4. AI 线上峰会 | 人工智能技术解析与实战
  5. pointers on c (day 1,chapter3)
  6. 数据挖掘比赛笔记总结
  7. 二手房六大产权问题最关键
  8. UIScrollView setContentOffset: animated:YES 偶尔卡顿解决方案
  9. Unity 中文不显示问题
  10. Java StackTraceElement源码总结 StackTraceElement源码注释翻译和解析中英文对照版
  11. 广义矩方法(GMM)与动态面板数据简述
  12. 如何利用直通车系统的打造爆款完整流程!QT1130找24团珍帅
  13. 灵遁者第一部诗歌集《触摸世界》上集40首诗歌欣赏
  14. 图像处理我是这样入门的------我的第一篇csdn博文
  15. 内网渗透学习04——域内横向移动
  16. 前端调用后台验证码接口
  17. Tesseract-Ocr图片内容识别
  18. 网络发现已关闭网络计算机和设备不可见
  19. 思岚科技亮相2017电子博览会 倍受瞩目
  20. 佩戴饰品的女人与不佩戴饰品的女人有什么区别?

热门文章

  1. Mansory makeConstraints 、remakeConstraints 、updateConstraints 注意事项
  2. PMP/高项 项目整合管理
  3. 认证与授权流程与spring boot整合 spring security(1)
  4. 测试吃鸡游戏帧数软件,帧数猛提!新旧版本《绝地求生》实测
  5. 微信小程序实现显示pdf格式的两种方式
  6. Python-自动化测试之接口基础
  7. js中数组和字符串的常用方法
  8. 黑群晖 升级 失联 拯救方案(不丢数据)
  9. 数字化办公,就选流畅、清晰的华为云桌面
  10. Power BI数据查询编辑