A brief analysis of the design of IOS program icons

The main function of the program icon is to make the program more like and easier to understand, in addition to the above role, there is better http://www.aliyun.com/zixun/aggregation/8936.html "> Visual effects of the icon can improve the product's overall experience and brand, can cause users ' attention and download, arouse the user's desire to click.

Expressing the corresponding information in a limited space, in the iOS program icon design, intuitive is the first solution to the problem, should not appear most cumbersome modification, of course, also have a good visual performance, so that users can more easily understand the practical role of this application, more easily identify this application. Here are some forms of expression.

Graphics can be a good way to capture the user's eye and to show information in a graphical representation of the application.

Text expression is a very intuitive way of expression, text should be concise and clear, not cumbersome.

This form has a very good expressiveness can also be directly to inform users of the information, because there will be a certain content, so in the space layout to pay attention to density, avoid cumbersome congestion.

iOS desktop icons are very different from other mobile system icons. Because the iOS icon has a good integrity, good integrity can reduce the user experience of conflict, so we need to maintain some of these characteristics, so that the program can be better integrated into the system, to bring users a better application experience.

On the iOS desktop for different devices, the size of the program icon and the default of the cosmetic effect will be different, the system by default with the cosmetic effect can make the icon to better maintain the iOS style, but many times for the actual effect, we can ask the system not to add some effect, in order to achieve the desired effect.

Uploading to the App Store requires 512px X 512px images

In the iphone 960px X 640px Resolution

Icon display size 114px X 114px

20 Pixel rounded corners

4-pixel 90-degree black projection

2-pixel 90-degree white interior projection

Default self-led high light

In the iphone 480px X 320px Resolution

Icon display size 57px X 57px

10 Pixel rounded corners

2-pixel 90-degree black projection

1-pixel 90-degree white interior projection

Default self-led high light

In the ipad 1024px X 768px Resolution

Icon display size 72px X 72px

13 Pixel rounded corners

2-pixel 90-degree black projection

1-pixel 90-degree white interior projection

Default self-led high light

In iOS, in order to display the texture of the icon, many times will add some light sense to make it more textured. The light comes from above, so the gradient of the transition color should be from the top down. Most of the time, for the iOS system to feel like a glass texture, the bottom of the icon will have a high brightness reflection, of course, these are the actual effects we want to draw Add.

To express the role of the application, we can make the application of the icon for many different visual effects of processing, to achieve better visual enjoyment. Different types of applications should pay attention to the performance of the effect, such as news and information should be concise, so that its application has a better sense of cleanliness, such as game classes can be designed to give users a sense of active, such as some of the day-to-day application of the class we will be a lot of it to materialization, so that users more intuitive sense of its role, This is the most common method we have.

Here is an emphasis on the proposed Materialization program icon, which is very much like the way to show the use of the program, but sometimes to show the elements exist a few times, in the narrow space may not be able to lay down so many elements, so to analyze the weight, light can reduce the proportion of Occupy position or remove it, heavy to make more emphasis, at the same time, Find commonalities in multiple elements.

We just need to find common denominator, we can conceive a good idea.

Sometimes we can use the rounded corners of the iOS icon to make some special sensory effects, such as three-dimensional, which can help the icon to have better visual impact, easier to get the user's favorite and click.

Having said so much, we're going to start by starting from scratch and drawing a beautiful iOS app icon.

Program Name: MyRange

Platform: Iphone

Version: V0.001

Publisher: Uedc

Use: Lomo camera software

First of all, the design of the method is not unique, the idea and draw the method is infinitely many, then start immediately!

Think of the camera software, the first thing you will think of is cameras, then the corresponding software icon can draw a Lomo camera to try.

Many of us in order to make the objects of the visual effect better, we need some reference, this time I use Lycra M9 to do reference. Based on the reference, more personalized processing.

For better visuals, I think it has a little perspective, so you can use the features of the iOS icon rounded corners to form a stereo feeling.

Then color the icons and separate the most general colors

Draw the texture of each part, the leather and the texture of the metal, the metal can add a little noise

Strengthen light sense, light from 90 degrees downward, draw out the reflective bit and the transition between the two sides, the lens part of the detailed description, the final overall adjustment, complete!

Source: http://uedc.163.com/5294.html