Share
Net als bij grote kunstwerken moet je naar het verleden kijken om de toekomst te waarderen. Met wortels al in de jaren 1970, heeft het eenvoudige pictogram een lange weg afgelegd. Hierna volgt een verzameling iconen uit de geschiedenis. Hoewel er tussen 1981 en 2010 veel andere besturingssystemen bestonden, heb ik met de hand diegene geselecteerd die van het grootste belang zijn voor het ontwerpen van moderne iconen. Deze ontwerpen tonen slechts een klein deel van de pictogrammen in de vele en gevarieerde gebruikersinterfaces door de jaren heen. Voor meer informatie over de geschiedenis van User Interface Design kunt u een uitgebreid artikel over dit onderwerp vinden op Wikipedia.
Dit bericht is dag 7 van onze interface-ontwerpsessie. Sessiedag 6 van Creative Sessions op dag 8In 1973 was de Xerox Alto 's werelds eerste GUI (Graphical User Interface) gebaseerd computersysteem. Ontworpen rond een "kantoor" -metafoor (ook een primeur), werd de Alto gebouwd als een onderzoekcomputer en was daarom niet beschikbaar voor commerciële releases. Met 2000 machines over de hele wereld was de Xerox Alto zo belangrijk, het was een bron van inspiratie voor de Apple Lisa (1983). In 1981 werd de Xerox Star uitgebracht, met veel van de ontwerpkenmerken van de Alto. De Xerox-pictogrammen geven blijk van aandacht voor menselijke interactie. Zoals u ziet, zijn Calculator, Document, Map en Prullenbak in bijna 30 jaar niet veranderd.
1981 - Xerox 8010 Star
De ontwikkeling van de Apple Lisa begon in 1978 en werd sterk beïnvloed door de eerdere Xerox-computers. In de hoop in de personal computing-markt een niche te worden, nam Apple de kantoormetafoor over om navigatie voor nieuwe gebruikers gemakkelijker te maken. Lisa was voor die tijd een geavanceerdere grafische gebruikersinterface omdat het mobiele "Bureauaccessoires" (vroege widgets), vervolgkeuzemenu's en mappen op mappen had. U kunt zien dat de pictogrammen niet veel verschillen van Xerox, met uitzondering van het formaat en de contouren van één pixel en het gebruik van de computer als voorkeurenpictogram (het is nu gebruikelijk om tandwielen te gebruiken).
1983 - Lisa Office System 1
Een jaar na Lisa werd de Apple Macintosh 1.0 uitgebracht. We zien nu het kopiëren van bestanden, verplaatsbare vensters en mooie nieuwe pictogrammen. De Macintosh-iconen zijn ontworpen door de nu legendarische Susan Kare. Susan Kare moet de all-time meester zijn van Icon design en was verantwoordelijk voor veel pictogrammen, waaronder de MacPaint-interface (fig. 2). De filosofie van Kare op het ontwerpen van iconen is simpel: "Ik geloof dat goede iconen meer verwant zijn aan verkeersborden dan illustraties, en idealiter een idee op een duidelijke, beknopte en gedenkwaardige manier moeten presenteren. Ik probeer te optimaliseren voor duidelijkheid en eenvoud, zelfs als palet- en resolutie-opties zijn toegenomen. " Deze filosofie vormt de kern van het vroege commerciële succes van Apple.
1984 - Macintosh System 1.0 (fig 1)
1984 - Macintosh System 1.0 (fig 2)
Het is belangrijk op te merken dat - voor degenen die wat jonger zijn dan ons, oude sentimentele computergebruikers - de GUI niet alleen voor de Apple-systemen was. De Atari ST had een besturingssysteem dat TOS heette en dat een minimale interface had, waarbij ook de metafoor van het bureau werd gebruikt, die inmiddels een computernorm was geworden. Het is interessant om te zien dat de TOS Isometric Disk-pictogrammen (bestandsladen) heeft.
1985 - Atari TOS-versie 1.0
De Amiga Workbench is gemaakt voor de Amiga 1000 personal computer. Ondanks de grof ontworpen pictogrammen was Workbench zijn tijd ver vooruit. Inclusief functies zoals aanpasbare muisaanwijzers, vierkleurenafbeeldingen en pictogrammen met meerdere statussen. U kunt de twee statussen van het pictogram "Workbench" in het onderstaande voorbeeld bekijken. De Amiga brak met de desktopconventie en koos ervoor om een werkbank met laden te gebruiken in plaats van bestanden.
1985 - Amiga Workbench 1.0
In 1985 bracht Microsoft eindelijk zijn eerste GUI uit. De pictogrammen zijn net zo grof als de Amiga, maar bevatten geen kleur. Het is interessant om te zien dat de eerste pictogrammen voor Windows Paint verschillende symbolen gebruiken voor MacPaint, in het bijzonder de Spray Painter.
1985 - Windows 1.0x
Ik heb GEOS opgenomen voor de Commodore 64, omdat het op dat moment de op een na populairste GUI was achter Macintosh 1.0 (op basis van verzonden eenheden). De pictogrammen hebben meer karakter dan Windows OS en delen de Mac-filosofie van duidelijk uitgedrukte metaforen.
1986 - Commodore C64 GEOS
Met System 7 zagen we de introductie van kleur in de pictogrammen. U merkt misschien dat de pictogrammen nu een beetje omhoog staan om "klikbaar" te verschijnen.
1991 - Macintosh System 7
In Windows 3.0 (1990) had Microsoft Susan Kare in dienst (die voor het eerst pictogrammen voor de Macintosh 1.0 maakte) die de ontwerpen aanzienlijk verbeterden. In 3.1 verfijnt verder de kleuren en ontwerpen voor de pictogrammen. Windows 3.1 was het eerste Windows-platform met vooraf geïnstalleerde True Type Fonts.
1990 - Windows 3
Windows 95 introduceert meer kleuren in de pictogrammen en een paar meer isometrische ontwerpen. Het Windows 95-ontwerp is een complete re-build en bevat elementen die tot op de dag van vandaag onderdeel uitmaken van Windows-ontwerpen. De elementen omvatten, de taakbalk, het menu en de beroemde Start-knop van Microsoft.
1995 - Windows 95
In Mac OS 8 beginnen de pictogrammen nu helderder te lijken en te worden weergegeven om een sterke lichtbron te tonen. Macintosh begint ook een isometrische stijl met een sterke "slagschaduw" te implementeren.
1997 - Macintosh OS 8
Mac OS X werd uitgebracht rond de tijd dat ik studeerde voor mijn opleiding Multimedia. Liefdevol de "Jelly Mac" genoemd door de meeste studenten. We konden niet anders dan de ultraglanzende en plastic-geleiachtige afwerking van de pictogrammen opmerken. De pictogrammen in OS X zijn ook een enorme stap vooruit in het ontwerp van het vorige OS 9, dat slechts twee jaar eerder werd uitgebracht (OS 9 ziet er bijna hetzelfde uit als OS 8 hierboven.) Waarschijnlijk worden de pictogrammen als gevolg van het Dock gerenderd hetzij vanuit een ongecompliceerd gezichtspunt of iets daarboven. Ontworpen rond het nieuwe thema Aqua, tonen pictogrammen complexe reflecties, hooglichten en structuren. Zonder het Aqua-thema betwijfel ik of het pictogramontwerp even wenselijk zou zijn als het nu is.
2001 - Mac OS X v10.0
In 2001 introduceerde Microsoft, nog een ander, volledig nieuw besturingssysteem. Met een verzadigd kleurenpalet worden de pictogrammen weergegeven met een zachte, illustratieve uitstraling die gebruikmaakt van een enkele lichtbron en een semi-transparante slagschaduw. Ze blijven de isometrische stijl gebruiken.
2001 - Windows XP
Mac sloten de strepen af en nemen een 3D-reflecterend document aan voor de pictogrammen om "op te zitten". Het gebruik van chroom, glas en reflecties is nog nooit zo populair geweest. De pictogrammen veranderen niet veel vanaf v10.0.
2007 - Mac OS X Leopard
De Windows 7-pictogrammen verschillen volledig van Windows XP en vergelijkbaar met Windows Vista. Het grootste verschil tussen Vista en 7 is de richting waarin de pictogrammen worden weergegeven. Ik heb geen officiële documentatie over de wijziging kunnen vinden, maar ik ben niet de enige die de vraag stelt. De pictogrammen in Windows 7 zijn ook zachter en meer glasachtig dan de vorige.
2009 - Windows 7
In de volgende aflevering (Know Your Icons Part 2 - Modern Icon Design) gaan we verder in de wereld van iconen en onderzoeken we wat iconen voor ons betekenen.
Accentsconagua