PLyczkowski's Icons #38246

New Issue

Paweł Łyczkowski · 2014-01-16T14:15:09+01:00

2014-01-16 14:15:09 +01:00

The SVG with the icons can be downloaded here: https://drive.google.com/file/d/0B8V1o1Fl0ub1TzFLbE0zV2tGR1k/edit?usp=sharing These icons are under the CC Attribution-Share Alike 2.5 license (just as Andrzej's icons), so anyone can modify them and expand upon them. This file will get updated as I will continue to work.

If you post modified icons, be sure to provide the 16x16 version, because it's the tricky one.

The SVG with the icons can be downloaded here: https://drive.google.com/file/d/0B8V1o1Fl0ub1TzFLbE0zV2tGR1k/edit?usp=sharing These icons are under the CC Attribution-Share Alike 2.5 license (just as Andrzej's icons), so anyone can modify them and expand upon them. This file will get updated as I will continue to work. If you post modified icons, be sure to provide the 16x16 version, because it's the tricky one.

Paweł Łyczkowski commented

2014-01-16 14:15:09 +01:00

Changed status to: 'Open'

Paweł Łyczkowski self-assigned this 2014-01-16 14:15:09 +01:00

Paweł Łyczkowski commented

2014-01-16 14:15:09 +01:00

Added subscribers: @JonathanWilliamson, @brecht, @simonrepp, @PawelLyczkowski-1, @billrey, @ErickNyanduKabongo, @xrg, @lamoot

Paweł Łyczkowski commented

2014-01-16 14:19:31 +01:00

The top row are icons for the Edit mode toolbar. From left to right they are meant for: Move, Rotate, Scale, Extrude, Duplicate.
Second row are the viewport controls, Pan, Rotate and Zoom.
The bottom row is an alternative color scheme for the toolbar.

Feedback please.

The top row are icons for the Edit mode toolbar. From left to right they are meant for: Move, Rotate, Scale, Extrude, Duplicate. Second row are the viewport controls, Pan, Rotate and Zoom. The bottom row is an alternative color scheme for the toolbar. ![01.png](https://archive.blender.org/developer/F69355/01.png) ![02.png](https://archive.blender.org/developer/F69357/02.png) Feedback please.

Matjaž Lamut commented

2014-01-16 17:00:07 +01:00

Icons for viewport controls look good.

Move and rotate from the toolbar are too similar to viewport controls. For move, rotate, scale I'd suggest using the same icons that are used in the 3d header for the manipulator widget. I wouldn't pay attention to their different forms (buttons in a panel vs. widget in the 3d viewport) but focus on the end functionality they give to the user - translate, rotate, scale. Seeing it's the same end functionality, the same icons make sense.

Icons for viewport controls look good. Move and rotate from the toolbar are too similar to viewport controls. For move, rotate, scale I'd suggest using the same icons that are used in the 3d header for the manipulator widget. I wouldn't pay attention to their different forms (buttons in a panel vs. widget in the 3d viewport) but focus on the **end functionality** they give to the user - translate, rotate, scale. Seeing it's the same end functionality, the same icons make sense. ![translate_rotate_scale.png](https://archive.blender.org/developer/F69422/translate_rotate_scale.png)

Michael P. commented

2014-01-16 18:14:17 +01:00

Added subscriber: @MichaelParucha

Michael P. commented

2014-01-16 18:14:17 +01:00

I think, that the icons should have all the same size. I don't get the "dot" in the scale and rotate icons. The arrow head size should be consistent. The "arms" of the arrows are sometimes thicker than the "body" and sometimes thinner. Arrows pointing at the lower right corner are percepted as negative ("going down").

I did a quick mockup to illustrate what i mean. I'm not entirely sure about the direction of the extrude icon.

I think, that the icons should have all the same size. I don't get the "dot" in the scale and rotate icons. The arrow head size should be consistent. The "arms" of the arrows are sometimes thicker than the "body" and sometimes thinner. Arrows pointing at the lower right corner are percepted as negative ("going down"). I did a quick mockup to illustrate what i mean. I'm not entirely sure about the direction of the extrude icon. ![blender-icons-quick-mock-up.jpg](https://archive.blender.org/developer/F69430/blender-icons-quick-mock-up.jpg)

Paweł Łyczkowski commented

2014-01-16 18:25:46 +01:00

@MichaelParucha Thanks for that, I like those mockups. Especially Extrude and Duplicate look much clearer. I'm not sure if I will be able to fit all that in 16x16 though.

Yousef Harfoush commented

2014-01-17 01:09:18 +01:00

Added subscriber: @bat3a

Yousef Harfoush commented

2014-01-17 01:09:18 +01:00

as a user!

i think that plyczkowski's icons are easier on the eyes for move and rotate, they also confirm with the concept (grey for old state highlighted for the modified state), and forest-house's icon's for scale, extrude same but orange (see the pic).
but for the duplicate maybe you could do -after your remake-:

and sorry for the bad icons as inkscape is so hard to work with for the 1st time :)

also they should be orange to communicate the same as the edit mode.

as a user! i think that plyczkowski's icons are easier on the eyes for move and rotate, they also confirm with the concept (**grey** for old state **highlighted** for the modified state), and forest-house's icon's for scale, extrude same but orange (see the pic). but for the duplicate maybe you could do -after your remake-: ![02.png](https://archive.blender.org/developer/F69489/02.png) and sorry for the bad icons as inkscape is so hard to work with for the 1st time :) also they should be orange to communicate the same as the edit mode.

DataDay commented

2014-01-17 01:09:41 +01:00

Added subscriber: @DataDay

DataDay commented

2014-01-17 01:09:41 +01:00

I actually kind of like both colors together. Its a bit Portal-esq. Would make a great default theme to have orange = edit mode, with blue = object mode.

Anyways, I think those are already very readable. I love the use of the dot. It visually communicates the action. Also agree with the slight change with the extrude and duplicate as they make better use of color and composition to show the action. The two arrows circling in on themselves is used far more often as the "refresh" logo. Sometimes its nice to have some uniqueness in the way of icons if and only if they are equally intuitive, which I believe they are.

I actually kind of like both colors together. Its a bit Portal-esq. Would make a great default theme to have orange = edit mode, with blue = object mode. Anyways, I think those are already very readable. I love the use of the dot. It visually communicates the action. Also agree with the slight change with the extrude and duplicate as they make better use of color and composition to show the action. The two arrows circling in on themselves is used far more often as the "refresh" logo. Sometimes its nice to have some uniqueness in the way of icons if and only if they are equally intuitive, which I believe they are.

Diego Gangl commented

2014-01-29 23:02:24 +01:00

Added subscriber: @Januz

Daniel Vintersvärd commented

2014-02-12 09:50:21 +01:00

Added subscriber: @Hemlock

Daniel Vintersvärd commented

2014-02-12 09:50:21 +01:00

Just a thought: would it be terribly difficult to be able to modify icon colours in the themes settings? Since it's SVG it should be pretty straightforward as long as the icon sheet is read as an SVG in blender and not as images, right?
It'd be (at least) two states with a main colour that's changeable but some colour does not change in the icons (those would be the complementary colours to standard blue and orange and used to diversify the icons).
That way we won't have to decide on colours. Trading one problem for another perhaps :)

Just a thought: would it be terribly difficult to be able to modify icon colours in the themes settings? Since it's SVG it should be pretty straightforward as long as the icon sheet is read as an SVG in blender and not as images, right? It'd be (at least) two states with a main colour that's changeable but some colour does not change in the icons (those would be the complementary colours to standard blue and orange and used to diversify the icons). That way we won't have to decide on colours. Trading one problem for another perhaps :)

Paweł Łyczkowski commented

2014-02-12 10:13:31 +01:00

@Hemlock Not possible - the SVG is only used during compiling as far as I know.

Daniel Vintersvärd commented

2014-02-12 10:43:45 +01:00

Ah, yes...
http://wiki.blender.org/index.php/Dev:2.5/Doc/How_to/Add_an_icon

Too bad. :(

BTW, does anyone know what the "icon file" input line under themes is for?

Ah, yes... http://wiki.blender.org/index.php/Dev:2.5/Doc/How_to/Add_an_icon Too bad. :( BTW, does anyone know what the "icon file" input line under themes is for?

Peter Varo commented

2014-02-15 13:39:27 +01:00

Added subscriber: @petervaro

Peter Varo commented

2014-02-15 13:39:27 +01:00

@PawelLyczkowski-1 I couldn't open your SVG file from google drive in Illustrator -- it threw me at least 5 errors. Anyway, I couldn't find which icons are you working on right now (except the Move, Rotate, Scale, Extrude, Duplicate, Pan, Rotate, Zoom -- are these ready yet?).

So my question is: is anyone working on other icons? Can we create a list (maybe we already have one, I just couldn't find it) for the available and already-designed icons? What are the ASAP ones atm to provide a better look-and-feel in version 2.70 ?

@PawelLyczkowski-1 I couldn't open your SVG file from google drive in Illustrator -- it threw me at least 5 errors. Anyway, I couldn't find which icons are you working on right now (except the Move, Rotate, Scale, Extrude, Duplicate, Pan, Rotate, Zoom -- are these ready yet?). So my question is: is anyone working on other icons? Can we create a list (maybe we already have one, I just couldn't find it) for the available and already-designed icons? What are the ASAP ones atm to provide a better look-and-feel in version 2.70 ?

Paweł Łyczkowski commented

2014-02-15 14:01:34 +01:00

@petervaro It's made in and meant to work with Inkscape I'm afraid. Maybe you can export it from Inkscape to ai.

already-designed icons

There are no already-designed an approved new icons, maybe except the viewport pan, rotate and zoom controls. If we have more, we can create a list.

which icons are you working on right now

I'm not really that comfortable with making icons, had a shot at it because no one was doing them. All the icons I'm working on are posted here, but anyone can design them in parallel, and we'll choose the better ones. So go ahead.

What are the ASAP ones

I would say the tab categories, and then Edit mode and Object mode operators.

@petervaro It's made in and meant to work with Inkscape I'm afraid. Maybe you can export it from Inkscape to ai. >already-designed icons There are no already-designed an approved new icons, maybe except the viewport pan, rotate and zoom controls. If we have more, we can create a list. >which icons are you working on right now I'm not really that comfortable with making icons, had a shot at it because no one was doing them. All the icons I'm working on are posted here, but anyone can design them in parallel, and we'll choose the better ones. So go ahead. >What are the ASAP ones I would say the tab categories, and then Edit mode and Object mode operators.

Peter Varo commented

2014-02-15 15:20:50 +01:00

@PawelLyczkowski-1 I think we definitely need a list like this (or even better):

category -> icon name	work-in-progress	approved
3D View -> General -> Pan	@PawelLyczkowski-1	pending...
3D View -> Interaction Mode -> Object Mode	-	DONE

Why? Because ofc as you said:

...but anyone can design them in parallel, and we'll choose the better ones. So go ahead.

we can do this. However this is very contra-productive and inefficient, since we don't have a full set of icons in the first place! So it would be a way better approach not to work on the same icons at first, but try to fill in the gaps. Ofc that doesn't mean, they will be accepted automatically, but at least we will have one from everything and we can say, we have to work on this or this a bit more, etc...

@PawelLyczkowski-1 I think we definitely need a list like this (or even better): |category -> icon name | work-in-progress | approved| |----------------------------------------------------------|----------------------|------------| |3D View -> General -> **Pan** | @PawelLyczkowski-1 | pending...| |3D View -> Interaction Mode -> **Object Mode** | - | DONE | Why? Because ofc as you said: > ...but anyone can design them in parallel, and we'll choose the better ones. So go ahead. we can do this. However this is very contra-productive and inefficient, since we don't have a full set of icons in the first place! So it would be a way better approach not to work on the same icons at first, but try to *fill in the gaps*. Ofc that doesn't mean, they will be accepted automatically, but at least we will have one from everything and we can say, we have to work on this or this a bit more, etc...

Paweł Łyczkowski commented

2014-02-15 15:45:09 +01:00

@petervaro

This is a good idea, but as I said, this couple of icons by me are the only new icons so far, so organization is not a problem at the moment. If suddenly there was a flood of new icons, then yes, we should organize it asap.

@petervaro This is a good idea, but as I said, this couple of icons by me are the only new icons so far, so organization is not a problem at the moment. If suddenly there was a flood of new icons, then yes, we should organize it asap.

Tillmann Schütz commented

2014-02-17 08:45:56 +01:00

Added subscriber: @ionarn

Tillmann Schütz commented

2014-02-17 08:45:56 +01:00

Hey plyczkowski,

the link to your icons SVG in the description is broken.

And a question:
Do you know if there is a vector file with all icons used for the blender interface?
I'd like to use them as a reference for new icons. Maybe some objects can be reused.

Hey plyczkowski, the link to your icons SVG in the description is broken. And a question: Do you know if there is a vector file with all icons used for the blender interface? I'd like to use them as a reference for new icons. Maybe some objects can be reused.

Paweł Łyczkowski commented

2014-02-17 10:28:40 +01:00

@ionarn

the link to your icons SVG in the description is broken.

It's not, just choose File>Download.

Do you know if there is a vector file with all icons used for the blender interface?

http://pixel-sized.blogspot.com/2012/05/two-years-of-absence-here.html

@ionarn >the link to your icons SVG in the description is broken. It's not, just choose File>Download. >Do you know if there is a vector file with all icons used for the blender interface? http://pixel-sized.blogspot.com/2012/05/two-years-of-absence-here.html

michael knubben commented

2014-09-22 23:09:29 +02:00

Added subscriber: @michaelknubben

Brecht Van Lommel commented

2018-10-31 11:22:09 +01:00

Changed status from 'Open' to: 'Archived'

Brecht Van Lommel closed this issue

2018-10-31 11:22:09 +01:00

Brecht Van Lommel commented

2018-10-31 11:22:09 +01:00

Archiving old task, outdated due to new icons and tool system in 2.8.

Sign in to join this conversation.

No Label

Download

What's New

Blender Studio

Manual

Developers Blog

Documentation

Benchmark

Blender Conference

Development Fund

One-time Donations

PLyczkowski's Icons #38246