Slashdot Mirror


A History of Icons

John H. Doe writes "The GUIdebook has a great page illustrating the history of icons. Of course, they have the Lisa/Mac/OS X paths, but there's the Windows progressions, along with entries for NeXT, OS/2, BeOS, and yes, Linux. Would you call it progress?"

37 of 400 comments (clear)

  1. Rolling your own by ackthpt · · Score: 5, Interesting
    I haven't been big on designing my own Windows icons because, before I gave up looking, all icon editors cost $$. Inexplicably the one format Paint doesn't support is *.ico

    I used to have some beauties on my Amiga, and they could be any size I liked, up to the whole screen if that was your wish. IIRC they were easy to draw with something that came with the operating system.

    I'd like to take some of my raytracings and make them icons. Any ideas where to start?

    Darn my dyslexia. At first glance I thought it said "A History of Loons" and thought it was something biographical about slashdot.

    --

    A feeling of having made the same mistake before: Deja Foobar
    1. Re:Rolling your own by wiredlogic · · Score: 5, Informative
      Inexplicably the one format Paint doesn't support is *.ico

      That's because the Windows .ico format is a complex meta-format with the capacity for multiple icon sizes and color depths. Paint Is just a rudimentary application like notepad and has never been the target of much improvement by MS.

      The best Windows tool for editing icons is Microangelo. There is a shareware trial version available.

      --
      I am becoming gerund, destroyer of verbs.
    2. Re:Rolling your own by Random+Chaos · · Score: 5, Informative

      Well, I have found a few freeware ICO editing programs, but really you don't need them unless you want a multi-size icon (one that looks good in both a toolbar and in a folder).

      It turns out that Windows can read BMPs as ICOs. Just make a BMP of the right size (16x16, 32x32, or 64x64) and rename the extension from .bmp to .ico.

      ----

      As for my most used icons: Giving all my hard disks a icon with the drive letter on it. Makes using a tool bar (I have a "goto" toolbar that links to every drive and a few important folders) easy to locate which drive is which (I only have 6 partitions/hard drives on my windows box).

    3. Re:Rolling your own by nazh · · Score: 5, Informative

      I design the icons in .png then convert them to .ico with png2ico works both on *nix and windows. You can also add several different image sizes in the icon file you make with this program.

    4. Re:Rolling your own by Anonymous Coward · · Score: 5, Informative

      Use the gimp... its free and supports this format. I made my own Shuffle icon for my pc so it would look more like it does in OSX.

    5. Re:Rolling your own by yintercept · · Score: 5, Funny
      all icon editors cost $$.

      Well, when you consider all of the things that icons do, they certain are worth the money you spend on the icon editor.

      Have you ever clicked on an icon? You click on an icon and, bammo, there's a big spread sheet or email program on your screen or something. Icon editors must be complex and expensive to accomplish that. Seeing all of the amazing things icons do, it is the one software expense that the guys in purchasing will have no problem approving.

      On an unrelated note, being a manager of a large software development team, I had been wondering why you techies like Dilbert so much. I have a big informative staff meeting. Afterwards, the techies gather around to pick the Dilbert that matches the meeting. I don't get it.

    6. Re:Rolling your own by alfboggis · · Score: 4, Informative

      This page is a useful guide if you ever need to create icons for Windows XP. It gives information on style, perspective and colours needed to make icons consistent with that OS. They recommend an app called GifMovieGear to create the actual icon files.

    7. Re:Rolling your own by grahamlee · · Score: 4, Informative
      /Developer/Applications/Utilities/Icon Composer.app

      I think that says it all.

    8. Re:Rolling your own by the+darn · · Score: 4, Funny

      Ahh, yes! You should have seen mom's face when she noticed that I had replaced her trash can icon with a carefully crafted toilet. When you put files in it, instead of swelling like the can did, I added tasteful wavy green 'stink lines'. Those were the days...

      --
      Ceci n'est pas un post.
    9. Re:Rolling your own by Anonymous Coward · · Score: 4, Funny
      Here is a nice modified firefox icon.

      It shows the firefox shagging an IE icon instead of the world. :)

    10. Re:Rolling your own by GerbilSoft · · Score: 4, Interesting

      Who needs multiple icon sizes or color depths when you've got SVG icons?

    11. Re:Rolling your own by T3kno · · Score: 4, Interesting

      I like these icons better, the nicest FF and TBird icons I've seen. Kudos to whomever did them!

      --
      (B) + (D) + (B) + (D) = (K) + (&)
    12. Re:Rolling your own by value_added · · Score: 5, Interesting

      Consistent with XP? That would mean an odd mixture of sometimes 16, sometimes 32 colours, sometimes more, and sizes in ranging (depending on the icon) from 16x16 to 48x48, each size being made available in either 16 or 32 colours or more, or all three, but not always, and depending on which .dll that particular icon is being served from, as opposed to other .dlls which contain an identical (but not always) icon.

      There was a Slashdot article posted some time ago where Steve Jobs was quoted as saying (way back when, and I paraphrase) that Bill Gates never understood the concept of design.

      Despite the overhaul made for the XP interface, much of the same crap found on NT, 2K, etc. can be found on XP, and the inconsistencies aren't limited to icon choices.

      As for the icon editor recommendation, unless it's capable of replacing the icons buried in innumerable .dlls, I don't believe it could compare favourably against any number of alternatives (Microangelo, etc.) which, thankfully, make Windows at least bearable.

      But that's just an opinion. I have otheres, of course.

  2. History of Icons? by Deliveranc3 · · Score: 4, Funny

    Worship the icon you techno pagans!

  3. Slooooooow Server... by Shadow+Wrought · · Score: 4, Funny

    Looks like an iconoclast got to it.

    --
    If brevity is the soul of wit, then how does one explain Twitter?
  4. my favorite icon by JeanBaptiste · · Score: 5, Interesting
    1. Re:my favorite icon by fussili · · Score: 5, Informative

      The Dogcow's name is Clarus, it simply makes the sound "Moof" :) It's a common misconception.

  5. Icons? by chrispl · · Score: 4, Funny

    Hm, all of the icons look like the same "broken image" icon to me...

    Slashdotted to hell.

    --
    What post? The one you're carrying inside your rusty innards!
  6. Full article text! by Anonymous Coward · · Score: 5, Funny

    This is a chart of icons from various interfaces. Clicking on GUI names, section names or icons themselves will lead to the appropriate page: Options Show GUI families: Lisa Office System Mac OS NeXTSTEP/OPENSTEP/Rhapsody Windows OS/2 GEOS/GeoWorks Apple II Amiga OS RISC OS BeOS Red Hat Linux QNX Solaris

  7. They're too "static" by diegocgteleline.es · · Score: 4, Funny

    Why not .avi files instead of .png icons? Sure, it will eat more resources, but it'd be great to see a animation (a real animation, not just a .gif or a jumping/flash effect) each time I press or put the mouse over it.

  8. The more things change... by HAKdragon · · Score: 5, Insightful

    While I can't read the article as the server is being slashdotted, I can't help feel that icons, for the most part, have stayed the same since their invention. Sure, we have icons that can be huge, have millions of colors, and have cool transparencey effects, but for the most part, Icons have remained a picture that represents an object or action. The only real innovation that I can think of when it comes to icons are ones which convey information as well as symbolize actions/items. While I'm not familiar if this exists on other icons, it's pretty easy to see on a number of iApps on OSX. For example, Mail's icon shows you how many new messages you have, iCal shows the current date, and when you're downloading files with Safari,the download icons have little progress bars on them, I love the idea of icons providing information to me realting to their particular application and hope to see that implimented more on other systems,

    --
    "Our opponent is an alien starship packed with atomic bombs. We have a protractor."
  9. It's as if icons peaked 2-4 years ago by Alternate+Interior · · Score: 5, Interesting

    In the last handful of years, icons have started making a transformation from functional to stylish. Specifically, look at the differences between Windows 2000->XP icons, and Jaguar->Panther icons. In both cases, the Calculator icon illustrates specifically what I mean. In Jaguar and W2k, it was completly clear what the icon was. In Panther, however, the buttons became grayer, and as a result, the overall icon is less clear. The XP icon is much worse - it is not even distinctly a calculator.

    There are many more examples in the 2k->xp comparison. The address book, for instance. What was once clearly an Address book is now just an open book. The control panel, while not exactly clear in 2k, is now a Todo list! The desktop icon went from a desk with a letter in draft to a _vertical_ oriented surface.

    1. Re:It's as if icons peaked 2-4 years ago by Threni · · Score: 4, Insightful

      Stupid icons are a bit of a bugbear of mine. So often it would be more clear to simply have some text telling you what the button is/does, rather than an abstract, highly coloured blob. I like this little quote from an interview with Richard Stallman:

      ---
      I used a word processor once. Basically I was at a hotel, and I had to type something and get it out, so I used a computer there. And it was running some word processor, which might have been Microsoft Word, I don't know. On the screen there were lots and lots of cryptic icons, whose meanings I couldn't begin to understand. If they had been English words, I might have had a chance.
      ---

    2. Re:It's as if icons peaked 2-4 years ago by MustardMan · · Score: 4, Insightful

      Frankly, RMS is not one who should be talking about intiutive interfaces.

      NO SHIT! Clicking a picture of a disk to save is a lot more intuitive than typing control-x, control-s. And if you can't figure out that the disk is for saving, you might think... hey, "file" might do things with my file, I'll click that, and hey look here it says "save", I wonder if that saves things

      Hell, I even like emacs, but Stallman criticizing user interfaces is like Carrot Top criticizing fine theater.

  10. Susan Kare - Icon Artist by YorgleLlama · · Score: 5, Informative

    If you like icons, you should check out Susan Kare's page She made most of the original MacOS icons, as well as most of the original Windows icons. Lots of great pixel art.

  11. Orthodoxy Sunday by stoolpigeon · · Score: 4, Interesting

    Was this last sunday - maybe it is an annual holiday type thing. (Yes I know-- they aren't related but shouldn't they be?)

    The dominant theme of this Sunday since 843 has been that of the victory of the icons. In that year the iconoclastic controversy, which had raged on and off since 726, was finally laid to rest, and icons and their veneration were restored on the first Sunday in Lent. Ever since, that Sunday been commemorated as the "triumph of Orthodoxy."

    Orthodox teaching about icons was defined at the Seventh Ecumenical Council of 787, which brought to an end the first phase of the attempt to suppress icons. That teaching was finally re-established in 843, and it is embodied in the texts sung on this Sunday.

    --
    It's hard to believe that's how Micronians are made. Why don't we see it right now by having you both kiss one another?
  12. Coral links by spin2cool · · Score: 5, Insightful

    How hard is it to use coral links? Editors - why aren't you automatically append ".nyud.net:8090" to any url? How hard is that, really?.

    Sigh...

    1. Re:Coral links by CylanR77 · · Score: 5, Insightful

      To everyone on a corporate firewall, just suck it up.

      Either just figure out the url to the original content, stop reading slashdot at work and get some *work* done, convince your administrators/managers that you should be allowed to view content on a nonstandard port so you can spend more company time browsing the web, or leave and find a different job.

      For a website which is devoted to shoveling up information for the most elitist of all computer-literate people [including some bright individuals], you'd think that somehow, a better system could be put into place than "bomb websites with loads of traffic, indiscriminantly".

      --
      http://cylan.deviantart.com/gallery/
  13. Biblical Icons by mfh · · Score: 5, Funny

    Don't forget the Biblical Icons. That Golden Calf must have some pretty great raytracing and high polys to be worshipped so blatantly at the risk of utter destruction.

    --
    The dangers of knowledge trigger emotional distress in human beings.
  14. Re:Amiga Icons by SharpFang · · Score: 5, Interesting

    Some interesting features of Amiga icons:
    - Arbitrary size
    - Could change image when clicked
    - Possible arbitrary placement

    This was making for some interesting applications. Like, the game Heimdall had screen high and half-screen wide icon of the character with a warhammer, when clicked the character was slamming the hammer down. I would add a tiny, 5x5px icon placing it over corner of Filemaster 2.2 icon just to launch Filemaster 2.0 in case it was needed (just like small "arrow down" in corner of "back" of Firefox)
    There were tools converting pictures to icons. You could tile icons being parts of bigger image over some area, making a "clickable image". Clicking on directory ("drawer") icon was "opening the drawer", there were also many other cool "mini-anims" like hydraulic press "compressing" the package for a compressor program, a floppy multiplying itself for file copy etc.
    Windows was a BIG step backwards from Amiga icon functionality. That step was never undone. Now all leading OSes have single-image, fixed-size icons.

    --
    45 5F E1 04 22 CA 29 C4 93 3F 95 05 2B 79 2A B2
  15. Bad joke about icons (believe it or not) by sczimme · · Score: 5, Funny


    Q. Once upon a time a mouse became trapped in a Russian cathedral; how did he escape?

    A. He clicked on an icon and opened a window.

    (I can't claim credit for that one...)

    --
    I want to drag this out as long as possible. Bring me my protractor.
  16. Re:Google Cache by matth · · Score: 5, Informative

    Why not just use mirrordot.org ?

  17. Icon progess... by linebackn · · Score: 4, Insightful

    I'm not sure I would call everything that has happened to icons progress.

    Now that icons are commonly 24 bit color or more and use complex shading and styles they are often more difficult to identify at a glance than 2-color monochrome icons. (Icons should always be capable of being represented as a 2-color monochrome icons to ensure they have enough visual contrast)

    And with all of the varying styles these days, if you don't make your icons specific to each operating environment then they stick out like sore a thumb.

    The days of 16-color icons were probably the best because you could make a decent icon without having to be an artist or having an expensive paint program.

    It still boggles my mind how many people choose bad icons for their products. I currently have the joy of working with a particular software product where many of the different configuration tools all have slightly different pictures of little computer... looking things with some kind of network dealy around them, and I keep getting them all mixed up. Of course part of the problem is that the programs aren't very well organized to begin with and the fact that they keep changing the program names in each version proves that.

    Anyway, it is important that any application have a clear distinct purpose, a good icon to reflect that purpose and then to stick with it as people learn what it symbolized.

    Remember, Icons literally become a language to people!

  18. Re:progress? by saltydogdesign · · Score: 4, Insightful

    Some things simply cannot be conveyed via a 12x12 or 16x16 (or whatever the res is) pictogram.

    Tell that to the Chinese.

    --
    // This is not a sig.
  19. Artist (aka not me) by LPetrazickis · · Score: 4, Informative

    Weboso (aka Jairo Boudewyn) is the creative force behind those. DeviantArt has a sprawling interface, so here's a direct link to his Gallery.:)

    --
    Is this a sigs-optional kind of place? 'Cause I am totally down with that if you know what I mean.
  20. A little credit to the inventor by blamanj · · Score: 4, Informative

    When the Xerox Star came out, it had icons because they had been proposed in a PhD thesis by David Smith.