ArticleDirectory
- Start the application
- Action bar
- Small/context icon
- Notification icon
Icon
An icon is a graph that occupies a small part of the screen space and provides a quick and intuitive representation of an action, status, or application.
Start the application Program
The launch application icon is displayed on the homepage of the screen and is a visual representation of all applications. Because you can change the wallpaper on the home screen, make sure that the program running icons are clearly visible in any type of background.
Dimensions and proportions
The START icon on the mobile device must be 48x48 DP.
The startup icon shows that Google games must be x512 pixels.
Attribute
Complete resource, 48x48dp
Style
Use a unique shadow. The three-dimensional effect is shown in the previous view. It seems that there must be a slight angle. From the top, you should observe the same, and you will feel the depth of some icons.
Action bar
The graphic button of the action bar icon is the most important button for the operator in your application. Each button should use a simple and clear metaphor to represent a single function. Most people can clearly understand the basic functions of this icon.
Use predefined instructions, such as "refresh" and "share"
Dimensions and proportions
The mobile phone action bar icon should be 32x32 DP
Ratio and size of core areas
The overall size is 32x32 DP, and the core area is 24x24 DP.
Style
A style must be either an image or a plane, rather than a complex style. A smooth or sharp line is required, and the strokes must be heavy. If the image is simple and thin, you need to rotate it 45 degrees left or right, and the lines in the core area are thick. The thickness of the blank space and the blank space with lines must be at least 2 DP.
Color
The background color is: #333333.
Available: 60% transparent
No operation allowed: 30% transparent
Background Color: # ffffff
Available: 80% opacity
Operation unavailable: 30% opacity
Small/context icon
The small/context icon is used inside the application to show a superficial behavior or provide a specific State. For example, in the Gmail application, each message has a star icon, which indicates that mail is important.
Dimensions and proportions
The small icon should be 16x16 DP
Ratio and size of core areas
The overall size is 16x16 DP, and the core area is 12x12 DP.
Style
The style must be neutral, flat, and simple. Stroke strokes are relatively small, and the shape of filling is more easily noticed. With simple visual metaphor, users can easily understand and understand what it is.
Color
Do not use non-neutral colors to achieve a conservative style. For example, Gmail uses a yellow star icon to represent a bookmarked message. If the icon can be touched, you must select a contrast to the background.
Notification icon
If the application has notification information, an icon can be displayed in the status bar whenever a new notification is generated.
Dimensions and proportions
The notification icon must be 16x16 DP
Ratio and size of core areas
The overall size is 24x24 DP, and the core area is 22x22 DP.
Style
The style uses flat and simple, and uses a single icon with visual metaphor as the execution icon.
Color
The notification icon must be completely white. In addition, the system can zoom in or out the icons.
By Bruce Lee
Source: http://www.cnblogs.com/BruceLee521
This blog Original article is copyrighted by the blog and I share it with you. You are welcome to reprint it. However, you must keep this statement without the author's consent and provide the author name and original article connection clearly on the article page, otherwise, you are entitled to pursue legal liability.