[翻译] Icon and Image Sizes

Icon and Image Sizes

iOS Human Interface Guidelines

Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars.

一款app需要app图标,启动页图标,以及一些自定义图标来填充导航栏,工具栏,还有tabBar.

Unlike other custom artwork in your app, the icons and images listed in Table 41-1 must meet specific criteria so that iOS can display them properly. In addition, some icon and image files have naming requirements (to learn about naming these files, see App Icons and App Launch (Default) Images).

下表中的一些属性,是需要遵循一定的要求才能够在app中正常显示的.另外,某些图标或者图片对命名有着严格要求.

Table 41-1Size (in pixels) of custom icons and images

Asset


iPhone 6 Plus (@3x)


iPhone 6 and iPhone 5 (@2x)


iPhone 4s (@2x)


iPad and iPad mini (@2x)


iPad 2 and iPad mini (@1x)


App icon (required for all apps)


180 x 180


120 x 120


120 x 120


152 x 152


76 x 76


App icon for the App Store (required for all apps)


1024 x 1024


1024 x 1024


1024 x 1024


1024 x 1024


1024 x 1024


Launch file or image (required for all apps)


Use a launch file (seeLaunch Images)


For iPhone 6, use a launch file (see Launch Images)

For iPhone 5, 640 x 1136


640 x 960


1536 x 2048 (portrait)

2048 x 1536 (landscape)


768 x 1024 (portrait)

1024 x 768 (landscape)


Spotlight search results icon (recommended)


120 x 120


80 x 80


80 x 80


80 x 80


40 x 40


Settings icon (recommended)


87 x 87


58 x 58


58 x 58


58 x 58


29 x 29


Toolbar and navigation bar icon (optional)


About 66 x 66


About 44 x 44


About 44 x 44


About 44 x 44


About 22 x 22


Tab bar icon (optional)


About 75 x 75 (maximum: 144 x 96)


About 50 x 50 (maximum: 96 x 64)


About 50 x 50 (maximum: 96 x 64)


About 50 x 50 (maximum: 96 x 64)


About 25 x 25 (maximum: 48 x 32)


Default Newsstand cover icon for the App Store (required for Newsstand apps)


At least 1024 pixels on the longest edge


At least 1024 pixels on the longest edge


At least 1024 pixels on the longest edge


At least 1024 pixels on the longest edge


At least 512 pixels on the longest edge


Web clip icon (recommended for web apps and websites)


180 x 180


120 x 120


120 x 120


152 x 152


76 x 76

For all images and icons, the PNG format is recommended. You should avoid using interlaced PNGs.

所有的这些图片,都推荐使用PNG图片.但是,你需要避免使用交错的PNG图片.

The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue—plus an 8-bit alpha channel, for a total of 32 bits.

标准的位深是24位.红绿蓝共8位,最后还有透明像素8位,一共32位.

You don’t need to constrain your palette to web-safe colors.

你无须将你的图片转换成网络安全色,这里是支持所有颜色的.

时间: 2024-08-28 17:51:33

[翻译] Icon and Image Sizes的相关文章

Icon and Image Sizes IOS 8.0 apple

Icon and Image Sizes Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars. Unlike other custom artwork in yo

《iOS Human Interface Guidelines》——Icon and Image Sizes

图标和图片尺寸 每个app都需要一个app图标和一个启动文件或图片.此外,一些app还需要自定义的图标来表示导航栏.工具栏.标签栏和其他区域中app特定的内容.功能或者模式.表45-1列出了这些自定义图标和图片需要的尺寸. 表45-1 自定义图标和图片的尺寸(像素单位) 用处 iPhone 6s Plus和iPhone 6 Plus(@3x) iPhone 6s,iPhone 6和iPhone 5(@2x) iPhone 4s(@2x) iPad 和iPad mini(@2x iPad 2和iP

API翻译 --- Supporting Different Screen Sizes

This lesson teaches you to Use "wrap_content" and "match_parent"   使用"wrap_content"和"match_parent" Use RelativeLayout  使用RelativeLayout Use Size Qualifiers  使用屏幕尺寸限制 Use the Smallest-width Qualifier   使用最小宽度限制 Use L

iPhone Icon and Image Sizes 包含iPhone6 和iPhone6 plus

Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars. Unlike other custom artwork in your app, the icons and

《iOS Human Interface Guidelines》——App Icon

App 图标 每个app都需要一个漂亮.难忘的app图标来在App Strore中吸引人们以及在他们的主屏幕中脱颖而出.iOS可以使用游戏中心.搜索结果.设置以及代表app创建的文档的不同版本的app图标. 为了最好的结果,寻求专业的平面设计师的帮助.一个有经验的平面设计师可以帮助你设计你app整体的视觉风格并应用到内部所有的图标和图片. 使用通用的图像,这样人们会很容易辨认.一般来说,不要专注于一个元素次要的或模糊的方面.比如说,邮件app图标使用一个信封,而不是田园的邮箱.邮递员包或者邮局的

IOS开发中ICON的正确设置图片分辨率

Icon and Image Sizes Every app needs an app icon and a launch file or image. In addition, some apps need custom icons to represent app-specific content, functions, or modes in navigation bars, toolbars, and tab bars. Unlike other custom artwork in yo

《iOS Human Interface Guidelines》——Web Clip Icons

Web图标 如果你有一个web app或者网站,你可以提供一个自定义的图标让用户在他们的主屏幕上显示并使用web特性.用户通过一次简单的点击图标来到达你的网站内容.你可以创建一个图标来代表你的整个网站或者单个页面. iOS还会在Safari收藏夹中显示web图标,这是一个在用户点击URL区域或者打开新标签时显示的由图标组成的网格. 如果你的web内容可以通过熟悉的图像或者有识别度的颜色来区分,将其包含在你的图标中就有意义.但是要确保你的图标在设备上看起来好看,你也应该遵循本节的指南.(查看Spe

《iOS Human Interface Guidelines》——Launch Files

启动文件 启动文件(或者图片)提供了简单的在你的app启动的时候iOS显示的占位图.这个占位图会让用户觉得你的app很快就有响应,因为它直接显示而且很快会被你的app的第一个屏幕代替.每个app都必须提供一个启动文件或者至少一个静态图片. 在iOS 8及以后的系统中,你可以创建一个XIB或者故事版文件来代替静态启动图片.当你在Interface Builder中创建一个启动文件时,使用尺寸类来定义不同显示环境的不同布局,使用Auto Layout来做小的调整.使用尺寸类和Auto Layout意

**iOS开发系列--IOS程序开发概览

http://www.cnblogs.com/kenshincui/p/3890880.html 概览 终于到了真正接触IOS应用程序的时刻了,之前我们花了很多时间去讨论C语言.ObjC等知识,对于很多朋友而言开发IOS第一天就想直接看到成果,看到可以运行的IOS程序.但是这里我想强调一下,前面的知识是你日后开发IOS的基础,没有那些知识你开发IOS会很痛苦,现在很多开发人员做开发都是一知半解,程序质量确实令人担忧,所以还是希望大家能够熟练掌握前面的内容,开发过程中多思考,彻底理解程序运行的原理