New icons in nightly

From reading the icon credits and the Gitlab issues, there appear to be two issues with licensing:

  • Not all the original attributions are known
  • There are a smattering of disparate licenses for the ones that are known

Therefore, it sounds like the Devs would like to get the entire icon set under a single common license moving forward. It also sounds like the leg work has been done to get a legal advise on what the bounds are. This seems like a reasonable ask, and would help Kicad moving forward. But it does means two things:

  1. All new icons will have to be created
  2. The community should give constructive feedback in #1

The icon work so far is looking promising, and many people have given great feedback. I’m looking forward to seeing the final product in V6. Thanks!

1 Like

Thanks for the pdf :slight_smile:

A remark in reaction to some icons…

Seeing all icons side-by-side really makes it obvious why some are visually too similar.

Maybe someone has already proposed making foreground and background more distinct, e.g.:

Otherwise one might suspect the designer’s intention was this:

image

Next, one might want to rotate the cube some more so the paradoxical “the opposite of right is FRONT” is resolved.

1 Like

I might be in the minority here, but I like the new icons. Nice work!

I’m surprising by all the bike-shedding on here, but I shouldn’t be. 4 or 5 years ago when Solidworks changed their icons, the user base got so up in arms they had to issue a public statement and quickly implement a “classic mode”. Obviously a straightforward fix when you own the old icon copyrights and you are charging users a couple thousand dollars a year.
From https://blog.trimech.com/new-in-solidworks-2016-turn-back-time-with-classic-icon-colors:

image

I liked the newer SW interface and I think as others have pointed out, the new KiCad icons have followed industry trends.

My Solidworks icons, for reference:
image

2 Likes

While you may feel the need to blame people for bike-shedding, your contribution to a recurrent pattern of users being provoked by swapping around entire icon sets is duly noted. Autodesk did this with Eagle8, not having learned from Solidworks a year earlier, as it seems. I’ll give KiCad the benefit of the doubt that everybody was just too busy and buried in work to put some thought to communicating the changes, but it still remains a pretty boneheaded move and the backlash is just and well-deserved.

The current KiCad icon candidates seem to use colors and gray tones to hide contrast instead of accentuating details in a well-measured fashion.

Compared to the LibreOffice7 icons, it’s obvious what could have been achieved with more discipline, high contrast and fewer details:

3 Likes

UI/UX always hit close to home because this is what people interact with

I think the biggest issue is the heavily reliance on gray and blue. These are already quite close together on the colour map. Couple with thin lines AND the blue used to highlight a modal tool… there are some clarity issues when it comes to the icons

Likewise there are quite a few inconsistencies

It feels like changing the UI language altogether. It’s a visual language, after all.

I’ve been thinking about color blindness lately, too. One of the tests for icon “fitness” could include converting them to grayscale and checking whether they still work.

image

not only is red-on-blue an eyesore, but in this test 3 out of 4 icons are having a bit of a meltdown here.

Compare these to variants that have contrast features and boundaries explicitly added:

image

Oh, yeah:

image

And on that note… the image processing is pretty awful. I did see significantly better scaling / sharpening algorithms out there… would need to go hunt them down.

ps. edge-avoiding wavelet sharpening?

2 Likes

@MisterHW I like your contrast features/boundaries. Makes these icons easier to read.

@Joan_Sparky can you provide your code? (alternatively a new pdf with monochrome versions added would be interesting)

With new icons KiCad gets a complete, more “expensive” look. Great result! I can imagine how much time and effort was spent.

3 Likes

Sure :slight_smile:
kicad_svg2pdf.py (3.3 KB)

I started testing some hollow monochrome icons for the project icon, to see/recognize what the important bits are…

Once the monochrome is worked out - i.e. similar to your approach converting all to grayscale - and seeing what gives, the coloring of them should be easier and saver… and it gives a simple black&white set to boot :wink:

2 Likes

GIMP has a useful function
View - Display Filters - Color Deficient Vision

This gives a clue to what an icon will look like with the most common Red-Green colour blindness

2 Likes

icons for KiCADv6 (latest icons + converted by inkscape)
KiCADv6_Icon-Overview_2020-12-13.pdf (601.3 KB)

upgraded python script (uses inkscape now for rendering instead of svglib)
svg2pdf.py (3.6 KB)

1 Like

and with that being said… anyone cares for this style I came up with?
Because if not I can just shelf this and do something else with my time :wink:

5 Likes

The style is a lot clearer than the gray ones below that look a bit mushy. One really need to look at the icons very in small size to appreciate how they will look.

Specific: The partially hidden template part might not be showing up very well at small size though. May be put it in the front as in the 5.1 icon (although it would be logical if it was behind)?

Thanks for the pdf. That is a lot of icons!

I really love the style. Reminds me classic Mac, and even the color is similar to System7 colors.
Maybe i’d simplify base icon, to make “Project using template” easier to distinguish. And definitely Magnifying glass is not the right symbol for Open - opened “folder” symbol is commonly used for this.

2 Likes

The rotate icons are also pretty challenged:

image

Again… let’s not make it so symmetric and undifferentiated that one can mix up two different orientations.

  • “positive” should be consistently the right-handed orientation
  • make arrow asymmetric
  • contrast arrow against axes
  • positive = red, negative rotation = blue (no need to use the same color when color can help group the orientations)

image

putting the axis letters in line with the axis where possible:

image

With in-line y:
image

red could be brighter so it renders as medium gray in B/W

(sorry for the pixel butchering, I know it’s tedious to re-do the same thing in SVG… I hope I can at least keep the discussion going :slight_smile: )

5 Likes

+1
Magnifying glass has come to mean “Find” or “Search”

2 Likes

Really liking the “base” and “New” ideas. “from template” is a tricky one. Thinking “copy-create”, but not having an elegant visual for it so far.

Changed the script, to give me an overview of what I got vs what I need. Output via pdf is not good for this though, as there are plenty of scaling artifacts (below is a screenshot of 100% zoom in acrobat). Need to use another python lib that puts out pure images I think without rescaling or whatever.
Anyone plz can find a link (yes, I’m that lazy) to the original icons? I would like to list them like that as well for comparison sake. Thx.

1 Like

https://gitlab.com/kicad/code/kicad/-/tree/master/bitmaps_png/sources
(It was already posted earlier in this thread)

1 Like