Share
Som med stora konstverk måste man titta på det förflutna för att uppskatta framtiden. Med rötter så långt tillbaka som 1970-talet har den ödmjuka ikonen kommit långt. Följande är en samling ikoner men historia. Även om det har funnits många andra operativsystem under tiden 1981-2010 har jag valt handen som har den största betydelsen för modern ikondesign. Dessa mönster visar bara en liten del av ikonerna i de många och varierade användargränssnitten genom åren. För att lära dig mer om användargränssdesignens historia kan du hitta en omfattande artikel om ämnet på Wikipedia.
Detta inlägg är dag 7 i vår gränssnittsdesignsession. Creative Sessions "Session Day 6Session Day 8"År 1973 var Xerox Alto världens första grafiska användargränssnitt (Graphical User Interface) -baserat datorsystem. Designad runt en "kontors" metafor (också en första), Alto byggdes som en forskningsdator och var därför inte tillgänglig för kommersiell release. Med 2000 maskiner över hela världen var Xerox Alto så signifikant, det var inspirationskälla för Apple Lisa (1983). År 1981 släpptes Xerox Star, som innehöll många av Altos designfunktioner. Xerox-ikonerna visar på övervägande för mänsklig interaktion. Som du kan se har kalkylator, dokument, mapp och papperskorgen inte ändrats på nästan 30 år.
1981 - Xerox 8010 Star
Utvecklingen av Apple Lisa startade 1978 och påverkades starkt av de tidigare Xerox-datorerna. Hoppade att skära en nisch på den personliga marknaden, adopterade Apple kontorsmetafonen för att göra navigering lättare för nya användare. Lisa var en avancerad GUI för tiden eftersom den hade rörliga "Desk Accessories" (tidiga widgets), rullgardinsmenyer och mappbaserade kataloger. Du kan se att ikonerna inte skiljer sig mycket från Xerox, förutom storleken på enstaka pixlar och användningen av datorn som inställningsikon (det är vanligt att använda kuggar).
1983 - Lisa Office System 1
Ett år efter Lisa släpptes Apple Macintosh 1.0. Vi ser nu dra och släppa filkopiering, rörliga fönster och fina nya ikoner! Macintosh-ikonerna designades av den nu legendariska Susan Kare. Susan Kare måste vara hela tiden mästaren i Icon design och ansvarade för många ikoner inklusive MacPaint-gränssnittet (fig 2). Kares filosofi på ikondesign är enkel, "Jag tror att bra ikoner är mer besläktade med vägskyltar än illustrationer, och helst bör presentera en idé på ett tydligt, kortfattat och minnesvärt sätt. Jag försöker optimera för tydlighet och enkelhet, även som paletten och upplösningsalternativen har ökat. " Filosofin är kärnan i Apples tidiga kommersiella framgång.
1984 - Macintosh System 1.0 (fig 1)
1984 - Macintosh System 1.0 (fig 2)
Det är viktigt att notera - för de lite yngre än oss gamla sentimentala datoranvändare - att GUI inte bara var för Apple-systemen. Atari ST hade ett operativsystem som heter TOS, vilket hade ett minimalt gränssnitt även med skrivbordsmetafören, som då hade blivit en datorstandard. Det är intressant att se att TOS har isometriska diskikoner (fillådor).
1985 - Atari TOS Version 1.0
Amiga Workbench gjordes för Amiga 1000 persondator. Trots de grymma designade ikonerna var Workbench faktiskt före sin tid. Inklusive funktioner som anpassningsbara muspekare, fyra färggrafik och flertillståndsikoner. Du kan se de två tillstånden på "Workbench" -ikonen i exemplet nedan. Amigaen bröt med skrivbordskonventionen och valde att använda en arbetsbänk med lådor istället för filer.
1985 - Amiga Workbench 1.0
1985 släppte Microsoft slutligen sin första GUI. Ikonerna är lika gröna som Amiga men innehåller inte färg. Det är intressant att se att de första ikonerna för Windows Paint använder olika symboler till MacPaint, speciellt Spray Paint.
1985 - Windows 1.0x
Jag har inkluderat GEOS för Commodore 64, eftersom den då var den näst mest populära GUI bakom Macintosh 1.0 (baserat på levererade enheter). Ikonerna har mer karaktär än Windows OS och delar Mac-filosofin för tydligt uttryckta metaforer.
1986 - Commodore C64 GEOS
Med System 7 såg vi införandet av färg på ikonerna. Du kanske märker att ikonerna nu är något upphöjda för att visas "klickbara".
1991 - Macintosh System 7
I Windows 3.0 (1990) anställde Microsoft Susan Kare (som först gjorde ikoner för Macintosh 1.0) som kraftigt förbättrade mönstren. I 3.1 fördröjer Kare ytterligare färger och design för ikonerna. Windows 3.1 var den första Windows-plattformen med förinstallerade True Type-teckensnitt.
1990 - Windows 3
Windows 95 introducerar fler färger till ikonerna och några fler isometriska mönster. Windows 95-designen är en komplett ombyggnad och innehåller element som fortfarande ingår i Windows-designen till den här dagen. Elementen inkluderar, aktivitetsfältet, menyn och Microsofts berömda startknapp.
1995 - Windows 95
I Mac OS 8 börjar ikonerna nu bli ljusare och gjorda för att visa en stark ljuskälla. Macintosh börjar också implementera en isometrisk stil med en stark "drop shadow".
1997 - Macintosh OS 8
Mac OS X släpptes runt den tiden jag studerade för min examen i Multimedia. Kärleksfullt kallade "Jelly Mac" av de flesta eleverna. Vi kunde inte låta bli att märka den ultra glänsande och plastjelly som finish på ikonerna. Ikonerna i OS X är också ett stort steg framåt i design från tidigare OS 9, som släpptes bara två år tidigare (OS 9 ser nästan ut som OS 8 ovan.) Förmodligen, på grund av Dock, görs ikonerna antingen från rakt framifrån eller något ovanför. Designad kring det nya Aquatemaet visar ikoner komplexa reflektioner, höjdpunkter och texturer. Utan Aquatema tvivlar jag på att ikondesign skulle vara lika önskvärt som det är idag.
2001 - Mac OS X v10.0
2001 introducerade Microsoft ännu ett helt nytt OS-system. Anteckna en mättad färgpalett, ikonerna är gjorda med ett mjukt illustrativt utseende som använder en enda ljuskälla och en semi transparent drop shadow. De fortsätter att använda isometrisk stil.
2001 - Windows XP
Mac dike ränderna och adopterar ett 3D reflekterande doc för ikonerna att "sitta på". Användningen av krom, glas och reflektioner är lika populär som någonsin. Ikonerna förändras inte mycket från v10.0.
2007 - Mac OS X Leopard
Windows 7-ikonerna skiljer sig helt från Windows XP och liknar Windows Vista. Den stora skillnaden mellan Vista och 7 är den riktning ikonen står inför. Jag har inte kunnat hitta någon officiell dokumentation om förändringen, men jag är inte den enda som frågar frågan. Ikonerna i Windows 7 är också mjukare och mer glasiga än tidigare.
2009 - Windows 7
I nästa avdelning (Know Your Icons Part 2 - Modern Icon Design) kommer vi att dyka längre in i ikonvärlden och utforska vilka ikoner som betyder för oss idag.
Accentsconagua