To the users of Photoshop software for detailed analysis of the understanding and share the design steps of the icon.
An icon is a graphical indicator of a computer, cell phone, or other device that is set up for various files, applications, or shortcuts.
By functional category icons are divided into: 1 launch class icon, 2 Application class icon,
For example, such as micro-letter, QQ and other representatives to launch the application of a class of icons (as shown in the following image)
2, Application class icon
such as return, delete, save, etc. represent the current function, or the operation of a class of icons. (as shown in the following figure)
Classified into flat and materialized icons according to the form of design
Flat design features: simple, fresh, strong sense of design, no more details and special effects modification. Express the intention of the icon directly and clearly. The disadvantage is poor recognition.
2 Pseudo-materialized icons
Features, exquisite, delicate, strong recognition, relatively close to real objects
Design Principles for Icon design
1 The principle of identifiable
The principle of discernment is the clear articulation of the corresponding functions and operations. Popular will be the user at a glance at the past know what it is doing. For example, call the phone icon, users do not need to see the text only need to see the icon to know is to call the
2 Principle of difference
That is, there must be a certain difference between each icon, so it is easier to distinguish and distinguish
As the following illustration shows, if each icon is very similar to each other, it can be difficult to tell.
3 Principle of uniformity
The principle of unity is manifested in the style of shape and style. The following figure icons all use lines, and the icons are sleek.
Icons generally have the following sizes
256x256 256x256 128x128 64x64 32x32 16x16
There are several formats for icons:
Design Steps for Icon Design
1 must be clear design requirements
That is, from the beginning to the end must be kept in mind and clearly said that the design of the icon to represent the functional requirements.
For example, in the design of the phone icon can not deviate from the need to call. This design of the icon will be practical, easy to use, easy to use
That must be a design style, is to be materialized, flattened, or cartoon icon. After the style of the set to strictly according to the style of the design of other icons. Maintain uniformity.
After setting the design style, start sketching and sketch out the shape of the icon you want to design. Sketching is a very important step that can be made with hand-drawn or some software. Personal suggestions are hand-painted, as shown in the following figure.
According to the sketch, use your familiar design software to design the entire icon shape, and so on all elements. The plum icon in the following figure, first design all the elements of this icon.
5 High Fidelity Design (visual manuscript)
In the bottom of the base to add color, high light and shadow and other details, the final completion of visual draft as shown in the plum icon on the top right figure.
It's usually png,jpg and so on.
Well, the above information is small compiled for you photoshop This software users of the detailed icon of the cognitive and design steps to share the whole content of the analysis, you see the users here, now you are very clear, I hope that the content of the small part of the above can bring you useful help.
