Godot: Feedback on new flat editor icons

Created on 17 Jul 2016  路  20Comments  路  Source: godotengine/godot

Opening this issue to collect feedback and todos for @djrm regarding the (awesome!) new flat icon set have for 2.1.

  • The resource icon should still be remade:
    spectacle zb4463
    Right now it even looks like Unity3D's logo, so changing that would be nice :)
  • Grouping icons: They are fine already, but I'm not 100% convinced, it took me some time to understand that those were grouping icons (especially when seeing them in the SceneTree). I don't really have suggestions to improve it though, just thought I'd mention my opinion here.
    spectacle pe4517
  • Node groups icon: Same feeling, but again I'm not sure how best to convey the grouping notion. It's not bad as is, but if people have suggestions for improvements, go ahead :)
    spectacle cj4572

Awesome work generally speaking though, Godot 2.1 looks so rad :D

enhancement editor

Most helpful comment

+1 to get rid of anything that reminds of Unity

All 20 comments

+1 to get rid of anything that reminds of Unity

The Sprite icon is too scary:
:S

I agree with changing the unity logo, but i would leave it as a box (cube, since the box is already used for resource preloader)

object
because it is the object icon, not the resource icon, and we can use objects to box things

about the group icons, im also not convinced by them at all, my reference was this icon:
https://design.google.com/icons/#ic_group_work (well, basically a rip off)
but yeah given the reduced amount of space it is hard to come up with something better.

And the groups, well, it is kinda good, i mean not the best representation of a group but it is consistent with the rest of the group icons.

Grouping icons should be somewhat consistent, when I first saw the round icon I thought it was an old projector tape, next to the icon on the right it looks like "inverse selection". Gladly I knew the old buttons and recognized them by their location, to me it's like they've always been there, can barely remember how old icons looked like. New users on the other hand can get confused and think round grouping icon is "inverse selection" and node group icon is "connections" since it looks like the a plug.

@djrm Well, what about getting the good ol' sphere for objects?

group and ungroup (with fat version)
rect4471

object
object

let me know what you think

Where is the fat version meant to be used? I like a lot the non-fat version for group and ungroup, but the fat one is not so readable (especially the group one).

The object icon looks fine IMO.

Rather than making it look like a window on top of another window, can you try make two circles that are tangled? Should be easy to understand that it means some sort of "linking". With a few cuts of course to visualize depth.

Rather than making it look like a window on top of another window, can you try make two circles that are tangled? Should be easy to understand that it means some sort of "linking".

That would be intuitive yes, but the problem is that it might kind of conflict with the "Instance a scene" icon:
spectacle ra4574

@akien-mga, I meant something like this https://cdn4.iconfinder.com/data/icons/religion-6/53/two-circles-mark-religion-belief-256.png You can try the same with rectangles, for as long as there is some sort of entanglement - it can't be misinterpreted.

its either the fat or not fat (not both), i agree i like the thin version better, but it wont look so good in editor as the fat version, since the base line size is 2px, it will also look kinda different to rest of the icons in the same toolbar

for instance:
screenshot from 2016-07-18 15-16-30
(look worse in the actual editor)

i also did this one
screenshot from 2016-07-18 15-40-49

First one looks like "maximize window" on windows, the one with circles looks definitely like "scene instance" at least reminds of it a lot. Even the current one is less confusing compared to these.

this one is more related to the selection context, and it seems that is more widely used
screenshot from 2016-07-18 16-16-12

also i dont think that the two tangled circles are a good option since i cant tell just by looking at the icon what it is suppose to do, is it the group action or the ungroup action (one of the two options needs a different icon)

The 2.0 icons used a nice trick to make it clear which one is the ungroup icon: it's crossed :)
spectacle jd6672

@djrm , idea was that you can't move one without the other, but anyhow I like the most recent one too, plus it's widely used which makes it more recognizable.

The new visibility icon looks more like a target than an eye now:
In 2.0: visibility_icon_2_0, in 2.1: visibility_icon_2_1

Using circles instead of squares for objects may make these more apparent.

I don't understand this icon as well :s

Overall I think we're quite happy with the icon set, so closing.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ducdetronquito picture ducdetronquito  路  3Comments

gonzo191 picture gonzo191  路  3Comments

rgrams picture rgrams  路  3Comments

mefihl picture mefihl  路  3Comments

timoschwarzer picture timoschwarzer  路  3Comments