New Plasma Icons: A Visual Design Update

Hey everyone! Finally a video update after 3 months of work. Here is what we have on the new icons for Plasma.

I went over the changes a little fast but if you have any questions, let us know. You can find us in the Visual Design channel on Matrix and also on Telegram.

If you would like to join this effort and have some good Figma/PenPot skills, let us know as well! We need more designers in our group!

Disclaimer: These icons are “NOT” ready for development. These icons are not “official” icons. They are still going through the design process.

15 Likes

They new icons look good! I like the battery icons, and in general it’s nice that some of the icons (like the google “G” don’t have a border anymore)

You’re definitely right that relying on colour to convey meaning is a big problem for accessibility and I like that you’re moving away from that. The argument that devs can add colour on top as desired is also good.

However, for the MIME types especially, the lack of colour really reduces how easy they are to parse, as the text of these symbolic icons is tiny in real usage. If a colour is necessary to understand an icon or distinguish it from another it’s bad, absolutely, but having a characteristic colour additional to a unique design often significantly improves recognition and distinguishability and it would be a shame not to leverage that.

People are used to document/presentation/spreadsheet files being blue/orange/green, and PDFs being red, and the colours for different programming languages are generally both unchanging and distinctive. I think it would be a significant hit to usability if such icons were monochrome.

Tbh, the argument of colour aiding recognition (as long as the monochrome icons are distinguishable already) applies to an extent to all icons. I wonder whether it would be possible to have two sets, identical in shape, but with one set in colour and the other monochrome, where all icons in the colour set have a (usually arbitrary) colour, not just some, and all in the monochrome set are monochrome.

Just looking at the different status symbols as examples – there is a limit to how different the long row of WiFi icons can look when monochrome, and making the failed/broken/disconnected symbol red would help. Always with the condition that icons must work in monochrome first and foremost, with the colour just a little recognition aid applied on top.

There are several colour-blind-friendly palettes out there, so it would be an option just to use one of those: Paul Tol’s bright or vibrant palettes would work well for example, or my preference which would be the very nice Okabe and Ito palette:

image

which would work well in an OS because it has colours that can be used to indicate bad (vermilion), ok/iffy/imperfect/average (orange) and good (bluish green).

In fact I’d be happy to take it on myself to create a colour version of the icon set once the monochromatic version is finished, as I’m suggesting to use the same forms for both versions. I can’t help design the shapes, but I could certainly apply a defined set of colours in an intuitive/logical way.

2 Likes

Thank you for the comments. I agree with a few things you mentioned. Note that our way of thinking is that we “want” to use color but we don’t want the base graphic icon to have the color. It makes it easier for development. If the system or applications want to place a color on the icon, it’s good. According to our guidelines, color can be used in addition to distinct graphics to enhance meaning.

But isn’t this project aiming to be adopted into the main Breeze icon theme? My impression is that apps either ship a full icon set themselves for brand identity reasons, or they use the current icon theme. And then if an app uses an icon from the current icon theme by name, it’ll be the monochrome version, no?

Of course I could fork a Breeze icon, edit the SVG to make a colourful version of it, and then bundle it with my app, but then it wouldn’t match the other icons if the user was using a different icon theme, surely?

Forgive me if my understanding is wrong and naive!

these icons are great! Thanks a lot for this great work. Icons are one of the last pieces missing to make Plasma look modern.

The old ones fitted somehow in the strange Windows10 “corners are sexy” phase which I dont understand. Android too was very sharp edged, it is time for that to go.

Can I respectfully direct you to a relevant conversation held here :

https://www.reddit.com/r/kde/comments/1hbr5bo/kde_launcher_icons/

Some of the comments should provide a little more perspective on the impact of some changes.

1 Like