Icon Design tips: Smart Android app icon

Article Description: with the evolving resolution of mobile phones and tablets, it is becoming increasingly important to make the main screen icons of your application clearer and more qualitative. So you know how to make a pretty Android app icon.

　　

[Core Tip] with the continuous evolution of the resolution of mobile phones and tablets, it becomes more and more important to make the main screen icons of your application clearer and higher quality. So do you know how to make a nice Android app icon?

Edit Note: This article translates from Android Developers blog's making beautiful Android App Icons

For the general user, the main screen icon/launcher icon (commonly referred to as the application icon) is an application to leave them the first impression. With the evolving resolution of mobile phones and tablets, it is becoming increasingly important to make the main screen icons of your application clearer and more qualitative. To do this, you need to make sure that you do the xhdpi (320dpi) and xxhdpi (480DPI) Resolution version of the icon placement application.

Android app icon specification

When you plan to make your own home screen icon, in addition to the existing Master screen icon code, please be sure to follow the following equally important specifications:

The launcher icon is a square of 48dp size and needs to provide MDPI, hdpi, xhdpi, xxhdpi resolution size-at least xhdpi and xxhdpi;

In addition to the lack of some minor details, the 512px size of play Store display icon should be consistent with the application icon;

The launcher icon needs to be designed as a pure Android style. As mentioned in "pure Android", avoid mimicking the visual effects and styles of other platforms (such as the rounded corners of IOS and the drop-top light).

The launcher icon should be a stereo front view, and it needs to be angled overlooking at a certain angle so that the user can feel the "depth/thickness" presence.

How to make a pretty Android app icon

The main screen icon should also have a distinctive silhouette, which means you need to avoid simple squares or circles to choose a unique shape. (four Yuan and the wave as well as Google's home Google +, Search and other applications are not actually able to do this)

At the macro level, the main screen icon should be measured succinctly and clearly. But at the micro level, it's still not possible to discard rich details (such as subtle edge effects and reasonable gradients and textures).

The main screen icon should be lightweight background protection such as a subtle slight projection, but don't be too dark or distracting.

The main screen icon should contain 0DP to 3DP of margin, using different margins to achieve optical calibration and icon visual weight normalization. Some things about the internet

It is particularly noteworthy that flat and other large screen devices require an icon resolution larger than its own resolution, so you need to provide the high-resolution version of the application icon as much as possible. For example, for a tablet with a xhdpi screen, the main screen icon needs to reach the xxhdpi level of resolution.