Showing posts with label gnome icons. Show all posts
Showing posts with label gnome icons. Show all posts

Saturday, 18 October 2008

Echo Icon Theme "Perspective", Part I.

One of the most common complaints about echo-icon-theme we receive is that echo is inconsistent in usage of it's "perspective". Why in quotes? Because the word perspective, which has been used since Echo started some years ago, is incorrect. Read on if you want to know why.

Basically what we are trying to achieve when creating icons is bringing real world objects which are 3D (actually 4D, but the fourth dimension is time and we usually paint objects how they look in a concrete spacelike hyperplane, time is "stopped") onto 2D canvas. Such an attempts are mathematically pretty well described and the correct word to use for it is projection.

First take a look, how Echo Icon Theme or Gnome Icon Theme copes with it. Gnome basically uses two different types of projections:

perspective projection (from a certain point of view), it's called On The Table Perspective in tango guidelines


and a plain 2D image of the front face of the object, it's called On The Shelf Perspective in tango guidelines


Appart from that, here and there, there are various slightly different types of projections used, sometimes perspective, sometimes not


On the other side, echo basically uses three different types of projections, neither of them perspective. That's basically where the complaints come from - you can see two icons, both of which will have different projection. Even though we have some rules which projections use for which icons that should idealy help discern whether it's an action icon or not, due to how the icons are used, the rules become less clear.

First we use plain 2D like gnome, in our guidelines listed as Flat Perspective


for action icons we use Cabinet Projection, in our guidelines listed as On The Table Perspective


and for non-action icons we use Trimetric Projection (with certain axes settings, defined in guidelines), in our guidelines listed as Isometric Perspective


Well, I guess most of you get already why I used the quotes around word perspective in the begining. But it would also be good to better explain the various words I used above and add an example image.

So, I'll start with some sorting of projections. Among the most known types of projections there are perspective projections - that's how we actually see the world and is most natural to us - parallel projections - these are especially useful for technical drawings and such, as axes settings is all you need to know to draw a concrete object preciselly into it, because lines that are parallel in 3D are parallel in the resulting picture as well. For further info look at wikipedia's Planar_projection article.

The parallel projection further divides into ortographic projections and oblique projections. In Echo we use both. First one subset of ortographic projections are axonometric projections, one of which is the well-known isometric projection. We use trimetric projection, because all the axes have different scales and the angles between the axes are different to each other. You can read more at wikipedia's Axonometric projection article.

Oblique projections are pretty much similar to the plain 2D, in that that the front face is drawn same as in 2D and the third axis is going of in some angle (we use 37° in echo). In the cabinet projection which we use in Echo, the lengths in the third axis are cut in half compared to the other two. You can read more at wikipedia's Cabinet projection article.

The remaining projection we use for creating icons is the perspective projection. As I outlined above, 3D objects projected on 2D using this projection should appear to our eyes with same properties as when looked at them in 3D (with one eye closed). You can read more at wikipedia's 3D projection article.

And as promised, here's an image showing 3D cube projected on plane using various types of planar projections


Next time, I'll outline how would echo-styled icons look using these various planar projections.

Thursday, 11 September 2008

Fedora 10 Artwork

OK, it's around Beta Freeze and as usual we need some feedback for the artwork that's gonna be in Fedora 10. I'll start with Echo icons and follow to the traditional release-dependent things (wallpapers, etc).

Echo Icon Theme


As some of you already knows, echo-icon-theme has been approved as Fedora 10 Feature under the condition that we achieve good enough coverage. First we need to know *what* exactly is good-enough coverage, especially given that the current default has lot of gaps too... The consensus seem to be that we need to cover about the same icons as the current default on the Desktop Live Spin. So, I booted F9 Live and examined which icons are needed. I came up with this list [1]. Based on this list, I counted that the current coverage of what we need to have done for F10 is about 89 %.

Prior to that we focused our efforts at filling the Gnome Menu Bar. We have pretty good coverage of the first level menus and just ending with coverage of second level menus in the System menu. The improvement in System->Administration is vast, since there were about three or four different icon sets used and many of the icons were blurry...

Join Us!


We still need to create about 35 new icons for Fedora 10 and many more after then, also there are lots of icons that might profit from refinement/rework and icons that have missing various sizes. But there are only 2 people actively working on Echo currently which basicaly means we are overwhelmed by work. Therefore it would be great if more people joined the efforts. Creating an icon isn't that much hard. To get started you just need basic skills with inkscape, we'll help you with the rest.

If you are interested to join, pick up some icon to create/modify, tell us (one the fedora-art-list) that you are interested in it and start working on it following the guidelines [2] and first step of the Adding New Icon Set how-to [3]. After you are done send us a notice on the art-list and work with us on further improvements (if we have some suggestions). Once we accept the icon, we'll tell you what to do next :)

F10 Themes


Yesterday I've created, imported and built the themes that made it to Round 3. Install them by
yum --enablerepo=rawhide install gears-backgrounds invinxble-backgrounds neon-backgrounds solar-backgrounds, select them in your wallpaper preferences and give us some feedback on the art list. We still haven't decided which one will be in F10 final, so your opinion might help us decide :)

The candidates are:

Gears [4]




InvinXble [5]



Neon [6]



Solar [7]



References


[1] https://fedorahosted.org/echo-icon-theme/wiki/ToDo/BaseSet
[2] https://fedorahosted.org/echo-icon-theme/wiki/Guidelines
[3] https://fedorahosted.org/echo-icon-theme/wiki/AddingNewIconSet
[4] https://fedoraproject.org/wiki/Artwork/F10Themes/Gears
[5] https://fedoraproject.org/wiki/Artwork/F10Themes/InvinXble
[6] https://fedoraproject.org/wiki/Artwork/F10Themes/Neon
[7] https://fedoraproject.org/wiki/Artwork/F10Themes/Solar

Wednesday, 2 July 2008

Designing system-software-{update,install} echo icons

Yesterday I started working on system-software-update and system-software-install echo icons. As usual I first explored how's it done in other icons themes. Let's take a look:
Icon Theme system-software-install system-software-update
Gnome Icon Theme
Tango
?
Oxygen
?
Bluecurve
Mac OS X
?

As you can see, there are various designs for the icons, some of which use similar metaphors... I played with some of these designs and added mine, and after discovering that creating axonometric icon with globe and two arrows that would be nice and recognizable is almost impossible, I ended up with these three designs:


After some, so far little, feedback on the fedora-art-list it seems to me that the icon in the middle is best for the system-software-install and the icon on the right for the system-software-update.

What do you think?

Update 1: Following suggestion in the comments, I added another variant - two blue arrows.

Update 2: I added another two variants (they differ in colour only) that better symbolizes the "refresh" part of the update. And I've just noticed that I made the arrows counter-clock-wise :-D Hope it doesn't matter much ;-)
Update 3: Based on the reactions here and on the art-list here are some results:

system-software-install:

system-software-update:

I think for the system-config-update, the second one (two coloured arrows without package) would be probably the best, even though it kind of lacks context. However as it will be in the System->Administration menu, I guess the two arrows, one symbolising removal of buggy software, another addition of new improved one, will work good enough.