[Icons] Transparent app icon backgrounds look bad

Bug #1449295 reported by Michael Terry
8
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Ubuntu UX
Triaged
Medium
Matthieu James
trust-store (Ubuntu)
Incomplete
Undecided
Unassigned
ubuntu-system-settings (Ubuntu)
New
Undecided
Unassigned
ubuntu-system-settings-online-accounts (Ubuntu)
Incomplete
Undecided
Unassigned
unity8 (Ubuntu)
Incomplete
Undecided
Unassigned

Bug Description

I uploaded an app with an icon that had a transparent background.

In the dash, the wallpaper is visible behind the icon. And in the launcher, the icon is presented on a dark background, making it look very different than on dash with its white background.

Neither looks great, and makes the shell look a little janky. Obviously, the app author should just fix their icon. But if they DO give us a bad icon, we should fix it for them, else we look bad too.

Related branches

Changed in ubuntu-ux:
assignee: nobody → Matthieu James (tiheum)
importance: Undecided → Medium
status: New → Triaged
summary: - Inconsistent tranparent app icon handling
+ [Icons] Inconsistent tranparent app icon handling
Revision history for this message
Albert Astals Cid (aacid) wrote : Re: [Icons] Inconsistent tranparent app icon handling

unity8 waiting for design -> incomplete

Changed in unity8 (Ubuntu):
status: New → Incomplete
Revision history for this message
Matthieu James (tiheum) wrote :

Transparent backgrounds should be avoided for application icons cause the result looks very awkward once the Ubuntu shape and the shadow are applied.
Please try to design something consistent with the core app icons (our icon guidelines can help).

Revision history for this message
Michael Terry (mterry) wrote :

I agree authors SHOULDN'T use transparent backgrounds for icons.

But they currently CAN. And what should we do in that case?

I'm proposing that we default to a white (or black) background for them, rather then actually rendering it as transparent. But I don't care what the solution is, as long as it's consistent. Currently, we are inconsistently rendering the icon.

Matthieu James (tiheum)
Changed in ubuntu-ux:
status: Triaged → Confirmed
Changed in ubuntu-ux:
status: Confirmed → Triaged
Revision history for this message
Michael Terry (mterry) wrote :

Looks like the presentation is now consistently transparent.

So that's good, sorta. I'm now going to change this bug to be about how transparent backgrounds for icons looks terrible.

I've proposed the attached branch to fix this.

summary: - [Icons] Inconsistent tranparent app icon handling
+ [Icons] Transparent app icon backgrounds look bad
description: updated
description: updated
Revision history for this message
Michael Terry (mterry) wrote :

I've added a task for ubuntu-system-settings, because I just remembered that it also displays app icons: in Storage, App Permissions, and Notifications.

But note that I'm still waiting on design input. Copied from the attached MP:

Paty when I asked about this branch: "Regarding the opinion on the colour choice for the icons BG, I pinged Mattheiu, who is the icon designer and he is gonna look into this and hopefully, comment on the bug ticket. I'm sorry I'm not able to help more on this. I think porcelain should work well, but I rather not make visual decisions... : P"

Revision history for this message
Alberto Mardegan (mardy) wrote :

Applications icons are also rendered in Online Accounts, and in the trust prompt dialogs.

Changed in ubuntu-system-settings-online-accounts (Ubuntu):
status: New → Incomplete
Changed in trust-store (Ubuntu):
status: New → Incomplete
Revision history for this message
Matthew Paul Thomas (mpt) wrote :

App icons are, or will be, also rendered by content-hub in its “Open With” dialog; by indicator-sound when a player is registered with Mpris; by url-dispatcher in its “Use App” dialog; and by any app that uses its own icon in a notification. (Presumably the notification cases can’t be fixed in notify-osd and indicator-messages themselves, because they don’t know whether the icon they receive is an app icon or something more specific.) That almost certainly still isn’t a complete list.

These “oh, we need to fix this bug here too, and here, and here” comments bolster my proposal in wontfixed bug 1363015: there should be a toolkit element for rendering an app’s icon in the current standard style. As long as every place that renders app icons has to include its own code for making a transparent background opaque, along with all their other details (icon location in click/snap packages, aspect ratio sanity-checking, rounded corners, relief/shadow, etc), then whenever the rendering of app icons changes, time will be wasted on multiple implementations and some of them will be forgotten or diverge accidentally.

To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.