Kennen Sie Ihre Symbole Teil 1 - Eine kurze Geschichte der Computersymbole

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"

1981 Xerox 8010 Star - Der erste Consumer-GUI-Computer

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

1983 Apple Lisa - Popularisiert die GUI

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

1984 Apple Macintosh 1.0 - Künstlergestaltete Symbole

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)

1985 Atari TOS - Isometric Icons

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

1985 Amiga Workbench - Vier Farbsymbole

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 Windows 1.0x - Microsofts erstes GUI-Betriebssystem

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

1986 GEOS für Commodore 64 - Das alternative Betriebssystem

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

1991 Macintosh System 7 - Erster Mac OS mit Farben

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

1992 Windows 3.1 - Neue Designer-Icons!

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

1995 Windows 95 - Der Startknopf

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

1997 Macintosh OS 8 - Hellere Icons für Mac

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

2001 Mac OS X v10.0 - Jelly Mac

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

2001 Windows XP - Helle Soft-Icons

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

2007 Mac OS X Leopard - Reflektierendes Dock

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

2009 Windows 7 - weich und reflektierend

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

Ressourcen und weiterführende Literatur

  • Windows-Icons.com - Verlauf der Windows-Symbole
  • Das Vintage Mac Museum - "Alte Macs - NUR 9 Zoll / Mono Display 68000"
  • Reiseführer - Galerie der grafischen Benutzeroberfläche
  • Toastytech - Umfassende GUI-Galerie

Mehr dazu in Kürze

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.


Dieser Beitrag ist Tag 7 unserer Interface Design Session. Creative Sessions "Session Day 6Session Day 8"