App icon looks out of place

[bragefuglseth]

Resonance's app icon looks slightly out of place among most other GNOME app icons. It lacks depth, and uses gradients in a slightly unconventional way to create the wave pattern. The color combination is nice by itself, but looks weird when coupled with any other non-neutral colors.

Here are some points to consider from the GNOME icon guidelines:

While the app icon style is simple, it is not “flat”. 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. This “front” profile is shaded darker than the top surface.

Icons can make use of skeuomorphic materials (for example: wood, metal, or glass) if required. Otherwise, simple colors and textures are recommended.

Straight surfaces should have flat colors, with gradients being reserved for curved surfaces.

While a full redesign with a new icon metaphor is possible, it isn't necessary to make the icon fit better in. With a few tweaks made to the current icon, I think we can make it match the look and feel of other GNOME icons pretty well:

• Give the circle a chin to provide added depth
• Make the wave pattern use a single hue. If we e.g. only use a light blue / dark blue gradient for each wave, the icon feel will become more harmonious.

[kra-mo]

I think a new icon would work better. We could make it fit in aesthetically with your suggestions, but style is only part of it. It should probably relate to a physical object in some way instead of remaining abstract.

[kra-mo]

From the HIG:

Metaphor

Each app icon should have a simple, recognizable metaphor. Ideally this should have a clear and obvious relationship with the app name. Common types of metaphors include:

• Physical objects directly related to what the app does (for example, a speaker for a music app).
• 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).
• Symbols related to the domain (for example, the “play” triangle for a video player).
• If the app has a distinctive UI, a simplified, stylized version of it.