IOS APP icon design reference chart Daquan |APP design tutorial

We do the APP design. Do you really know the radius of the rounded corners of the iOS app icon? Have you ever studied the apple model? IPhone 4 and 4S, for example, use two times the pixel density of other devices with a high resolution Retina display. Size can also be different for iPad, which shows that, in applicable circumstances.

On the Internet, many people have asked, also answered, are each one airs his own views! In order to solve the radius iOS app icon is a question of how many, 25 school, laotan from abroad website translated some of this authoritative nature of the design reference chart.

Here is the iOS APP icon design reference chart:

Ios-app3
Ios-app2

Ios-app1

More chart sizes on other platforms: http://iconhandbook.co.uk/reference/chart/

The following is the text version

Application Icon

57px – 10px diameter
72px – 12PX (up to iPad)
114PX – up to 20 pixels (iPhone 4 +)
144px – 24PX (up to 3 + iPad)With the Retina display suffix of@2x.png. PNGName Icon

The radius, including art, don’t you know, this part has been cut

The Web Clip Icon

57px – 10px diameter
72px – 12PX (up to iPad)
114PX – up to 20 pixels (iPhone 4 +)
144px – 24PX (up to 3 + iPad)Apple-touch-icon-precomposed.png
Apple-touch-icon-72× 72-precomposed.png
Apple-touch-icon-114× 114-precomposed.png
Apple-touch-icon-144× 144-precomposed.pngThese are displayed on the main screen save bookmarks.Left? “To” file name Torgovnik, if you want to add luster to cover iOS
The icon Handbook for more information, please refer to Chapter 3.

File Icon

22x29px
44x58px (iPhone 4 +)
64PX (New iPad 1-2)
128PX (iPad 3 +)PNG.These icons will cover the top of the standard file icon (white paper), so the odd volume.IPad has a secure area of 44x59px.

Settings Icon

29px joined 5px 0
58px – 10PX (up to the retina display)PNG.The size of the iPad 1-2 is not the same as the non Retina display, although the final visual size of this icon is 48x48px 1px, each side of the iOS is trimmed and shaded.

Spotlight search results Icon

29px joined 5px 0
50px – 10px (iPad 1-2) up to
58px – 10px (iPhone + 4) up to
– up to 20 pixel 100px (iPad + 3)PNG.The size of the iPad 1-2 is not the same as the non Retina display, although the final visual size of this icon is 48x48px 1px, each side of the iOS is trimmed and shaded.

Toolbars and navigation bar icons

20 pixels
40PX (retina display)PNG.IOS will use the alpha channel for your application shadow effect, so don’t include any shadow in your work

The tab bar icons

30PX
60PX (retina display)PNG.

Icon of App Store

512px/90px up to
Up to 1024px/180px (retina display)You must name?In the case of iTunesArtwork PNG extension.App Store icon will reduce the applications listed in 176px square.IPad will use this icon to customize the zoom version of the icon file if a person is not provided.

Leave a Reply