This time, U-mei follows the last stubble, let's take a look at the entire catalog before continuing (full of dry goods)
U sister listed a small directory:
When an APP has been developed and the test has passed, it needs to be ready to be submitted and officially launched, but before it goes online, our designers still need to cooperate and do some pre-launch work. U sister will show you what needs to be done. Work?
1. APP Icon
1. iOS icons:
This is the size of the APP Icon (application icon) provided by the iOS development tool Xcode (this is what U sister specifically asked for development in order to write this article, the relationship between U sister and development is very good), at first glance it b2b data is Not startled? The development is set according to the system version of iOS, but you are a designer, and you are drawing according to the iPhone version, so there are not so many. In reality, my development colleagues asked for the following dimensions:
Because there are so many icons required, it is impossible to add them all, and only the best size can be selected. My development brother asked me to provide the following icon sizes:
1024×1024 Retina APP Icon for APP Store 512×512 APP Icon for APP Store 120×120 6 and below home screen size Home screen icon size of 180×180 6 plus 58×58 Settings on devices with retina display 87×87 Settings on iPhone 6 Plus 80×80 Spotlight on devices with retina display
Note: It should be noted here that the iOS system can automatically crop the image to rounded corners, so when submitting the icon, you only need to submit the square PNG format.
Let's take a look at Apple's official APP icon specification:
2. Android icon:
Compared with iOS, Android has fewer icons. We only need to provide a few sizes, but we need to increase 2 sets, one for rounded corners and one for right-angled ones , because they will be used in some places.
512x512px 192x192px 144x144px 96x96px 72x72px 48x48px
Because there are many models of Android, and the corresponding icon sizes of mobile phones with different screen densities are also different, so U sister cannot give you the location where the corresponding icon is applied.
2. Launch page (Launch Image)
This is also the size of the LaunchImage (startup page) provided by the iOS development tool Xcode. We need to provide 4 sizes to the development engineer:
640×960px iPhone 4/4s 640×1136px iPhone 5/5s/5c/SE 750×1334px iPhone 6/6S/7 1242×2208px iPhone 6 plus/6S plus/7 plus 2208×1242 px iPhone 6 plus/6S plus/7 plus landscape size, if our APP supports landscape mode, you need to make a landscape startup page.
Note: The startup page must be in PNG format. It is recommended to compress all the pictures before development.