"IOS Human Interface Guidelines"--app Icon

Source: Internet
Author: User
Tags home screen

APP icon


Each app needs a beautiful, memorable app icon to draw people in app Strore and stand out from their home screen. iOS can use the game Center, search results, settings, and different versions of app icons for documents created on behalf of the app.




for the best results, seek the help of a professional graphic designer. an experienced graphic designer can help you design the overall visual style of your app and apply it to all internal icons and images.


use a generic image so that people can easily identify it. in general, do not focus on a minor or ambiguous aspect of an element. For example, the Mail app icon uses an envelope instead of an idyllic mailbox, a postman's bag, or a post office symbol.


embrace simple. Especially don't cram a bunch of different pictures into your icons. find a simple element that captures the essence of your app and express it in a simple, unique form. Add details with caution. If the content or styling of an icon is too complex, the details become confusing and may appear blurry on small dimensions.


TIP

Move your app to a folder in the Home screen to test performance in small sizes. Further, move multiple app icons into a folder to see if your app icons look good and maintain a degree of differentiation.


Create an abstract explanation of the main concepts of your app. using a photo in the app icon is rarely good, as the picture details are very difficult to see in small sizes. It's best to interpret the reality in an abstract way, because doing so can help you highlight topics you want users to notice.


If you want to depict real material, do it accurately. icons describing real objects should accurately reproduce the characteristics of the material, such as cloth, glass, paper, and metal, and convey the weight and feel of the item.


Make sure the app icon looks good in a variety of backgrounds. don't test your icons only in bright or shady backgrounds, because you can't predict what kind of wallpaper people will choose.


do not be transparent. the app icon should be opaque. If the border of the icon is less than the recommended size-or you use transparency to create a transparent area-the resulting icon will appear to float on a black background, which will look particularly unattractive on the user-selected wallpaper.


do not use the iOS interaction elements in your work. you don't want your users to confuse your icons or pictures with the iOS UI.


do not copy the Apple hardware product in your work. the symbols that represent Apple products are copyrighted and cannot be created two times in your icons and images. In general, it's best not to copy any device in your work, because these designs change very frequently, and icons based on them will soon look out of date.


do not re-use the iOS app icon in your interface. for users, it is confusing to see the same icon in multiple places of the system to represent different things.


Create app icons of different sizes for different devices. you want to make sure your app icons look good on all supported devices. View icon and Image sizes get the value for the device.


When iOS displays an app's icon on the home screen, it automatically generates rounded corners. Make sure your icon has a 90-degree corner so that it doesn't look like when you create a fillet. Like what:




creating a large version of your app icon is now available in the App Store. even though this version is immediately recognizable as your app icon is important, it can also be more granular and detailed. This version of your app icon does not add visual effects.


As shown in the icon and Image sizes table, the large version of your app icon should be 1024*1024 pixels and named [email protected]. (If you need to support some @1x devices, create a version that is 512*512 and named itunesartwork .) View platform version information to get some additional information about this version of the app icon.


NOTE

iOS may also use this large image elsewhere. In the ipad app, for example, iOS uses large images to create icons for large documents.


If you develop an app for Ad-hoc publishing (that is, for internal use only, not through the app Store), you must also provide a large version of the app icon. This is used to define your app in itunes.



Document icon

If your iOS app creates a custom type of document, you'll want the user to be able to identify the documents at a glance. You don't need to specifically design a custom icon because iOS uses your app icon to create a document icon for you.



Spotlight and Settings icons

Each app should provide a small icon for iOS to display when Spotlight searches for the app's name. Apps that support settings should also provide a small icon to identify them in the built-in Settings app.


These icons should clearly identify your app so that people can identify it in the search results list or settings. For example, the built-in app icon is easy to identify in settings, even if the icon is small:




As with app icons, you can name these small icons arbitrarily, because iOS is selected based on whether the size of the icon is appropriate to use the target.


For all devices, different icons are available for Spotlight search results and settings. If you do not provide these icons, you may shrink your app icon to show up in these places. View the icon and Image Sizes table to get details about a particular dimension.


NOTE

If the background of your icon is white, do not add a gray overlay to increase its visibility in the settings. iOS adds a pixel border so that all icons appear well in the white background setting.



This article is translated from Apple's official development documentation

Finished viewing the integration set: Https://github.com/Cloudox/iOS-Human-Interface-Guidelines

All rights reserved: Http://blog.csdn.net/cloudox_

"IOS Human Interface Guidelines"--app Icon

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.