Konzept und Gestaltung - Universität virtuell organisiert

5.3.3 Typografie Die Darstellung von Schrift am Computer hat ihre Tücken. Monitore können mit ihrer Auflösung von 96 dpi (PC) und 72 dpi (Macintosh) Details einer Schrift schlechter darstellen, als es beim Druck möglich ist. Das größte Problem bereitet die begrenzte Einteilung des Screens in Pixel, der Maßeinheit des Computer-Bildschirms. Bei einer Standard-Auflösung des Computer-Bildschirmes von 800x600 ist nicht sehr viel Platz einen Buchstaben, so darzustellen, wie ihn der Typograf entworfen hat. Dadurch, dass ein Schriftzeichen bei der Darstellung in Pixel zerlegt wird, entsteht ein unschöner „Treppeneffekt“. Um das Problem am Bildschirm zu lösen, verwenden viele Grafikprogramme Antialiasing, eine Art Weichzeichner. Problematische Stellen in der Schrift werden in Graustufen-Pixeln angezeigt, womit die ursprüngliche Form der Schrift nur simuliert wird. Das randscharfe Abbilden einer Post-Script-Schrift ist unmöglich. Das führt dazu, dass bei kleinen Schriftgrößen die Typografie unscharf wird. Details, welche für die Lesbarkeit wichtig sind, verschwimmen. Das ist leicht nachzuvollziehen, wenn man bedenkt, dass der kleine Buchstabe „r“ der Times bei einer Größe von 9pt auf dem Bildschirm gerade einmal 4 Pixel in der Höhe zur Verfügung hat. Um ein ausgewogenes Verhältnis zwischen Text und Grafik in der Gestaltung zu erreichen, spielt die Schriftgröße beim Screen-Layout auch eine entscheidende Rolle. Während bei der Verwendung der Systemschrift Times eine Größe von 12pt auf dem Bildschirm gut lesbar ist, scheint sie bei einer beschränken Layoutgröße von 800 Pixel ziemlich übergewichtet. Die 10pt hingegen wirkt im Layout viel angenehmer, ist aber (spätestens am Mac) schwer zu lesen. [...]

5.3.2 Logo und Schriftzug Für den Schriftzug von UNI Backstage suchte ich ein Schrift, die zeitlos aber trotzdem modern (nicht modisch) wirkt. Die von mir überarbeitete Pixelschrift erwies sich als untauglich, den Anforderungen Print und Multimedia gerecht zu werden. UNI Backstage ist ein Projekt, das nur in den neuen Medien zu realisieren ist und auch eine Modernisierung der Hochschulorganisation darstellt. Aus diesem Grund war eine Serifenschrift unvorteilhaft, da die verwendete Schrift gleichzeitig in Print und Multimedia zum Einsatz kommen kann. Legt man zeitlos und modern als entscheidende Kriterien zugrunde, erscheint mir die Futura als Schrift für UNI Backstage am idealsten. Während des Bauhauses entwickelte, ist sie heute noch eine der bekanntesten Schriften. Ihre geometrischen Formen spiegeln in Anlehnung an die Philosophie des Bauhaus den Gedanken von UNI Backstage als Einheit von Funktion und Design wider. Sie steht für funktionale und geometrische Gestaltung, in der Design und Funktion eine harmonische Verbindung ergeben. Die Zeitlosigkeit der Schrift unterstreicht auch Philosophie von UNI Backstage, nicht mit der Tradition der Hochschulen zu brechen, sondern sie medial zu erweitern. In einer ersten Idee für ein Logo wird der Claim ACCESS ALL AREAS wird mit drei A dargestellt. Die Box symbolisiert einen Backstage-Pass (ähnlich einer Kreditkarte), [...]

auch wenig mit den Farben im Informationsbereich. Damit die Gestaltung durch das Grau nicht langweilig wirkt, gibt es eine Zusatzfarbe, die gleichzeitig die Aufgabe als Navigationsfarbe hat. Hell bedeutet Auswahlmöglichkeit. Dunkel bedeutet aktuelle Auswahl. Bei der Auswahl der Farbe habe ich in Betracht gezogen, dass es eine Farbe sein muss, die beruhigend auf den Benutzer wirkt, da das System täglich benutzt wird. Deshalb kamen nur Blau und Grün in Frage. Diese Farben werden auch in der Metallindustrie als Farbe für gefährliche Maschinen verwendet, um die Arbeiter zu beruhigen. Ich habe mich für Grün entschieden, da Grün neben Stabilität und Friedlichkeit auch eine Naturfarbe ist, die im Gegensatz zu Blau (Stahl, Glas) einen Ausgleich zur funktionalen und rationalen Gestaltung bieten soll. 5.3.1.5 Navigation Da es sich um eine multimediale Anwendung handelt, sind Verknüpfungen (Links) nicht nur innerhalb der Menüführung möglich, sondern auch im Inhaltsbereich. Um die Funktionen hervorzuheben und vom Textbereich deutlich als Funktion zu kennzeichnen, habe ich die Führungsfarbe verwendet (Grün), die auch die Menüführung nutzt. Die Navigation im Textbereich ist in folgende Formen eingeteilt. Funktionsbutton Buttons die geläufige Funktionen haben, sind rund gekennzeichnet. Das betrifft den Vor-, Zurück- und den Fenster-Schliessen-Button. Bestätigungsbutton Buttons, die das Verlassen des Bereiches und/oder das Ändern von Einstellungen im System nach sich ziehen, sind beschriftet und als Box dargestellt. Die RolloverFunktion hat hier die zusätzliche Aufgabe, dem Benutzer anzuzeigen, in welchem Bereich sein Klick zur Anwendung kommt. Textlinks Links, die die Überschrift eines Artikels bilden, sind mit einer Linie unterstrichen, die mit einer Box gekennzeichnet ist. So wird klar, dass eine Linkmöglichkeit besteht. [...]