Wie bei großen Kunstwerken müssen Sie in die Vergangenheit schauen, um die Zukunft zu würdigen. Mit ihren Wurzeln in den 70er Jahren hat die bescheidene Ikone einen langen Weg zurückgelegt. Es folgt eine Sammlung von Symbolen durch die Geschichte. Obwohl es in der Zeit von 1981 bis 2010 viele andere Betriebssysteme gab, habe ich die Betriebssysteme mit der größten Bedeutung für das moderne Ikonendesign ausgewählt. Diese Designs zeigen im Laufe der Jahre nur einen kleinen Bruchteil der Icons in den vielen und unterschiedlichen Benutzeroberflächen. Um mehr über die Geschichte des User Interface Design zu erfahren, finden Sie auf Wikipedia einen umfassenden Artikel zum Thema.
Dieser Beitrag ist Tag 7 unserer Interface Design Session. Creative Sessions "Session Day 6Session Day 8"1973 war der Xerox Alto das weltweit erste auf GUI (Graphical User Interface) basierende Computersystem. Der Alto wurde als "Forschungscomputer" konzipiert und war daher nicht für kommerzielle Zwecke verfügbar. Mit 2.000 Maschinen weltweit war der Xerox Alto so bedeutend, dass er für die Apple Lisa (1983) eine Inspirationsquelle war. Im Jahr 1981 wurde der Xerox Star veröffentlicht, der viele der Designmerkmale des Alto enthielt. Die Xerox-Symbole zeigen eine Berücksichtigung der menschlichen Interaktion. Wie Sie sehen, haben sich Rechner, Dokument, Ordner und Papierkorb seit fast 30 Jahren nicht geändert.
1981 - Xerox 8010 Star
Die Entwicklung des Apple Lisa begann im Jahr 1978 und wurde stark von den früheren Xerox-Computern beeinflusst. In der Hoffnung, eine Nische im Personal-Computing-Markt aufzubauen, übernahm Apple die Metapher im Büro, um neuen Benutzern die Navigation zu erleichtern. Lisa war zu dieser Zeit eine fortgeschrittene grafische Benutzeroberfläche, da sie über bewegliche "Desk Accessories" (frühe Widgets), Dropdown-Menüs und Ordner-basierte Verzeichnisse verfügte. Sie können feststellen, dass sich die Symbole nicht wesentlich von Xerox unterscheiden, mit Ausnahme der Größe und der Kontur eines einzelnen Pixels sowie der Verwendung des Computers als Voreinstellungssymbol (es ist jetzt üblich, Zahnräder zu verwenden)..
1983 - Lisa Office System 1
Ein Jahr nach Lisa wurde der Apple Macintosh 1.0 veröffentlicht. Wir sehen jetzt das Kopieren von Dateien per Drag & Drop, bewegliche Fenster und neue Symbole! Die Macintosh-Symbole wurden von der mittlerweile legendären Susan Kare entworfen. Susan Kare war die Meisterin des Icon-Designs und war für viele Icons verantwortlich, einschließlich der MacPaint-Oberfläche (Abb. 2). Kares Philosophie für das Icon-Design ist einfach: "Ich glaube, dass gute Icons eher an Verkehrsschilder als an Illustrationen erinnern und im Idealfall eine klare, prägnante und einprägsame Idee darstellen sollten. Ich versuche, für Klarheit und Einfachheit zu optimieren Palette und Auflösungsoptionen haben zugenommen. " Diese Philosophie steht im Mittelpunkt des frühen kommerziellen Erfolgs von Apple.
1984 - Macintosh System 1.0 (Abb. 1)
1984 - Macintosh System 1.0 (Abb. 2)
Es ist wichtig anzumerken, dass die GUI nicht nur für Apple-Systeme gedacht ist, sondern für diejenigen, die etwas jünger als wir sind. Der Atari ST hatte ein Betriebssystem namens TOS, das über eine minimale Benutzeroberfläche verfügte, die auch die Schreibtisch-Metapher verwendete, die inzwischen zum Computerstandard geworden war. Es ist interessant zu sehen, dass der TOS Isometric Disk-Symbole (Datei-Schubladen) hat.
1985 - Atari TOS Version 1.0
Die Amiga Workbench wurde für den Amiga 1000 Personal Computer entwickelt. Trotz der grob gestalteten Ikonen war Workbench seiner Zeit tatsächlich voraus. Dazu gehören Funktionen wie anpassbare Mauszeiger, vier Farbgrafiken und Symbole mit mehreren Status. Sie können die zwei Zustände des Symbols "Workbench" im folgenden Beispiel sehen. Der Amiga brach die Desktopkonvention und entschied sich für eine Workbench mit Schubladen anstelle von Dateien.
1985 - Amiga Workbench 1.0
1985 veröffentlichte Microsoft schließlich seine erste grafische Benutzeroberfläche. Die Icons sind genauso grob wie der Amiga, enthalten aber keine Farbe. Es ist interessant zu sehen, dass die ersten Symbole für Windows Paint andere Symbole als MacPaint verwenden, insbesondere den Spray Painter.
1985 - Windows 1.0x
Ich habe GEOS für den Commodore 64 hinzugefügt, da es zu der Zeit die zweitbeliebteste GUI nach Macintosh 1.0 war (basierend auf ausgelieferten Einheiten). Die Symbole haben mehr Charakter als das Windows-Betriebssystem und teilen die Mac-Philosophie klarer Metaphern.
1986 - Commodore C64 GEOS
Mit System 7 haben wir die Einführung von Farbe in die Icons gesehen. Möglicherweise stellen Sie fest, dass die Symbole jetzt etwas angehoben sind und "anklickbar" erscheinen..
1991 - Macintosh-System 7
In Windows 3.0 (1990) setzte Microsoft Susan Kare ein (die zuerst Icons für den Macintosh 1.0 herstellte), die die Designs stark verbesserte. In 3.1 verfeinert Kare die Farben und Designs für die Icons. Windows 3.1 war die erste Windows-Plattform mit vorinstallierten True Type-Schriftarten.
1990 - Windows 3
Windows 95 fügt den Symbolen mehr Farben und ein paar isometrische Designs hinzu. Das Windows 95-Design wurde komplett neu erstellt und enthält Elemente, die bis heute Bestandteil von Windows-Designs sind. Zu den Elementen gehören die Taskleiste, das Menü und der berühmte Start-Button von Microsoft.
1995 - Windows 95
In Mac OS 8 werden die Symbole jetzt heller und gerendert, um eine starke Lichtquelle darzustellen. Macintosh implementiert auch einen isometrischen Stil mit einem starken "Schatten"..
1997 - Macintosh OS 8
Mac OS X wurde zu der Zeit veröffentlicht, als ich für mein Studium in Multimedia studierte. Von den meisten Studenten liebevoll "Jelly Mac" genannt. Wir konnten nicht umhin, das ultra glänzende und kunststoffgeleierte Finish der Icons zu bemerken. Die Icons in OS X sind auch ein großer Sprung in Richtung Design vom vorherigen OS 9, das erst zwei Jahre zuvor veröffentlicht wurde (OS 9 sieht fast genauso aus wie OS 8.). Vermutlich werden die Icons aufgrund des Dock gerendert entweder aus direkter Sicht oder etwas darüber. Um das neue Aqua-Thema herum entworfen, zeigen Symbole komplexe Reflexionen, Highlights und Texturen. Ohne das Aqua-Thema bezweifle ich, dass das Icon-Design genauso wünschenswert wäre wie heute.
2001 - Mac OS X 10.0
Im Jahr 2001 führte Microsoft ein völlig neues Betriebssystem ein. Bei Verwendung einer gesättigten Farbpalette werden die Symbole in einem weichen, illustrativen Look mit einer einzelnen Lichtquelle und einem halbtransparenten Schatten dargestellt. Sie verwenden weiterhin den isometrischen Stil.
2001 - Windows XP
Mac schneidet die Streifen ab und nimmt ein reflektierendes 3D-Dokument für die Symbole zum "Sitzen" an. Die Verwendung von Chrom, Glas und Spiegelungen ist so beliebt wie nie zuvor. Die Symbole ändern sich nicht wesentlich von Version 10.0.
2007 - Mac OS X Leopard
Die Windows 7-Symbole unterscheiden sich vollständig von Windows XP und ähneln Windows Vista. Der Hauptunterschied zwischen Vista und 7 ist die Richtung, in die die Symbole zeigen. Ich konnte keine offizielle Dokumentation zu der Änderung finden, aber ich bin nicht der einzige, der die Frage stellt. Die Icons in Windows 7 sind außerdem weicher und glasiger als die vorherigen.
2009 - Windows 7
Im nächsten Teil (Know Your Icons Part 2 - Modernes Icon-Design) werden wir uns eingehender mit der Welt der Icons beschäftigen und untersuchen, was Icons heute für uns bedeuten.