New icons for Blender 2.8


(jendrzych) #3159

There’s a new icon for the Save command - check out the first post ot this thread. The pictogram should get its way to the repository soon, after @William makes an update with a patch for some items that were designed lately.

Thank you for pointing this to me.

Trying to figure out which is the new icon without knowing its location in grid and without an explicit search to find the answer, proved to be an interesting exercise. I assume it could be C26 (kind of a SSD?) It might work, I’m neutral about it and clearly I don’t want to perpetuate the already heated discussion around this subject. But if I didn’t identify it correctly, then … well … :wink:

I’m bringing to table another subject for debate and I’m curious to see other’s opinions. I noticed that I’m not instantly recognize the Grease Pencil icon in the Add menu and I’m always stopping for a second to read the label to be sure that I’m selecting the right icon. I wondered, what if we use the pencil icon? Obviously, that will create confusion with the Annotations. Therefore, I did a small exercise only to see how they will look side by side, current version vs a possible direction to follow. (Apologize if I’m lagging behind and this was already settled.)


Here too, I was expecting a :pencil2: but found some worm or :spaghetti:-like curve attempt - at least it immediately settled as “WTF moment” into my memory bank - :brain: won’t forget it :wink:

'bout Icons
Wish text was optional (where possible, both conditions are met: Text + :symbols:).

& Another thing to note:
For ppl affected by dyslexia (yup, me too), Icons are much more fluent and pleasant to “read”. Are already more descriptive by its form. While text reading & its processing is in fact tiring to… :sleeping:

The small difference in neural connections is huge. It takes extra processing which our brains are not specially devised for (constructing full image, then translating a phonemic syntax into a definition, to finally comprehend meaning of a written word). Which consequently makes it really hard too focus on intended/ given work. But it’s also the reason we pay great attention to detail.

(jendrzych) #3162

The Save icon’s localization in the sheet is pointed in the changelog under the attached files. It reads BA19.


Right, my bad, I have to change my glasses … :smile:
But this also proves the influence of expectations over perception. I was so convinced that William will never accept the floppy disk icon that I stopped scanning thoroughly the rest of the page once I found something resembling to a save action. Anyway, glad to see the come back of a familiar icon :nerd_face:

(Harley) #3164

I have been experimenting a bit with adding background shadows to icons. I’m wondering if anyone can give me examples of situations where this matters the most. So where you would like to select a certain combination of colors that renders the icons hard to read. This seems to work okay with light colors on light themes so far, although would still need more experimentation and work:

(Harley) #3165

So I am now testing some code that generates icon shadows. But it does so just when the icon is light. When the icon is dark there always seems to be enough contrast. A dark shadow on a dark icon looks like blurriness, while a light shadow for a dark icon looks like a funny glow that doesn’t help.

But when the icon is light a shadow around it really seems to help a lot. The following were taken at 2X zoom. The leftmost is default dark theme and you should see a subtle shadow there. Next are dark icons on a light background and therefore without shadow. The next two are light icons on a light background and shadow should be pretty obvious…

I’m mostly curious about what @jendrzych thinks. He mentioned wanting to see something similar earlier in the thread.

(jendrzych) #3166

Oh yes. I dream about shadows for icons, although I had something a bit different on my mind - shadows under every fill and line, while Your attempts look like only outline shadows.
Shadows massively boost local contrast so that glyphs look sharper and clearer. For this reason dark icons must get light backdrops instead (if any). Right now Blender supports shadows under GUI texts, and it does great job. I think icons urgently need this!

(Harley) #3167

Not quite. For these I have taken the icon, increased the size by 2 pixels and then offset it by 1 all around. Basically it is a shadow that is larger than the icon and centered. So it makes a nice outline for most shapes. But this method does give less of a shadow effect in the middle and more at the edges. And you can get a funny effect on some icons, like the “tool” one shown above where you have shadow on opposite sides of the two tools.

But it does give a nice contrast effect for most icons. It also fits nicely inside our smallest buttons. And works well if the user changes icon opacity.

I tried giving dark icons a light backdrop but the effect wasn’t very nice. Our eyes read darkness behind as a shadow and understand the shape and what is happening. But when it is light it reads more like a glow and is a bit odd. I’ll try to make some samples when I get a chance.

Those shadows are only directly below the text, as if the light were coming from directly overhead. I will try that with the icons shadows too and see how that looks.

(jendrzych) #3168

Not true - You can control backdrop’s X and Y offset. Besides the shadow can be blurred and the spread of the blurriness is controllable as well - from 0 pix up to 5 pix. Opacity is customizable as well. Check out Preferences/Themes/Text Style.
It all works very well. Icons should get the same set of shadows settings.

(Harley) #3169

Ah… I was looking for that.

We could theoretically get some customization with icon shadows but I think in practice there won’t be many options that works. For example we don’t have more then one pixel in any direction to play with, otherwise we will overflow the small buttons. And, as mentioned, having a light shadow on dark icons looks funny. When below for example they look inset, and when above they look like they are in relief.

But again, I will make some samples of various options and post them here later today or this evening (for me) and see if you like like any of them.

(jendrzych) #3170

Blurred backdrop gives You more options than 1 pix of offset. Check out how it works with texts and try to make it the same for icons.

(Harley) #3171

What I mean that for our smallest buttons, it is a 14x14 icon inside a 18x18 box. So there is only 2 pixels of padding there. So more than two pixels will overflow the box. But even having two looks bad because having icons in a row will effectively have no padding at all. Think of the “shading type” buttons - there is very room in there.

But again… I will make you samples to look at. As mentioned, what you might think will work in theory might not work in practice.

(jendrzych) #3172

All I mean is that icons should get a shadow engine, that works the same way as thext shadow does. Setting the best looking option is a secondary thing, when the system is flexible. Even if it allowed You making stupid or bad looking things.

(Harley) #3173

Then sorry, I can’t get you the “shadow engine”. Maybe someone else can do so at some later time.

(jendrzych) #3174

@William stated once, that a shadow engine for icons is possible, but beyond his skills, so not on the to-do list yet. You said that You’re playing with icons shadows code, so I thought You’re able to tackle it. Pity You’re not :frowning:

(Harley) #3175

Or you could, as I’ve mentioned a few times, just wait until I can show you samples of what results I can achieve and decide then if it is better than we have now. Improvements or replacements can always be done at a later time.

“Perfect is the enemy of good” - Voltaire

“Better a diamond with a flaw than a pebble without” - Confucius

“Premature optimization is the root of all evil” - Donald Knuth

(Harley) #3176

So here is what light icons can look like on a dark background. These are not mockups, but are captures from my copy of Blender (with scale set to a cartoony 3X).

Top section is what it looks like currently. Second section has a shadow that is larger and centered to make an (almost) outline. The third section has shadows the same size as the icon but then with a shift right and down, making a dropshadow. You’ll want to view it full-screen to properly see what is going on.

(jendrzych) #3177

So much better with shadow! The shifted version is he best, although by default the text has a backrop with just vertical offset.

(Harley) #3178

For what it’s worth I prefer the second. Since the point is adding more contrast, the middle one adds contrast all around and not just on two sides. If it had only a vertical offset the contrast effect is lessened even more. The third section is more consistent though and does add a bit more interest by seeming to give them some depth. But then again, lighting affects like the third row are a bit 1990s…