| |
Icon design
Distant view and letter design company have introduced a kind of new icon and designed the design . Design and establish the concrete norm of the design icon in the following.
The design of the icon should be interesting, color is abundant and full of vigor, because the present system supports icons to be 32 icons, and the edge is very level and smooth. After finishing drawing each icon in the vector procedure , and then can make the picture perfect to deal with Adobe Photoshop. This norm is written for the designer specially. While establishing the picture , advise you and high-level figure designer to work together, especially have abundant vector and figure designer of 3D software experience.
It is to let you know the new pattern of WindowsXP well and get ready to establish icons to design the purpose to sum up in icon.
Design characteristic of the icon
(1)Color is abundant, is the supplement to WindowsXP appearance .
(2)Different angles and perspectivity characteristic have added dynamic vigor for the picture .
(3)The corner of the element is very soft, and a bit slick and sly slightly .
(4)The light source lies in the upper left corner of the icon, have other parts illuminating the icon around the light at the same time .
(5)The gradation zone result makes the icon have three-dimensional effects , and then make the appearance of the icon more plump .
(6)The projection makes the icon compare degree with three-dimensional effects even more.
(7)It can make the picture clearer to add the outline.
(8)The daily target (such as the computer and equipment ) has more modernized personal appearances .
 Design the size in icon
Windows XP picture marks four kinds of size, propose using size the following four:
(1)48*48 picture element
(2)32*32 picture element
(3)24*24 picture element
(4)16*16 picture element
The color profundity of the icon is supported
WindowsXP supports 32 icons. 32 icons are added 8 alpha passway to for 24 pictures . Make the icon edge very level and smooth, and merge with the background .
Each WindowsXP icon should include the following three color profundity , in order to support different displays to show and set up:
24 pictures add 8 alpha passway (32)
8 pictures (256 colors), add a transparent
4 pictures (16 colors), add a transparent
Palette
Main color used in the icon design.
The target's angle and grouping
Perspectivity net used in WindowsXP design icon: Not all targets use complicated pictures of 16*16 to obtain better result. Some targets usually show with the ocular picture : File icon , the symbol icon (such as warning the information icon ) , single target's icon (such as the magnifying glass)
Unless establish and overlap the meaning that assists targets to express the icon more clearly, otherwise should use the ocular picture as regards readable and integrality . Should consider how look over icon according to group , in order to confirm how divide into groups target also.
Projection
After using the projection, WindowsXP icon will be more clearly and have three-dimensional effects even more. Can realize these kind of result of Photoshop , some will carry on description to this in the back of this guide. If should add the projection for the picture , please double click on picture storey of the picture in Photoshop , choose Drop Shadow. Then it is 135 to alter Angle, it is 2 that Distance is altered, it is 2 that Size is altered. The projection is that 75% is opaque and black at this moment.
Outline
Draw XP design when the icon , add for picture outline can make it clear , can guarantee picture have a better result at the color in different background.
Concept
While designing icons , please consider the following factor:
Using already has a concept that so as to ensure that has expressed the ideas of users trully. Consider icon by which kind of form appear among user interface environment , and how as some use that icon collect. Consider the culture background of the figure . Avoid using the letter , word , hand or face in the icon. Must show people or at the user , please make his popularization as much as possible with icon. If the picture in the icon is made up of a lot of targets , should consider how to make the picture smaller in size . The target proposing using in the icon does not exceed three . To size of 16*16 , can also consider deleting some targets or simplifying the picture and making it easier to recognize .
Transparent tool
Open Gif Movie Gear (GMG ) on a communication frame, among them show your icon. Use the suction tool to click the background color of the icon. This color will be altered for being dark and yellowish green (or the color that elect to be the transparent background color in GMG). Repeat all 4 and 8 frames. If want to keep icons , please choose File->Save Icon As ....
Establish tool column
Windows tool fence icon use projection, the design used is the same as other icons. Because being fence icon very much little, tool propose your picture simple to use. If show by way of directlying perceived through the senses the picture can express the meaning of the icon clearly, needn't use other complicated ways .
Establish AVI
WindowsXP uses 8 AVIs. Establishment. The course of avi file is the same as course of the establishment icon- prepare the picture in Photoshop, then pull it in GMG. According to guiding and establishing 8 icons followingly, please. If want to use GMG to keep AVI , please transfer to File->Export As->AVI file.
Establishment. Whether avi at the file , please consider the following factor. Use pinkish red (R255 G0 B255 ) as the transparent of backgroundly . In Photoshop, the important one point is not to present stray picture element. Please pack ability it sets up to be 0 , confirm that has not chosen cancelling the sawtooth .
If you is it understand interface design price , can inquire interface design prices to hope. If you have a demand , please contact us .
Note: We can also offer website design according to your need and budget ,Other relevant services that advertisement design or the media release ,etc..
In compliance with hoping for understanding websites and software localization , can visit www.translationatnet.com.
|
|
