Start from scratch-go deep into Android (theory-preparations before development-8. User Interface basics-8.1icon Design Guide-8.1.7dialog icons)

Dialog icons DialogIcon displayIn the dialog box that appearsOfDialog Box to promptUser orInteraction. They use relatively bright gradient and inner shadows to increase the contrast with a relatively dark background.

 

 

Table 1.Dialog Icon size

Ldpi	Mdpi	Hdpi
24x24 PX	32x32 px	48x48 PX

 

 

All Android versions

 

Structure

• Dialog Icons has a pixel Safeframe. It is still used for anti-aliasing.
• All sizes should be based on the canvas size of 32*32, with a pixel margin around it

Icon structure. ">

Figure 1.Safeframe and fill gradient dialog icons... (32x32 ).

Brightness, effect, and shadow

Effects, and shadows for dialog icons. ">

Figure 2.Dialog icons. 1. Protruding part: Stacked gradient | angle 90 ° Bottom: R 223 | G 223 | B 223 Top: R 249 | G 249 | B 249 Bottom color location: 0% Top color location: 75% 2. Inner Shadow: Black | 25% transparency | Angle-90 ° | 1 px | size 0 PX

Procedure

1. Use the art software to create a basic image
2. Import the shape into the image editing software (such as PS) and use a transparent background. The size is 32*32 I.
3. Add the effect shown in Figure 2
4. Export 32*32 PNG files

Reprinted please indicate the source: http://www.cnblogs.com/tianjian/category/354587.html

If you have any questions or have better suggestions on Writing Style and reading convenience, join us in group 213821767.