Icons

Forum thread started by bal8664 on Fri, 2005-07-08 08:19

Hello everyone,

I'm new here but i created some icons i think you might like.

I talked to JBurton in the IRC chat and he said you needed new icons for the system preferences. I created these two icons in the original style of BeOS but updated them significantly. The original icon is in the corner for reference, let me know what you think.


Comments

Icons

I think Haiku needs icons not only for system preferences. It seems like we cannot use the original BeOS icons due to legality issues.

This is quite sad, but if we are going to replace them, I hope they are replaced by something like yours here. Something Be-ish.

Nice work!

Icons

I hope somebody from Haiku can soon give a definitive statement on this because creating a complete new set of icons takes a lot of time...

Re: Icons

bal8664 wrote:
I'm new here but i created some icons i think you might like.

Wow. :shock:

You are very talented. :D

Icons

Hey bal8664,
your style remembers me the McClintock's one...really nice!

About a new icon style for haiku, when I made some icons requested by Andrea Anzani, I thought about a new design for file icon, a classical 3/4 view, some example are here:

http://xoomer.virgilio.it/zumi/bebop/

Have you others ideas?

Regards,
zuMi

Icons

Good stuff zuMi. :twisted:

Re: Icons

bal8664 wrote:

Wow, lovely icons.
Initially I was a little worried that they wouldn't scale well; but I did a quick resize just to see..

Keep them coming :)

Only thing obviously missing, is the tick. Most Preferences have this tick, one or two third party prefs dont. I think they do need something to show they arent just a normal app, but do we go with a tick again, or maybe something more obvious?

Naturally, from a r1 viewpoint, the ticks will stay, so i'm just waffling.

Icons

Mockup's icons are really pretty and BeOS inspired

http://wiki.mockup.org/icon_preview02.png

I'll try to contact him to know if he wants to help haiku with this task

Regards,
zuMi

Icons

Yes. Those are great. 8)

Icons

I like bal8664's icons a lot.

However the tricky size for icons is 16x16 - my Tracker windows are usually set to list view, and Deskbar uses 16x16 too. Zeta deskbar screenshots show the icons are almost unidentifiable - far too much antialiasing attempted in much too small a space.

OpenTracker for R1 may well be limited to 32x32 and 256 colours for icons, so that also makes icon designers' lives that little bit more complicated.

[Beta] - I'm not sure the ticks will stay for R1. The whole iconset will need to be changed for copyright reasons, so it's probably up to whoever designs the icons. I do think it's a good idea to have something to identify them as prefs though.

Simon

Icons

This is a different concept, the shapes of the (most) icons are inscribed in a rounded exagon, looks like the classic 3d view

http://xoomer.virgilio.it/mushaspot/unknown/index.html

Icons

Fantastic....very well done zuMi !

Icons

That's a good remark. I too wonder if Haiku will have to change the icons to be legit. :|

Icons

According to everything i've been told the icons will need to be changed and not just remakes of the haiku ones. But most people i have talked to definitely want to keep the classic style.

I've heard by some people that 256 colors and 32x32 will be the limitations for R1, but I've also heard the opposite, so I'm not sure. It's always easier to make the icons as best as they can look first and work from there.

zuMikkebe, I really like your style, maybe we could collaborate on something. Drop me a line, my email is bal8664@rit.edu

Heres a quick comparison of what those two icons would look like 32x32 and 256 colors. As you can see the screen icon holds up pretty well, while the font icon doesn't. I guess i'll have to re-design it with the limitations in mind.


test them

not to copy/past my latest post, i would just say that what i told on the following link/post is of course also true for icons :)

http://haiku-os.org/forums/viewtopic.php?p=3127#3127

Cheers

Icons

In BeOS the 16x16 and 32x32 icons are stored seperately, so you can do some hand-tweaking of the smaller ones to make them identifiable.

For Haiku R1, certainly 16x16x256 and 32x32x256 icons will be required, for compatability with BeOS. I've sent an email to the main mailing list asking about the possibility of having a larger/higher color depth icon as well, I'll let you know any replies I get.

Icons

To keep you up-to-date bal8664, it looks like 32x32 will probably be the biggest icons in R1. However there's a possiblity they might be able to be 32 bit colour. Also Axel seems quite keen to get a whole new icon set for R1 (although it's not finally decided yet) - so keep designing!

Icons

I think that 32x32 are currently too small for moder desktops, few persons I know are using resolutions smaller than 1024*768, so I wish that if there is not svg support, the icons could be 24*24 for mini view and 48*48 for normal view.

I draw some new icons inspired for haiku, these are some examples:

http://xoomer.virgilio.it/zumi/screen/haiku.png

I talked with Mariano Viola, the designer of Mockup Icons, he was a beos user in the past and if his help is appreciated he is interested to work on some icons for the haiku project...indeed his Mockup icons are released under an open license, so them could be used on haiku too.

bye
zuMi

Icons

zuMikkebe wrote:
I think that 32x32 are currently too small for moder desktops, few persons I know are using resolutions smaller than 1024*768, so I wish that if there is not svg support, the icons could be 24*24 for mini view and 48*48 for normal view.

I agree 100%.

BTW keep up the good work! :)

Icons

I'm 100% agree too about 48x48 ! I already use 48x48 by default even in Windows (regedit modification :)) and even my mum and girlfriend are in 1024 on 15".

About this new icon set, i feel them a little bit too "smooth", a little bit too Linux feel.

Icons

If you're not on the mailing list, you will have missed the huge debate started by this.

It's looking very likely the icon sizes will stay at 32x32 and 16x16 (otherwise the tracker icon position code would all need rewriting). To me 24x24 would be too big - I'm at 1024x768 but I like to get as many files on a windows as possible in list view.

Icons

Yes, I miss this debate with haiku devs, but I only wanted to say that I prefer bigger icons to not increase my myopia ;)

I think that at higher resolutions small icons are a bit unrecognizable, and surely my eyes have to made a suppletive effort to see them.

Health and grain,
zuMi

Post Scriptum:

I need critics and suggestions for some new svg icons, I have doubts on some icons like folder, server and file,who wants to help me?

http://xoomer.virgilio.it/mushaspot/kabuto

tnx2all

Icons

Here's some of my comments on your iconset, zuMi:

I prefer the blue note over the brown note.
The portable cd-player is almost to rich in detail; I'm afraid the earphones (incl. cable) may well "dissapear" on some backgrounds.
The folder icon looks best when opened "away from" the viewer, because the grey version of the folder icon that's opened "towards" the user, might be too easily misunderstood for a scanner icon.
The mouse icon should perhaps be a little less recognizable as a real, existing model.
People's icons are nice but their shirts are a bit too detailed in combination to their heads, maybe you could try T-shirts or is that too casual?
The server's hand icon looks best in the rounded version, I think.
Finally, the recordplayer could lose some detail too?

Let me make clear that the icons look v e r y attractive already and I love the inventions you made, like for example the sheet of paper hanging over the drawer and trashcan!

Ciao,

Meanwhile

Icons

I agree with Meanwhile:

  1. your work is very good overall.
  2. but there some issues to fix, most of them relative to high contrast between blocky overall visual aspect and the inner (too) high level of detail.

Some suggestions:

  1. reduce thin of black outline a bit
  2. the gray radients are not enough contrasted. Think about flat panel screens in sun light to see my point...
  3. add some rounded shapes here and there, that too much cubic IMHO.
    I love the rounded hand's server icon. Give me more like this one :D
  4. where are the ruban loops on the Package icon!?! ;-)
  5. where are the bug legs on the Developer folder icon!?! :o
  6. the red checkmark on preferences folder icon looks a bit weird.
  7. the Web sphere on the HTML file icon lacks, well, something to differ from plain green-sphere...

Hope it help. [/i]

Icons

Hi guys
thanks for your replies.

For Meanwhile:

Actually cd-player icons doesn't have many details, it has just an lcd display and an open button, and earphones probably will be deleted in the future.

I agree with that some icon is too similar to real products, and the mouse is easily recognizable as a M$ model, I've changed its aspect some time ago but I haven't updated the web page yet.

Person Icon..uhm, ok , I change it looking more casual, see the differences with the previous one :

http://xoomer.virgilio.it/zumi/screen/screen4.png

RecordPlayer is just a test, there is no app that could use it , so, don't mind.

The hanging paper is a bruce browne invention, not mine.

For phoudoin:

I've drawn these svg objects to look (I wish) good at low res, so I set the outlined stroke to 1 point, obviously resing them to bigger size, the outline increases proportionally, and details too, with normal icon view those icons look like this ( sorry for the crappy jpeg quality -_- ):

http://xoomer.virgilio.it/zumi/screen/screen5.png

"Think about flat panel screens in sun light to see my point...arghh, surely your eyes are asking mercy...OK, I can try

More rounded shapes...Ok, round is good, but, as I said above, at low res it could be unrecognizable, but...OK, I can try

Some icons aren't finished yet, like the package icon, but my ladybug surely will not have legs, in nature are small and thin, don't you told me to be less detailed ;) ?

The chechmark looks weird o_O? Where? Gimme some hint.

The web sphere was one of those that I have modified but not updated, currently is a blue sphere with some orbits around ( OSX inspired)

Thanx again, health and grain,
zuMi

Icons

Very nice work so far zuMi.

Quote:
The chechmark looks weird o_O? Where?

The flip of the smaller side looks weird to me.
Maybe having the smaller side straight and the longer side with a slight curve would look better?

What about using haiku's colors for the BeApp icon?
I've fiddled with swapping the colors for the ones in the 3 squares to the right of Haiku in this image http://www.xs4all.nl/~pmlans/studio-33/files/backgrounds/haiku_1152.jpg

The house in the home icon looks a little off too.
Either the house is too narrow or the roof is off-center.

link.png , the one with the larger arrow head looks better and more defined.

Icons

zuMikkebe wrote:

Person Icon..uhm, ok , I change it looking more casual, see the differences with the previous one :

http://xoomer.virgilio.it/zumi/screen/screen4.png

Lovely...
I hope you want to keep it like that, thanks!

Meanwhile

Icons

i've seen three things that define a beos style icon.

1. first of all, beos icons are not really isometric. the grid is actually around 30 degrees for left to right lines and 45 for up to down lines (this is taken from iconfactory based on a link given)

the left to right lines have a 2 squares right and 1square down
the up to down lines have a 1 square right and 1 square down
(see below for the actual grid)

quick way of remembering is that left to right is twice as long, but same height

there are no straight horizontal lines. because of the way the grid is made, the left side is shifted a little bit down (or imagine rotating it a little bit to the left). just a little.

2. all icons are oriented towards left, and lighted from the left, and the shadow is towards the right, ending with a almost a straight line the bottom-most part (there are no horizontal straight lines).

3. all icons have a squarish simple aspect. people should have square shoulders, not rounded ones. cd's would be an exception.

actually i think beos reduces icons to geometric shapes, for example the people (again) have a sphere as a head, square body, square hands and feet. no details on them. just a simple square man with a spheric head. people are simplified but most objects have maximum detail.

---
example:

i tried to make beos style icon, but i'm not so good as you guys. i managed to make something of a grid. and i am making a square using the grid.

look at the red bits in the bottom of the image (the two angles, 30 vs 45, and no straight horizontal line).

this is the grid

and the final

---
even more stuff

1. there are sometimes smaller icons near, over, in front of the larger ones. and sometimes icons are facing forward (not copland type, that is not isometric, 3dish)

2. they repeat the blue and red colours. haiku has green, red, yellow, in that order. that's why the square is made with those colours :P

3. they sometimes use the be logo on important devices like the hardrive, the tracker dog's necklace, etc.

4. most items have a lot of details. and most details are 3d, not painted on the objects.

5. some objects are facing rights instead of left, for example some icons represeting mail. a phone. etc.

6. and a couple more are facing up. or look the same from all sides.

Icons

Like fanton said, an artist interested to make some art for haiku need more guidelines, something like Tango project or the Mozilla Visual Identity team does.

Icons

zuMikkebe wrote:
Post Scriptum:

I need critics and suggestions for some new svg icons, I have doubts on some icons like folder, server and file,who wants to help me?

http://xoomer.virgilio.it/mushaspot/kabuto

tnx2all

I love them, but as a musician I'm a little bothered by the notes. Notes are not supposed to be spheres imo.

Icons

zuMikkebe wrote:
Like fanton said, an artist interested to make some art for haiku need more guidelines, something like Tango project or the Mozilla Visual Identity team does.

Agreed, check the tango-project, it's clear and gorgeous 8)

Icons

just me again with another icon set, compared to the previous one it looks more flat and glassy, codenamed "alba"

have you any comment?

Icons

It seems you made this last set with Tango Project guidelines in mind?
There sure is a need for decent icons in many open source OS, but after having seen your earlier set (got any new links?) I am convinced Haiku doesn't share that need...(not surprisingly, since they were inspired by the superb BeOS icons)

Perhaps another way would be to design icons more in the way that traffic signs are designed: easy for anybody to understand in a split second what they represent and nothing more, and so remaining clearly traffic-signs with their own functional beauty evolving from it.

This last set has some icons that are more like illustrations, almost ready to frame and hang up on the wall in a living-room, which decreases functionality.

In fact, Windows icons have always seemed to be without design-concept with Linux following that vague path and it's only BeOS that got it right, IMHO.

Icons

Not that I am in a position to have an opinion from an icon-creator point of view (as I am not very good), but imho, the icons for Haiku should embrace more modern elements (not just being less grey than BeOS's). Photorealistic icons are becoming more and more the standard for operating systems as the graphical abilities of computers are advancing. While we still need simpler versions for 16x16 icons, I think we should consider icons that

1. are more rich
2. are more photorealistic
3. still have the BeOS/Haiku perspective (the 30 and 40 degree alignment) — perhaps a little less dramatic.

I have always liked the appearance of Agua, Modern Times, and Pure. (Windows/OS X Sets) but I have never seen icons of this style in the Haiku perspective. Has anyone seem something like this?

Icons

All i feel is... we should try a li'l snapping out of the lego-bricks style of icons. Not all Be icons are like lego toys, take the netpositive icon for example - we should try basing the icons more on those like NetPositive and should also take a look at all the pre-Be-bought-by-Palm icons, including commercial third party ones..
The Be icons i feel were designed more for low-colour atmospheres, but these days we barely have such pc's, so we should try snapping out of it..

Icons

I don't think photorealistic icons are a good idea, even though it can look nice, they can't be as 'fast-comprehensible' than a clean and light style ones.

Icons

Agreed. Haiku should pursue icons that are somewhat similar to the original BeOS icons. BeOS' icons are pretty famous when it comes to OS-icons, so let's not replace the "theme/concept" with some ordinary, ugly, glossy photorealistic ones. If anything, let's do something like the Tango/GNOME icons, and not the KDE style. They look much more simple and professional, which is/was the trademark of the BeOS.

Icons

I think plain and clear would be best!

Maybe totally plain&transparent icons. Kind of silhuettes. ;) Then they would adapt with background and trying to be simple.

Icons

I thought tango project was a hybrid of both projects with some extra features put in...
anyways, photorealistic may not ALWAYS be bad. Take the tango internet globe for example, at any size its clearly visible... I'm not in favour icons of 16x16 size, i say maybe even 20x20px but 16 is ugly..

Icons

We should prepare for a scalable UI in R2, I think. SVG icons all the way!

Also, I think transparent icons are an inherently bad idea. Anything that you want to be visible should be completely opaque. Transparency should be used to put stuff in the background, so to speak.

Icons

if you like 3/4 view icons there is my previous set, it's still in developing, if someone wants to join to this task i'll be very glad to share what i done

some example how it looks:

some screenshots i made using tracker.newfs, recently I changed the outline from black to the main color of the icon, a lil bit darker.

http://xoomer.virgilio.it/zumi/screen/

and a screenshot made by roberto, seems to be an hungarian linux user, i found this screenshot on kdelook, but i wonder how he found my set, probably he is an user of this forum

http://www.kde-look.org/content/preview.php?preview=1&id=30935&file1=309...

ciao
zuMi

Icons

Interesting, zuMi...sounds like the Haiku team should get (you) involved about now (if they haven't already), seeing the first alpha/beta Haiku release is hopefully not very far away.

...because that previous icon-set is more than Haiku could've wished for, if you'd ask me.

Icons

very nice screenshots indeed. I really like them.

Icons

I like the icons as well — they are much better than the aging icons used now. . I can't say I find all of the ones in the screenshot easily viewed (the arrows in the tracker for instance), but they are much better than the icons in use now.

Icons

I personally think zuMi's work would be a great addition to Haiku...

and I'm sure there's a good potential for SVG support in Haiku's Tracker implementation - especially with mlotz donating his libsvg...

Icons

I think the one problem will be the 16x16 versions. Personally, I don't like using small icons, but in list view they are kind of a necessity. The icons in the screenshots are not easily identifiable at 16x16 resolutions.

Icons

ar1000 wrote:
I think the one problem will be the 16x16 versions. Personally, I don't like using small icons, but in list view they are kind of a necessity. The icons in the screenshots are not easily identifiable at 16x16 resolutions.

Usually there's a way for SVG-enabled tools to make use of "refined" smaller icons - that have been pixel-edited for visibility at smaller sizes... this way SVG would be used for the larger scalable images (32p and up?) - while smaller icons could be PNG or whatever.

Icons

umccullough wrote:
Usually there's a way for SVG-enabled tools to make use of "refined" smaller icons - that have been pixel-edited for visibility at smaller sizes... this way SVG would be used for the larger scalable images (32p and up?) - while smaller icons could be PNG or whatever.

There's another method of doing this, SVGs can store image files like png. For each SVG icon, we could *include* a rasterised 16x16 icon, aswell as a fully vector version.
Then we'd just need to <g id="vector"> svg content </g><g id="raster"> image/png content </g> them. Should make everything be kept together.