![]() When drawing shadows, the light source should point straight down from above. Shadows should be avoided if possible, but can be used if it is necessary to give contrast to different icon elements. Straight surfaces should have flat colors, with gradients being reserved for curved surfaces. Use the standard color palette as a base for colors. Otherwise, simple colors and textures are recommended. Icons can make use of skeuomorphic materials (for example: wood, metal, or glass) if required. But as the example aboves show there can be exceptions. In most cases the profile is subtle, not taller than 2 detail units ( 4 nominal pixels). This “front” profile is shaded darker than the top surface. Depth is introduced by combining the “top” and “front” of the object, so that each icon has an additional profile at the bottom of the object. While the app icon style is simple, it is not “flat”. The bottom of the icon should be aligned against the standard baseline, which is indicated in the template. When judging how large to draw the icon, follow the guides in the app icon template, and ensure that your icon has a similar visual weight to other app icons.Īvoid extreme aspect ratios for the icon shape, such as very narrow or very wide shapes. Size & Shape ¶Īpp icons are drawn within a 128×128px area, but shouldn’t fill this space. In many cases you can draw an entire icon with only basic shapes. ![]() The GNOME app icon style is simple and geometric. Also avoid using logos which rely on a specific visual style. If the app has a distinctive UI, a simplified, stylized version of it.Īvoid metaphors that are unrelated to the name or function of the app, such as using characters or mascots. Symbols related to the domain (for example, the “play” triangle for a video player). Physical objects which are at least somewhat related to the app’s domain, or to an older analog version of it (for example, a cassette tape for a podcasting app). Physical objects directly related to what the app does (for example, a speaker for a music app). Ideally this should have a clear and obvious relationship with the app name. Metaphor ¶Įach app icon should have a simple, recognizable metaphor. Reusing existing icons for app identities is strongly discouraged. It supports each stage of the process, from generating a template, previewing the icon in relevant contexts, and exporting the final assets.Īpp icons should be unique to each and every app. The App Icon Preview tool is recommended for app icon creation. ![]() However, GNOME app icons are deliberately simple in style, in order to make icon creation as accessible as possible. Typically, creating an app icon requires pre-existing visual design skills. This page provides guidance on how to create one. In addition to having a great name, every app also needs a great icon. ![]()
0 Comments
Leave a Reply. |