Kjenn dine ikoner Del 1 - En kort historie av datamaskinikoner

Som med flotte kunstverk må du se på fortiden for å sette pris på fremtiden. Med røtter så langt tilbake som på 1970-tallet, har det ydmyke ikonet kommet langt. Følgende er en samling av ikoner om historien. Selv om det har vært mange andre operativsystemer i tiden mellom 1981 og 2010, har jeg valgt hånden de mest betydningsfulle for moderne ikondesign. Disse designene viser bare en liten del av ikonene i de mange og varierte brukergrensesnittene gjennom årene. For å lære mer om historien om brukergrensesnittdesign kan du finne en omfattende artikkel om emnet på Wikipedia.

Dette innlegget er dag 7 i vårt grensesnitt design sesjon. Creative Sessions "Session Day 6Session Day 8"

1981 Xerox 8010 Star - Den første forbruker GUI-datamaskinen

I 1973 var Xerox Alto verdens første grafiske brukergrensesnitt (Graphical User Interface) basert datasystem. Designet rundt en "kontor" metafor (også en første) ble Alto bygget som en forskningsdatamaskin og var derfor ikke tilgjengelig for kommersiell utgivelse. Med 2000 maskiner verden over var Xerox Alto så viktig, det var en inspirasjonskilde for Apple Lisa (1983). I 1981 ble Xerox Star utgitt, og inneholdt mange av Alto's designfunksjoner. Xerox-ikonene viser en vurdering for menneskelig interaksjon. Som du ser, har kalkulator, dokument, mappe og søppel ikke endret seg i nesten 30 år.

1981 - Xerox 8010 Star

1983 Apple Lisa - Populært GUI

Utviklingen av Apple Lisa startet i 1978 og ble sterkt påvirket av de tidligere Xerox-datamaskinene. Håper å skaffe seg en nisje i det personlige databehandlingsmarkedet, vedtok Apple kontofiguringen for å gjøre navigasjonen enklere for nye brukere. Lisa var en avansert GUI for tiden som den hadde flyttbare "Desk Accessories" (tidlig Widgets), rullegardinmenyer og mappebaserte kataloger. Du kan se at ikonene ikke er mye forskjellig fra Xerox, unntatt størrelsen og enkeltpikslene, og bruken av datamaskinen som preferansikonet (det er nå vanlig å bruke tannhjul).

1983 - Lisa Office System 1

1984 Apple Macintosh 1.0 - Artist Design Icons

Et år etter Lisa ble Apple Macintosh 1.0 utgitt. Vi ser nå dra og slipp filkopiering, flyttbare vinduer og fancy nye ikoner! Macintosh-ikonene ble designet av den nå legendariske Susan Kare. Susan Kare må være hele tiden mester i ikon design og var ansvarlig for mange ikoner inkludert MacPaint grensesnittet (fig 2). Kares filosofi på ikondesign er enkel, "jeg tror at gode ikoner er mer ligner på veiskilt enn illustrasjoner, og ideelt sett bør presentere en ide på en klar, kort og minneverdig måte. Jeg prøver å optimalisere for klarhet og enkelhet, selv som palett- og oppløsningsalternativer har økt. " Denne filosofien er kjernen i Apples tidlige kommersielle suksess.

1984 - Macintosh System 1.0 (fig 1)

1984 - Macintosh System 1.0 (fig 2)

1985 Atari TOS - Isometriske ikoner

Det er viktig å merke seg - for de litt yngre enn oss gamle sentimentalte datamaskiner - at GUI ikke bare var Apple-systemene. Atari ST hadde et OS som heter TOS, som hadde et minimalt grensesnitt, også ved hjelp av skrivebordsmetaforen, som da hadde blitt en datastandard. Det er interessant å se at TOS har isometrisk disk ikoner (fil skuffer).

1985 - Atari TOS Versjon 1.0

1985 Amiga arbeidsbenk - fire farge ikoner

Amiga-arbeidsbenken ble laget for Amiga 1000-persondatamaskinen. Til tross for de grusomme designene, var Workbench faktisk foran sin tid. Inkludert funksjoner som tilpassbare musepekere, fire fargegrafikk og multi-state ikoner. Du kan se de to tilstandene i "Workbench" -ikonet i eksemplet nedenfor. Amigaen brøt med skrivebordskonvensjonen og valgte å bruke et arbeidsbord med skuffer i stedet for filer.

1985 - Amiga Workbench 1.0

1985 Windows 1.0x - Microsofts første GUI OS

I 1985 utgav Microsoft endelig sin første GUI. Ikonene er like rå som Amiga, men inkluderer ikke farge. Det er interessant å se at de første ikonene for Windows Paint bruker forskjellige symboler til MacPaint, spesielt Spray Paint.

1985 - Windows 1.0x

1986 GEOS for Commodore 64 - Alternativ operativsystem

Jeg har tatt med GEOS for Commodore 64 som dengang var den nest mest populære GUI bak Macintosh 1.0 (basert på enheter som sendes). Ikonene har mer karakter enn Windows OS og deler Mac-filosofien om klart uttrykte metaforer.

1986 - Commodore C64 GEOS

1991 Macintosh System 7 - Første Mac OS med farger

Med System 7 så vi innføringen av farge på ikonene. Du kan merke at ikonene nå er litt hevet for å vises "klikkbare".

1991 - Macintosh System 7

1992 Windows 3.1 - Nye Designer Ikoner!

I Windows 3.0 (1990) benyttet Microsoft Susan Kare (som først lagde ikoner for Macintosh 1.0) som forbedret designene sterkt. I 3.1 forandrer Kare videre fargene og designene til ikonene. Windows 3.1 var den første Windows-plattformen med forhåndsinstallerte True Type Fonts.

1990 - Windows 3

1995 Windows 95 - Startknappen

Windows 95 introduserer flere farger til ikonene og noen flere isometriske motiver. Windows 95-design er en komplett gjenoppbygging og inneholder elementer som fortsatt er en del av Windows-design til denne dagen. Elementene inkluderer, oppgavelinjen, menyen og Microsofts berømte startknapp.

1995 - Windows 95

1997 Macintosh OS 8 - Lysere ikoner for Mac

I Mac OS 8 begynner ikonene å se lysere og gjengis for å vise en sterk lyskilde. Macintosh begynner også å implementere en isometrisk stil med en sterk "drop shadow".

1997 - Macintosh OS 8

2001 Mac OS X v10.0 - Jelly Mac

Mac OS X ble utgitt rundt den tiden jeg studerte for min grad i Multimedia. Kjærlig kalt "Jelly Mac" av de fleste studentene. Vi kunne ikke unngå å legge merke til den ultra skinnende og plastjell som ferdig med ikonene. Ikonene i OS X er også et stort sprang fremover i design fra det forrige OS 9, som ble utgitt bare to år tidligere (OS 9 ser nesten ut som OS 8 ovenfor.) På grunn av Dock er ikonene gjengitt enten fra rett fremad eller litt over. Designet rundt det nye Aqua-temaet, viser ikoner komplekse refleksjoner, høydepunkter og teksturer. Uten Aqua-temaet tviler jeg på at ikondesign ville være like ønskelig som det er i dag.

2001 - Mac OS X v10.0

2001 Windows XP - Lys myke ikoner

I 2001 introduserte Microsoft, enda et helt nytt OS-system. Ved å vedta en mettet fargepalett, er ikonene gjengitt med et mykt illustrativt utseende som bruker en enkelt lyskilde og en semi gjennomsiktig dropshadow. De fortsetter å bruke isometrisk stil.

2001 - Windows XP

2007 Mac OS X Leopard - Reflekterende Dock

Mac grøfter stripene og vedtar en 3D reflekterende doc for ikonene å "sitte på". Bruken av krom, glass og refleksjoner er like populær som noen gang. Ikonene endres ikke mye fra v10.0.

2007 - Mac OS X Leopard

2009 Windows 7 - mykt og reflekterende

Windows 7-ikonene er helt forskjellige fra Windows XP og ligner på Windows Vista. Den store forskjellen mellom Vista og 7 er retningen ikonene står overfor. Jeg har ikke vært i stand til å finne noen offisiell dokumentasjon om endringen, men jeg er ikke den eneste som stiller spørsmålet. Ikonene i Windows 7 er også mykere og mer glassrike enn tidligere.

2009 - Windows 7

Ressurser og videre lesing

  • Windows-Icons.com - History of Windows Icons
  • The Vintage Mac Museum - "Gamle Macer - 9 tommer / mono Vis kun 68000"
  • Guidebok - Grafisk brukergrensesnitt Galleri
  • Toastytech - Omfattende GUI-galleri

Mer å komme snart

I neste avdrag (Know Your Icons Part 2 - Modern Icon Design) vil vi være ytterligere dypere i verden av ikoner og utforske hvilke ikoner som betyr for oss i dag.


Dette innlegget er dag 7 i vårt grensesnitt design sesjon. Creative Sessions "Session Day 6Session Day 8"