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?"

40 of 400 comments (clear)

  1. Deja Vu by suso · · Score: 4, Informative
    1. Re:Deja Vu by NetNifty · · Score: 2, Informative

      That was a history of GUIs, this focuses on icons.

    2. Re:Deja Vu by Ki+Master+George · · Score: 2, Informative
      There is a difference:

      The old one announces the existance of GUIdebook (which is described as a history of all things GUI, not all things icons). The new one announces a page on GUIdebook about the history of icons.

      --
      Before you walk a mile in someone's shoes, you should insult them so you know how they are and what they're doing.
  2. Google Cache by WhatsAProGingrass · · Score: 2, Informative
    --
    Mark
    1. Re:Google Cache by matth · · Score: 5, Informative

      Why not just use mirrordot.org ?

  3. 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.
  4. Re:Amiga Icons by YorgleLlama · · Score: 2, Informative

    you can always use AmiWM, using my 1.x patch... http://www.cis.rit.edu/~jerry/Software/amiwm/ :)

  5. 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).

  6. 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.

  7. Re:Rolling your own by raider_red · · Score: 2, Informative

    You can just use a .tif file and use interface builder to add it to your program.

    --
    It's good to use your head, but not as a battering ram.
  8. 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.

  9. 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.

  10. 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.

  11. Re:Rolling your own by tgrigsby · · Score: 2, Informative

    Graphics Workshop Professional will convert just about anything to an ICO. It's not 100% though -- sometimes you end up with an icon that's off-center for some odd reason. But I love this application -- I've been using it for years now and it's just too handy not to have. It's not terribly expensive, either.

    Website: http://www.mindworkshop.com/
    Price: $44.95

    I also have the GIF Construction Set, which is great and all, but I'm just as likely to use some of my other graphics tools to create GIFs, or just use Flash. Xara3D is good for animated text.

    rambling...

    --
    *** *** You're just jealous 'cause the voices talk to me... ***
  12. Re:Rolling your own by iBod · · Score: 2, Informative

    Try...

    http://www.microangelo.us/

  13. If you like icons by titaniam · · Score: 2, Informative

    Then see my site iconsurf.com where hundreds of thousands of icons are displayed to help you surf the internet.

  14. 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.

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

    I think that says it all.

  16. Re:Rolling your own by pinchhazard · · Score: 1, Informative

    What you want is Irfanview. Supports a shitload of formats, plugins, etc. It's lightweight. It saves .ico format. Irfanview is the shiz.

    --
    Do you love freedom??? Do you love freedom!!! DO YOU LOVE FREEDOM!!!!!!!!
  17. Re:progress? by cowscows · · Score: 3, Informative

    I'll give a specific example that isn't really windows, but still bugs me. phpMyAdmin is an excellent piece of software that really makes my life easier. But a few versions ago they made a change that really bugs me. Before, if you were looking at a database, it could list all of the different tables in a chart, and it'd have links for all the different options (browse, insert, search, drop, empty, etc). Then one day I logged in and it was updated. All those quick little text links were replaced with tiny 16x16 icons. And they aren't even good icons. The icon for empty is a trashcan on top of some weird looking window. It's arguable whether or not a trashcan is a good symbol for empty, but regardless of that, the stupid window in the background makes it illegible. A finger pointing at a piece of paper stands for "structure"?

    There are six commands in that table that they icon-ified. They saved maybe a few pixels of horizontal space, but I don't think they were hurting for room anyways. And it's a big step backwards in terms of usability and intuitiveness.

    They say a picture is worth a thousand words. So isn't it overkill to use an image to replace one single word? How is that supposed to make things any easier?

    It'd be like /. replacing the Submit and Preview button text with little images. What would be the point?

    --

    One time I threw a brick at a duck.

  18. Re:Rolling your own by Cutterman · · Score: 2, Informative

    Neil Rubenking's IconEdit32 first appeared in PCMag in March 2000. "With IconEdit32 you can create icons that can include all valid combinations of size and color depths - up to nine images. It features various drawing tools, such as a pencil, dropper, paint, line, rectangle and ellipse. You can also easily add text to your icon. The main window shows both an enlarged version of the icon, and a preview area that displays the icon against a background color of your choice. The icon can be shifted in any direction, rotated, mirrored and flipped." Free. Dozens of places to find it on the Web.

  19. People Could I have your attention? by danalien · · Score: 3, Informative
    for a tiny-winy bit.

    DISCLAIMER: This is off-topic, yet related.

    Now that I have it, all I wanted to say is that we (the 'slashdotters') need to agree to some common courtesy.
    Yes, I'm talking about the 'slashdot effect'.

    That each time we, who post something, take the 'common courtesy' of at least Coral CDN [mirror it].

    And, no it's not that hard at all, either!

    all that 'we' have to do is: http://redirect.nyud.net:8090/?url=${SUBSTITUTE_WI TH_URL} (see footnotes for more info...)

    See, not that hard, really. If it wheren't I would have taken *this time to ask for you attention.


    ----

    *) ...and if you got 'Konqueror' create a (new) shortcut (like so):
    'Searh provider name' == 'Coral CDN' (or enter your own name :P)
    'Search URI' == 'http://redirect.nyud.net:8090/?url=\{@}'
    'URI shortcuts' == 'cdn,mirror,mirr' (or, again, pick your own 'web shortcuts' :P)

    so, now all you konqi's have to do is 'mirr: ${URL} '

    *) .. and for all you Firefox'rs, here's a searchplugin for you'vs too: coral.src & coral.gif [add them to your 'Mozilla Searchplugins'-dir]

    *) .. and you with other browser, I don't know much about others to comment about. But if you use an enhanced browser (eg. not-IE :-) *blow below the belt, I know, I know =)*), you might be able to add it yourself, someway, like with 'Konqueror'. But I wouldn't know about it, so I leave this up to you'vs.

    --
    I don't claim I know more than I know, and if you know you know more than I know, then by all means, let me know.
    1. Re:People Could I have your attention? by randyest · · Score: 2, Informative
      Right; it's not hard. But it rarely works. Like now. Coral gives:
      Due to techical problems this page is currently unavailable.

      Please try after a while - we will do our best to resolve this issue as soon as possible


      And mirrordot is slashdotted.

      Any more ideas you can present to us in that super pedantic manner?
      --
      everything in moderation
  20. Icons for software development by KIngo · · Score: 2, Informative
    Until recently, I've found it quite difficult to find decent icons for software development. As a software developer I have a natural inability to draw anything that remotely resembles the intended object and the free icon collections on the internet made my applications look like frankenstein clones.

    Fortunately, nowadays the situation has improved considerably. You can find a lot of useful BSD-licensed icons in the eclipse project, most of them are quite IDE-related, but with a little bit of imagination you can use them in lots of different situations.

    If you have some money to spend, you can buy the icon collections from Incors. They're really great Windows XP-style icons for a very reasonable price.

  21. Re:Rolling your own by Freshie · · Score: 3, Informative

    You can make an icon in paint. an icon is a bmp with the extension changed. The first pixel in the upper left denotes the transparency. Granted it won't give you sizability, but if all you icons are 48x48, just make it 48x48, and save it with a .ico extension. :)

    --
    'I don't want more choices. I just want better things.' - Edina Monsoon
  22. you will laugh, but by dunkelfalke · · Score: 2, Informative

    many of those windows animations, like for example this small animation when deleting files to the recycle bin, are avi files.

    --
    Conservatism: The fear that somewhere, somehow, someone you think is your inferior is being treated as your equal.
  23. Re:Rolling your own by Dogtanian · · Score: 2, Informative

    That's good in theory, but in practice, it requires people to stick to the guidelines you gave. I have memories of opening disks full of programs with massive icons that didn't help much.

    And, to be fair to windows, it lets you hide system files (though I don't).

    --
    "Slashdot - News and Chat Sites Deviant". (Click "homepage" link above for details).
  24. 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.
  25. Re:Rolling your own by after+fallout · · Score: 3, Informative

    try snico at http://www.snidesoft.com it is freeware

  26. Re:Rolling your own by Ark42 · · Score: 3, Informative


    Thats not true. ICO files have 2 channels per image (an XOR mask and an AND mask) plus other data different from BMP, such as the number of sizes and colors in the .ICO file.

  27. Re:Truth is Beauty by 99BottlesOfBeerInMyF · · Score: 2, Informative

    But all that these icons communicate is that a file exists, in a given storage subdivision (folder), with some clues to its datatype.

    I have three OS's in front of me right now. Two of them have icons more or less the same as in the 90's. One is different. If you want useful icons, you want OS X. My mail icon tells me how many unread messages I have. My minimized windows indicate what application they are associated with and a thumbnail of the window. My calendar app shows the date. Downloading files show a progress bar. Minimized movies show, well the movie, still playing, or still if paused. Applications with a dialogue box, or that need attention bounce. One of my icons shows me system stats (cpu, memory, disk, network activity, and cpu use over the last minute) in a cryptic, but readable fashion.

    There is certainly a lot more that can be done to make icons more informative and useful, but to say that they have not advanced is to ignore all of the above. OS X has provided the means to make icons useful. Some developers have run with it and some have ignored the capabilities. There is more to be done, mostly with with more advanced file managers. Some will have to wait until there is more cpu power available and some can be done now. Just don't ignore the state of the art because you are not using it for whatever reason.

  28. What? No Amiga?! by AstroSurf · · Score: 2, Informative

    Talk about icons! You could make full-screen icons on Ami! And the selected version could be a completely different picture from the unselected.

    That said, it was mostly a low-overhead UI. Now sadly missed.

    --
    Astro
  29. 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.

  30. Re:Rolling your own by DrWhizBang · · Score: 2, Informative

    From the page you linked:

    * - Altorught this version is known as "SVG", the icons are still in PNG format, the SVG files will be relased once the support for the format improves in KDE.

    Not SVG. And Jimmac doesn't agree with you anyways.

    --
    Schrodinger's cat is either dead or really pissed off...
  31. Re:Rolling your own by Chief+Typist · · Score: 2, Informative

    Icon Composer is fine for developers who "just want to get the job done". If you're a designer who's developing a suite of icons with a consistent theme/style, you're going to be using Freehand/Illustrator and Photoshop (easier to review & edit.) To output from Photoshop, they use IconBuilder

    When you're dealing with applications that have hundreds of icons (think about MS Office) tools like Icon Composer just don't cut it.

    -ch

  32. Re:Amiga Icons by Soruk · · Score: 2, Informative

    RiscOS supported multiple sized icons up to 256 colours - in 1988.

    --
    -- Soruk
  33. Mirror by tajmorton · · Score: 2, Informative

    Thanks to Mirrordot.

    --
    Tell the truth and you won't have so much to remember.
  34. Jimmac's GNOME icons by Jim+Hall · · Score: 2, Informative

    If you like icons, you may also want to check out Jimmac's ikony. You've probably seen a lot of his icons already, if you use GNOME. Really great stuff!

  35. Re:Amiga Icons by master_p · · Score: 2, Informative

    Windows was a BIG step backwards from Amiga

    Brother, you couldn't have said it better:

    • Workbench apps could run at their own private screen or in the main Workbench screen, whereas in Windows all apps run in the same screen.
    • Each Workbench app could have its own resolution. Clicking the arrows in the menu bar would switch to the next app, changing the resolution automatically. You could edit your game's sprites in 320x240 while editing the game's code in 720x584 overscan.
    • Workbench screens could be dragged down from the menu bar and reveal the screen underneath, with all resolutions visible in the same screen!. Drag-n-drop from one screen to the other was fully supported.
    • The Amiga O/S was fully pre-emptive multitasking, without memory protection and virtual memory.
    • Each Amiga app lived completely in its own directory. There were no installers, just decompress the app in a directory and click its icon. You could copy an app anywhere you liked, and it worked.
    • The settings of each app were saved in an .info file, which was the app's registry. The application 'infoeditor' was used to edit the .info file. When you copied an executable from a Workbench window to another, the icon of the executable and the info file was copied along. No need to mess with a registry.
    • Amiga drivers were installed with ...drag-n-drop. No need to reboot.
    • Zorro slots were automatically configured. Plug-n-play without problems right from the start.
    • When the Amiga read from the floppy, cd rom or hard disk, the applications did not grind to a halt. Even in my PC today (a mighty Athlon XP 2400+), when the CD/floppy stalls, the Windows Explorer goes bonkers.
    • Amiga icons were animated. 'Nough said.
    • The mouse cursor of the Amiga was a hardware sprite. It was so smoothly moving across the desktop in 50 fps. Even in the mightiest PC today, the mouse cursor is quite jerky.
    • There was no silly limitation of 640 KB, and programming in C was as it was supposed to be: there was no silly large and small memory models.
    • For those into programming, the Amiga's chipset was the easiest one programmable. If you wanted to change the resolution, you simply wrote the size of the screen in pixels at some memory location and the video mode was changed. In the PC, before Windows and DirectX, I had to struggle with mode-X, video timing registers that used characters as the display unit, weird memory addressing systems etc.
    • The Amiga's command line was a joy! instead of using drive letters, the Amiga OS named its devices with user-defined names. When a device's name was changed, the links were not broken, because the O/S remembered the namings! Devices could also be accessed as 'device0:', 'device1:' etc.
    • Amiga filenames could accept 32 characters, instead of 8 characters of DOS.
    • Amiga had file types: a file type could be connected to an app, so when double-clicked, the registered app would open it, even from the command line.
    • Amiga had AREXX, one of the finest scripting languages around. One could write whole apps in it...you could control everything with it, and most apps where scriptable through it!
    • The menu bar was used as an information bar when the mouse was away from it, saving useful space. Now all apps waste space in status lines.
    • My Amiga booted from HD in 10 seconds in WB 3.0. There weren't many things to do though: just load the WB(!!!).
    • My Amiga could boot in GUI mode from a floppy, with WB fully ususable from floppy, both from GUI and command line.
    • A friend of mine had an Amiga with two expansion cards: one with an 68030 at 40 MHz, and another with a PowerPC processor at 120 MHz. All CPUs of the machine could be run in parallel! he used to run Lightwave3d on the PowerPC, while the 68030 was busy with code editing and the main 68000 was copying stuff.
    • The above mentioned conf
  36. Re:Rolling your own by eggsome · · Score: 2, Informative

    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.

    While it would be going too far to call this statement "wrong" you are basicly asserting that you cannot create a windows icon without all of that meta-data, orignaly windows icons had no such meta-data (Win 3.1 days) icons were just 32x32 monocrome or 16 color (4bit) BMP files renamed to .ICO.
    Indeed, if you create such a file in MS Paint and rename it, it will be recognised as a valid icon. It will even automagicly create a 16x16 version for use in the Start menu ect. This is true for all windows right up to and including WinXP.

    The original .ICO format was Very Very simple.

    --
    If they made a movie of your life, would anybody buy a ticket?