Jump to content
  • entries
    948
  • comments
    5,905
  • views
    945,422

Icon Design


I've recruited a professional designer to create a new icon set for the Leadwerks UI. This will provide us with a more consistent visual interface, with a similar look on all supported platforms.

 

My first instructions were to go bright and multi-colored, with colors similar to Lego pieces. We also included Windows 10 style icons as an influence. These looked good, but when plugged into the program the interface lost its visual consistency.

 

blogentry-1-0-00265000-1433431674.png

 

We next experimented with some grayscale and heavy black and white icons. These were visually consistent but unremarkable.

 

blogentry-1-0-68095000-1433431748.png

 

Finally, we tried a single-tone set using the default perspective viewport background as the base color. This produced the best results.

 

blogentry-1-0-60448700-1433431856.png

 

blogentry-1-0-96637800-1433431931_thumb.png

 

We're proceeding with this style. We'll start with a pure one-tone set of icons and then add limited amount of color in. For example, the delete and selection mode icons will have some red added to them.

 

Toolbar icons are going to be changed to 24x24 to show off the art and make them easier to find. Some of the current icons aren't very clear about what their function is, like the 90-degree rotation buttons, so redesigning them will make their functionality a little more clear.

  • Upvote 4

9 Comments


Recommended Comments

shadmar

Posted

Looks good with the single tone.

A pivot icon would fit in very well too ;)

Josh

Posted

I'm having an icon made for every object type.

  • Upvote 1
YouGroove

Posted

Why not proposing several themes ? or customizable icons that woule be placed in some folder ?

Olby

Posted

@YouGroove, Who the hell customises icons in a game engine/level editor? Sometimes I think features like that are just added to tick a box.

  • Upvote 2
reepblue

Posted

@YouGroove, Who the hell customises icons in a game engine/level editor? Sometimes I think features like that are just added to tick a box.

 

People like me. Back in the day, I used a resource hacker to customize the Hammer UI a bit, even recompiling code. I actually made the editor Windows 7 schemed from it's Win95 scheme, added features, and a lot of other dumb stuff. It was a shame it could only read unpackaged content, and was not ideal to work with in the end. I also changed the icons for the entities in LE, but looks like Josh want's LE's new color to be more of a blue tone than it's former/current dark gray.

 

Is this icon update only being applied to the Window's version of the editor, or will Linux see this UI scheme/a newer one as well? I recall you wanting to make the editor blend in with the rest of the Unity desktop. Still, would be nice to see less of a gap between the two versions, although that's easier said than done.

Josh

Posted

These icons will be used on all supported platforms.

Einlander

Posted

I prefer the color ones, the monochromatic ones would start to look the same the longer you have the window open. I also vote for having a folder where we can replace them ourselves. Maybe someone can make a workshop mood for it.

  • Upvote 2
Wazubaba

Posted

I personally am all for the color ones. Since I use a dark theme on Linux it's practically impossible at times to find the icon I'm looking for lol, Also agree that allowing customized icons would be nice.

Rick

Posted

I vote color. I like color.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...