User Interface Guidelines

The Android UI team has begun developing guidelines for the interaction and visual design of Android applications. Look here for articles that describe these guidelines as we release them.

Icon Design Guidelines and Android Icon Templates Pack » Your applications need a wide variety of icons, from a launcher icon to icons in menus, dialogs, tabs, the status bar, and lists. The Icon Guidelines describe each kind of icon in detail, with specifications for the size, color, shading, and other details for making all your icons fit in the Android system. The Icon Templates Pack is an archive of Photoshop and Illustrator templates and filters that make it much simpler to create conforming icons.

Widget Design Guidelines

A widget displays an application's most important or timely information at a glance, on a user's Home screen. These design guidelines describe how to design widgets that fit with others on the Home screen. They include links to graphics files and templates that will make your designer's life easier.

• All launcher icons must be created with rounded corners to make them look friendly and simple—as shown in Figure 2.

• All dimensions specified are based on a 250x250 pixel artboard size in a vector graphics editor like Adobe Illustrator, where the icon fits within the artboard boundaries.

• Final art must be scaled down and exported as a transparent 48x48 px PNG file using a raster image editor such as Adobe Photoshop.

• Templates for creating launcher icons in Adobe Illustrator and Photoshop are available in the Icon Templates Pack.

Figure 1. Perspective angles for launcher icons (90° is vertical).

Figure 1. Perspective angles for launcher icons (90° is vertical).

Figure 2. Rounded corners for launcher icons.

Understanding Adobe Photoshop Features You Will Use

Understanding Adobe Photoshop Features You Will Use

Adobe Photoshop can be a complex tool only because you can do so much with it, however for in this video series, we're going to keep it as simple as possible. In fact, in this video you'll see an overview of the few tools and Adobe Photoshop features we will use. When you see this video, you'll see how you can do so much with so few features, but you'll learn how to use them in depth in the future videos.

Get My Free Video


Post a comment