Inhalt
2.1 Am Anfang war...
Das allgemeine Layout
Layout-Variante A (Ende 1997) |
Layout-Variante B (Anfang 1999) |
Man mag es kaum glauben, aber das heutige Textlayout
der LCARS Datenbank, war am Anfang das generelle Design der Star Trek Dimension, obwohl es
ja eigentlich eher für den typischen LCARS Look & Feel steht. Der Grund dafür ist in
der Entstehungszeit der beiden großen, ursprünglichen Dimension Projekte zu suchen. Als
ich gegen Ende 1997 mit der HTML Programmierung begann, machte ich mich wie bereits
erwähnt bald daran, ein generelles LCARS Interface zu entwickeln.
Während dieses noch in Entwicklung war, wurden die ersten Dateien sowohl der
Datenbank als auch des neuen "Star Trek Guides" geschrieben, wobei
ursprünglich beide Projekte auf die LCARS Oberfläche zurückgriffen, d.h. jede
Episode des Guides bzw. jedes Stichwort der Datenbank über das Star Trek konforme
Interface abrufbar sein sollte.
Aus diesem Grund wiesen schließlich die Dateien beider Projekte ein
LCARS-ähnliches Layout auf. Sie erhielten als Farbschema weiße Schrift auf schwarzem
Hintergrund, mit purpurrot als Überschriften- und hellgelb als Markierungsfarbe. Für
Links wurde ein unauffälliges hellgrau gewählt, da diese natürlich bei einem echten
LCARS Interface nicht existieren.
Als in der ersten Hälfte des Jahres 1999 schließlich die "Rahmendateien" für
das Webprojekt entstanden (während der Episodenführer erst einmal kein Bestandteil des
Gesamtprojekts wurde und erst später hinzukam), wurde ebenfalls das Farbschema
der Datenbank übernommen, da ja die Star Trek Dimension quasi synonym für die Datenbank
stand. Jedoch, auch als sich dies änderte, wurde das alte Design erst einmal beibehalten.
So kam es, daß das LCARS Layout nach dem Onlinestart im August 1999 auch in den anderen
Projekten und allen anderen neuerstellten Dateien Einzug hielt.
Eine Ausnahme bildeten jedoch die technisch
orientierten Projekte. Das "Subspace Manual", welches bis zum Juli 1999 erstellt
wurde, hatte z.B. von vornherein ein anderes Layout erhalten, da es als Star Trek
Background Projekt ja kein Teil der Datenbank war und erst einige Zeit nach dem
Onlinelaunch und nach der Neudefinierung der Ziele des Webprojekts (weg von der reinen
"Datenbank-Site" zur "Multi-Projekte-Site", die alle Aspekte von Trek
beleuchtet) in die "Star Trek Dimension" aufgenommen wurde .
Als Schlüsselfarbe wurden hier hellblau und grau gewählt, in Anlehnung an die ersten
"TrekWorld" Projekte. Diese Farben wurden auch für die "Star
Trek Kartographie" übernommen, so daß die Star Trek Dimension als Konsequenz
Ende 1999, nach Hinzufügen des "Subspace Manuals" und anderer Projekte, zwei
völlig verschiedene Farbschemata aufwies.
Die Seiten-Navigation wurde in beiden Layouts durch
einen einfachen, relativen "Zurück" Link ermöglicht, der zusammen mit dem Star
Trek Dimension Schriftzug und dem Titel der Seite einen einfachen, in unaufdringlichem und
neutralen grau/gold gehaltenem Header bildete.
Die Hauptseite
Während "Rahmendateien" wie die News-
oder die History-Seite schon etliche Monate vor dem Onlinelaunch entstanden, wurde die
tatsächlich verwendete Titelseite der "Star Trek Dimension" erst Ende Mai 1999
erstellt. Wie sie aus dem ersten Kapitel wissen, hatte es schon einmal eine - extrem
simpel aufgebaute - Hauptseite für die LCARS Datenbank gegeben, im Herbst 1997, als ich
auch für kurze Zeit den Namen "Star Trek Dimension" in Erwägung zog.
Während jedoch das (endgültige) neue Logo der Hauptseite definitiv Gemeinsamkeiten mit
dem damaligen Logo aufweist, war die neue Frontpage eine komplette Neuentwicklung, die den
überraschenden Online-Start mehr oder weniger "überlebte". "Mehr oder weniger" heißt, daß die Struktur und
die meisten Elemente der Hauptseite (der damalige Name war "Login-Seite", was die ursprüngliche, alleinige Funktion als
Titelseite der Datenbank unterstreicht) erhalten blieben, aber z.B. das Logo beträchtlich
weiterentwickelt wurde (siehe nächster Abschnitt) und sämtliche Textlinks zur graphische
Elemente ersetzt wurden.
Daneben hatten aber auch die grundlegenden, bereits erwähnten Änderungen der
"Mission" der Site wenige Tage nach dem Onlinestart einen Einfluß auf das
endgültige Erscheinungsbild: stellte vor der Veröffentlichung die LCARS Datenbank
praktisch das einzige Projekt der Dimension dar, weshalb die Hauptseite entsprechend
einfach strukturiert war und zusammen mit der News-Seite als damalige
"Schaltzentrale" des Webprojekts fungierte, mußte mit der Verschiebung des
Fokus der Star Trek Dimension und dem Start des zweiten großen Projekts, der "Star
Trek Kartographie", auch das ursprüngliche Layout der Titelseite weiter angepaßt
werden: nachdem die Projektseite als neue "Schaltzentrale" eingerichtet worden
war, wurden alle Hauptseiten-Links zu individuellen Projekten entfernt und ein
Projekt-Link eingerichtet.
Später, gegen Ende des Jahres, kam zudem ein
ständig wechselnder Bannerlink für die zahlreichen neuentstandenen Bereiche und Projekte
der Site (etwa der "Sound Dimension" und den Episodenlisten) hinzu, um die
Vielseitigkeit der Dimension zu unterstreichen und vom reinen "Datenbank-Image"
wegzukommen.
Jedoch waren keine der Veränderungen in diesem Jahr
von grundlegender Natur, so daß der Einfluß der ursprünglichen Wurzeln der Star Trek
Dimension auf das Design und Layout der Titelseite noch lange Zeit erhalten blieb und erst
nach und nach mit den nächsten zwei großen Updates der Hauptseite wirklich abgeschwächt
wurde. |
|
Das zuvor niemals veröffentlichte allererste Layout
(Mai 1999) |
|
|
Das erste Online-Layout mit erweitertem Logo
(Juni-Sept 1999) |
|
|
Weiterentwickelte Version mit Werbebanner
(Okt-Dez 1999) |
|
|
|
|
|
|
|
Eines der
animierten Gifs, die ab Oktober 1999 als Werbebanner für verschiedene Bereiche der Site
genutzt wurden. Sie bestanden aus 4-6 Einzelbildern, die die einzelnen Projekte der Site
vorstellten. |
|
Dieses Banner
wurde erstellt, aber nicht verwendet, da es in einem animierten Gif zu zu langen
Ladezeiten geführt und mit dem farbigen Design die Hauptseite zu unübersichtlich gemacht
hätte |
Das Logo
Das niemals gezeigte "Login-Padd" der
allerersten Titelseite (Mai 1999) |
Zentraler Bestandteil der Hauptseite
war und ist das Logo der Star Trek Dimension. In Hinblick darauf, daß ursprünglich
die LCARS Datenbank gleichbedeutend mit der ganzen Website war, ist es nicht
verwunderlich, daß es in seiner ersten Version vom Mai 1999 als ein einfaches
Sternenflottenpadd mit einem eingepaßten Screenshot des Datenbankinterfaces erscheint. |
|
|
Die "Titelbild" Studie vom Herbst 1997 |
Auch wenn sich an dem Hauptthema des
Designs (das Datenbank-Padd) nichts änderte, entwickelte ich das Logo kurz vor dem
Onlinelaunch der Dimension im August desselben Jahres noch einmal entscheidend weiter.
Inspiration war dabei ein zwei Jahre zuvor entwickeltes Logo, welches als
"Titelbild" auf der bereits vorgestellten "Star Trek Dimension"
Hauptseitenstudie vom Herbst 1997 zu sehen war.
Während jenes Logo in seiner Grundstruktur völlig anders war als das, was ich im Sinn
hatte (es war wie gesagt eher ein Titelbild), enthielt es doch zwei Elemente, die ich zu
dem Padd des Mai '99 Logos hinzufügen wollte: die Captains aller Star Trek Serien (damals
vier) als auch die Raumschiffe/Raumstationen der Star Trek Saga als Ausdruck dafür, daß
die Star Trek Dimension alle Serien und alle Aspekte von Star Trek berücksichtigt. |
|
Das letztendlich zum Onlinestart
verwendete Design des Dimension Logos zeigte das perspektivisch verzerrte LCARS Datenbank
Padd der Originalversion, über dem die vier Star Trek Captain gruppiert sind (wobei
natürlich neuere Bilder verwendet wurden; nur das Bild Captain Kirks ist dasselbe wie im
Titelbild von 1997!). Unterhalb des Padds sollten eigentlich die Sternenflottenschiffe
erscheinen, jedoch war dafür leider kein Platz mehr, da ich einerseits die
Gesamtskalierung des Logos nicht verändern wollte, auf der anderen Seite aber das gesamte
Logo im Browserfenster bei 800x600 Pixel sichtbar sein sollte, was bei zusätzlichen
Raumschiffen nicht mehr der Fall gewesen wäre. Das war aber auch nicht weiter schlimm, da
die Kernaussage ja bereits durch die 4 Captains erfüllt wurde (zumal bei den Schiffe ja
die Enterprise NCC-1701 für die ursprüngliche Star Trek Serie fehlte) und ich das
Schiffsbild stattdessen auf der Einführungs-Seite verwendete, wo es heute noch (nach
einigen Überarbeitungen) zu sehen ist.
|
|
|
|
|
|
Die
"Padd-Crew" des 1997er Titelbildes, und im Vergleich dazu die ähnliche
Gruppierung der 4 Sternenflottencaptains des August 1999 Logos |
Nicht
verwendete Version des LCARS Datenbank Padds, in dem sich die Brücke der Enterprise-E
spiegelt |
Das fertige
Logo vom August 1999 komplett mit lila Schein und Spiegelung der Captains im Padd |
|
|
|
|
Ebenso wie das Titelbild wurde das Logo
bis Ende 1999 nur wenig verändert, und auch wenn es in den folgenden Jahren noch mehrere
Male erweitert (ob nun als weiterer Schritt in der Design-Evolution oder als zeitweilige
Spezialversion), verbessert oder gar komplett neu erstellt wurde, ist der Grundaufbau -
ein Datenbank-Padd und darüber die Star Trek Captains - immer derselbe geblieben. |
|
Nie verwendete Spezialvariante
(November 1999)
|
2.2 Ein wahres
"Dimension"-Design
Generelles Layout
Das neue Layout (Anfang 2000) |
|
Das große Design-Update, welches im Dezember 1999
mit der Erschaffung einer neuen Titelseite und eines erweiterten Logos begann und sich im
Laufe der ersten Monate des Jahres 2000 zu einer kompletten Änderung des generellen
Textlayouts der meisten Star Trek Dimension Informationsdateien und Projekte ausweitete,
wurde nach dem Onlinelaunch im August 1999 aus einer Vielzahl von Gründen nötig.
Zum einen paßte das LCARS Farbschema (verständlicherweise) zwar wunderbar zur Datenbank,
aber wirkte in allen anderen Dateien eher deplaziert, da diese ja nicht in das aus
mehreren Frames bestehende LCARS Interface integriert waren und auch nichts mit den
Datenbankeinträgen und ihrer versuchten "realistischen Simulation eines
Informationsterminals des 24. Jahrhunderts" zu tun hatten. Dabei spielte auch eine
Rolle, daß das Design, dem gegenüber der Datenbank lediglich ein einfacher
Sternenhintergrund hinzugefügt worden war, als generelles Layout der Dimension auch nicht
besonders anspruchsvoll oder aufwendig wirkte. Das gleiche gilt für das hellblaue,
ebenfalls sehr einfach gehaltene, alternative "Subspace Manual" Layout - womit
wir beim zweiten Grund wären. Jeder Designer weiß, daß sich ein gutes Layout nicht
durch besonders große Farbvielfalt, sondern durch eine logische, konsistente
Wahl der Farben und Designelemente auszeichnet. Deshalb war mir die
"Zweiteilung" der Dimension schon lange ein Dorn im Auge. Drittens spielte aber
auch die angesprochene Online-Entwicklung der Dimension weg von der ursprünglichen
"Datenbank-only" Prämisse hin zu einer Website mit vielen, mehr oder wenig
gleichberechtigten Projekten, die sich sowohl mit dem Trek Universum selbst als auch dem
Background beschäftigen, eine Rolle: eine klare graphische Abgrenzung der neuen,
eigenständigen Bereiche von der Datenbank war erforderlich.
All diese Punkte führten zu dem Entschluß, nach und nach für alle Projekte (außer der
Datenbank natürlich, für die ein LCARS-typisches Layout ja absolut notwendig ist) ein
völlig neues und graphisch komplexeres Design einzuführen, welches im Februar 2000
entwickelt wurde - und zwar ursprünglich exklusiv für die neugeschriebene Version der
Star Trek Kartographie, bevor ich mich angesichts der nun drei (!) verwendeten
Farbschemata für ein komplettes Layout-Update entschied.
Dieses neue Layout beinhaltete in Anlehnung an die "Subspace Manual" Variante
eine größere Zahl von Schlüsselfarben für Text, Überschriften, Markierungen und
Links, die alle verschiedene Blau- und Lilatöne sind, wobei der grau-goldene Seitenheader
(mit dem STD Schriftzug, dem Titel der Seite und dem "Zurück" Link) aber
vorerst derselbe blieb.
Die neue Farbkombination wirkten einerseits recht seriös und "edel",
anderenseits auch frisch und augenschonend, da der Kontrast zwischen Vorder- und
Hintergrund nicht mehr so groß ist. Ein zuerst nur in den Informationsdateien und einigen
wenigen Projekten, aber nach und nach in der gesamten Dimension eingeführter
interessanter "Sternennebel"-Hintergrund und eine Vielzahl erweiterter oder
neuer Titelbilder/-logos für die einzelnen Projekte sorgte zudem für einen
"professionelleren Look" der Dimension.
Aber um Ihnen einmal vor Augen zu führen, über welchen Zeitraum sich diese Anpassung von
damals etwa vierhundert Dateien erstreckte: da das Update schrittweise, im Zuge von
generellen Updates der einzelnen Projekte durchgeführt wurde, wurden erst Ende 2000 -
nachdem bereits die nächste Layout-Erweiterung abgeschlossen worden war - die letzten
Projekte (die Episodeguides und das Subspace Manual) an das neue Layout angepaßt, welches
seit dieser Zeit bis heute das einzige und offizielle Layout der Dimension geblieben ist.
Die Hauptseite
Neben den verschiedenen grundsätzlichen
Designproblemen war der unmittelbare Auslöser der Design-Umstellung Anfang 2000, wie
bereits angedeutet, jedoch ein anderer: im Dezember 1999 wurde, in Vorbereitung des
großen Jahr 2000 Specials, die bisherige Hauptseite durch eine neue Titelseite ersetzt,
die sich grundlegend von der bisherigen Version unterschied. Während letztere recht
einfach aufgebaut war und trotz einiger Erweiterungen nach wie vor eher wie die
ausschließliche Login-Seite der LCARS Datenbank, die sie einst ja auch war, denn wie eine
generelle Hauptseite der Multi-Projekte-Website wirkte, sollte die neue Frontpage weit
mehr als allgemeine "Schaltzentrale" fungieren und damit eine größere Anzahl
von Informationen und Verzweigungen bieten.
Die Entwicklung des neuen Designs nahm einige Wochen
in Anspruch, da die Gefahr bestand, daß die neue Titelseite zu überladen und
unübersichtlich werden würde und die vorteilhafte einfache Bedienung der ursprünglichen
Seite damit verloren gehen würde. Denn einerseits sollte das Star Trek Dimension Logo
weiterhin das dominierende Element der Frontpage bleiben, aber andererseits auch ein
Einführungstext, Links zu den "Rahmendateien" und den Projekten, die aktuellen
News und die Copyrightinfos in die Seite integriert werden.
Nie verwendete Studie für die Frontpage, die
an der langen Ladezeit für die vielen Grafiken scheiterte. |
Diese Studie hat das Design der endgültigen
Frontpage,
weist aber noch keine Frames auf.
|
|
|
Die Lösung des Problems war
schließlich eine vertikale, allerdings unsichtbare Zweiteilung der Frontpage in einen
starren, unbeweglichen Logoframe und einen nach unten scrollbaren Aktionsframe, der in
einzelnen Sektionen den Einführungstext, die Links, die News usw. enthält. Kurz vor
Weihnachten 1999 wurde die Entwicklung der Frontpage endlich abgeschlossen und die
endgültige Version veröffentlicht. |
|
Jedoch war mit der neuen Titelseite nun
ein drittes, stark an Lilatönen orientiertes Design zur Website hinzugekommen, das das
Farb-Durcheinander noch verstärkte. Mit dem Beschluß der generellen Einführung eines
neuen Aussehens für die Dimension im Februar 2000, welches in der Farbgebung von der als
Grundlage verwendeten neuen Titelseite abwich (ein bläulicheres lila), mußte damit auch
die Hauptseite ein letztes Mal überarbeitet werden, bis im Herbst desselben Jahres das
nächste Design-Update eine Erweiterung und leichte Veränderung des Layouts erforderlich
machte. |
|
|
|
|
Der Aufbau und die intendierte Funktion der Hauptseite hat sich damit seit
diesem Meilenstein-Update nicht wirklich grundlegend geändert, auch wenn sie gelegentlich für besondere Anlässe, etwa dem Start des
Jahres 2000 oder den Geburtstagen der Site zeitweilig angepaßt wurde. |
Das Logo
|
Die vier Captains - in der
ursprünglichen Version (Aug 1999) und der neuen Fassung (Dez 1999) |
|
|
|
Im Zuge der Neugestaltung
der Hauptseite und die Umstellung auf ein an Lila-Tönen orientiertes Farbschema wollte
ich Ende 1999 auch das Dimension Logo überarbeiten, erweitern und an das veränderte
Design anpassen. Dazu wollte ich wieder bei den ursprünglichen Einzelelementen,
d.h. den Captains, dem Padd usw. beginnen und das ganze in einem von mir bisher so gut wie
gar nicht verwendeten Programm - Paintshop Pro - als einzelne "Ebenen" neu
zusammensetzen. Diese "Layer-Technik", die in Paintshop fast so ausgereift war
wie in dem wesentlich teureren Profi-Programm PhotoShop, bietet gerade für komplexe, aus
mehreren, teilweise übereinanderliegenden und mit diversen Effekten verknüpften
Bildelemente enorme Vorteile, da sie separat erhalten bleiben und so immer wieder einzeln
bearbeitet werden können. Tatsächlich war das neue Dimension Logo das erste auf diese
Weise erstellte (und erhalten gebliebene) Bild, und es bildete bis zum 2. Geburtstag im
Sommer 2001 die Grundlage für sämtliche Spezialvarianten und Erweiterungen.
Die ursprüngliche Logo-Version, die noch mit dem Programm "PhotoStyler"
erstellt wurde, stand mir natürlich nur in einer Komplettversion zur Verfügung, doch
hatte ich glücklicherweise die zugrundliegenden Bildteile auch einzeln abgespeichert. Das neue Logo weist nun neben der neuen Erstellungstechnik
(die fortan für so gut wie alle zusammengesetzten Logos, Bilder usw. der Dimension
verwendet wurde) folgende Änderungen auf: die Bildqualität und Randschärfe des Padds
und der Captains wurde erheblich erhöht, die Captains haben teilweise neue Uniformen
erhalten bzw. wurden gleich ganz durch neue Versionen ersetzt, und das heute so
allgegenwärtige "Dimension" Bildelement wurde - zum ersten Mal in einem Bild
der Website überhaupt - als Hintergrundgrafik hinzugefügt, um das Logo komplexer zu
machen und in das neue Lila-Farblayout einzupassen.
Dieses Bildelement hatte ich bereits für die oben gezeigte, aber nicht verwendete
Hauptseiten-Studie als zum neuen Textlayout am besten passendes Hintergrundbild
ausgewählt. Es basiert - wie Sie vielleicht schon erraten haben - auf einem Screenshot
des spektakulären Mattepaintings in der frühen TNG-Episode "Der Reisende",
welches das "Ende des Universums" darstellen sollte. Mit der Integration in das
neue Titellogo wurde das Bild zu einem wichtigen Bestandteil des Star Trek Dimension
Designs, aber erst im Nachhinein wurde mir klar, wie günstig die Entscheidung für gerade
diese Aufnahme für die - bei meinen Entwürfen fast immer präsente - Aussage
des Designs war: in der genannten TNG-Episode verkörpert dieser Ort, den man entweder
für das Ende des Universums oder den Anfang von Raum und Zeit hält, einen
unvorstellbaren, grenzenlosen Ort, an der die Fantasie zur Wirklichkeit wird - etwas, was
auch die Star Trek Dimension verkörpern soll. Deshalb ist es sicher nicht erstaunlich,
daß in den folgenden Monaten und im Zuge der nächsten Designupdates das
"Dimension" Element in vielen Bereichen der Website Einzug hielt. |
|
Ausgehend von dem Logo-Bereich der ersten
Hauptseiten-Studie... |
...soll der Hintergrund ein eigenständiges
Bildelement mit natürlich wirkenden Grenzen werden... |
...was hier in der Endversion - zusammen mit
überarbeitetem Padd und Captains - am besten gelingt. |
|
Die Entwicklung des Logos selbst war damit aber
natürlich noch nicht abgeschlossen. Eigentlich war die gezeigte Endvariante gar nicht als
erstes zu sehen, sondern eine bereits weiterentwickelte Spezialvariante, die zum großen
Jahr 2000 Special am 1.1.2000 auf der neu designten Hauptseite erschien. Mit der
generellen Umstellung der Website auf ein neues Layout und der damit notwendigen
nochmaligen Überarbeitung der Hauptseite mußte im Februar 2000 auch das Logo leicht
farblich verändert werden.
Schließlich wurden im April weitere Unreinheiten
eliminiert und das Gesamt-Erscheinungsbild verbessert (z.B. eine Glättung der Kanten des
Padds). Außerdem wurde ein interessanter Bildfehler behoben, der sich bereits in die
allererste Version des Logos eingeschlichen hatte und bis zu diesem Zeitpunkt alle
Veränderungen des Padds "überlebt" hatte: bei der Zusammenstellung der
Captains für das erste Logo im August 1999 war das Bild Captain Siskos gespiegelt worden,
um seine Blickrichtung der der anderen Captains anzupassen. Unglücklicherweise spiegelte
ich die Uniform ebenfalls, so daß Sisko für ein dreiviertel Jahr seine Rang-Pins auf der
falschen Seite trug! Glücklicherweise hatte es bis zu diesem Zeitpunkt nie jemand
bemerkt, und es wäre wohl auch nie erwähnt worden, hätte ich hier nicht diese kleine
Geschichte erzählt ;-)
|
|
|
|
|
|
Das Millennium-Logo (Januar
2000), eine Erweiterung des neuerstellten Dimension Logos |
Die verbesserte Version vom
April 2000 |
Padd-Ausschnitte von Aug 1999,
Dez 1999 und April 2000 - zweimal derselbe Fehler, dann endlich die Behebung |
2.3 Die nächste
Generation des Web Designs
Generelles Layout
Das alte Gesamterscheinungsbild am Beispiel der
Einführungsseite (Mitte 2000) |
Das ziemlich veränderte, weitaus komplexe
Erscheinungsbild nach Komplettierung des Mega-Updates im November 2000 |
Bereits Ende August 2000, kurz nach dem ersten
Geburtstag der Dimension, begann ich die Arbeit am wahrscheinlich größtem Update-Projekt
seit der Design-Umstellung Anfang 2000 mit dem Zusammentragen von
Verbesserungsmöglichkeiten und dem Entwurf von Konzepten und Designstudien. Erst am 20.
November wurden die Arbeiten mit der zeitgleichen Veröffentlichung aller Neuerungen und
Veränderungen (und das umfaßte den erneuten Upload von immerhin 700 HTML und zahllosen
neuen bzw. überarbeiteten Bilddateien) abgeschlossen, da ich mir viel Zeit zur Planung
und Realisierung des Updates ließ, was sich meiner Meinung nach auch positiv auf das
Endresultat ausgewirkt hat.
Das Kernziel des ganzen war für mich von Anfang an,
das Star Trek Dimension Design, die Strukturierung und die Navigation noch einheitlicher
und professioneller zu machen und dazu die letzten Überbleibsel des früheren Designs zu
beseitigen. Da ich im zurückliegenden Jahr meine Fähigkeiten im Bild- und Webdesign
erheblich verbessern konnte - nicht zuletzt aufgrund des endgültigen Umstiegs auf
Paintshop Pro mit seinen mächtigen Ebenen- und Maskenfunktionen- war natürlich der
zweite wichtige Punkt, das Erscheinungsbild der Site auf den neuesten Stand der Technik zu
bringen, noch aufregender zu gestalten und die Grenzen des für mich Möglichen wieder ein
Stück nach vorn zu verschieben, wie in der letztendlichen Tagline des Updates "The
Next Generation of Web Design" zum Ausdruck kommt.
Was wurde nun konkret am Seitenlayout geändert? Die
wichtigsten Verbesserungen waren:
- Einfachere und schnellere Navigation durch den immer
eingeblendeten, schnittigen Dimension Bar und zusätzliche Navigationsleisten in einzelnen
Projekten.
- Mehr Bedienkomfort durch ausführliche Benutzerinfos,
Beschreibungen und Hilfetexte, dort, wo es notwendig ist. Viele der Informationsdateien
wurden völlig neu geschrieben, und es gibt ein Gästebuch, in dem Sie schnell und bequem
ihre Meinung bekunden können.
- The Next Generation of Web Design. Layout und Design wurden
noch erheblich gesteigert. Überall gibt es neue bzw. verbesserte Graphiken und Logos, die
Titelseite wurde erweitert und mit den Navigationsleisten ein neues Designelement
hinzugefügt.
Eine komplette und ausführlichere
Beschreibung aller Veränderungen finden Sie auf der Spezialseite, die ich extra für das "Mega Update" angelegt
hatte. Hier will ich mich stattdessen auf die neuen Designelemente des allgemeinen
Designs, des Titelbilds und des Logos sowie auf die Inspirationen, Ideen und neuen
Techniken, die eingeflossen sind, konzentrieren. |
|
Das wohl auffälligste neue Design- und
Navigationselement des überarbeiteten Seitenlayouts sind zweifelsohne die "Dimension
Bar" genannte schmale Navigationsleiste, die bei einzelnen Projekten durch einen
weiteren, unterhalb direkt anschließenden Framebalken ergänzt wird.
Lange Zeit habe ich überlegt, ob ich diese
wichtigste und grundlegendste Änderung überhaupt durchführen sollte, da sich - wie der
erfahrene HTML Designer weiß - durch die Verwendung von Frames einige Nachteile ergeben,
weshalb heute sehr viele Seiten ganz auf sie verzichten. Da mir aber die Vorteile - eine
schnelle, bequeme und einheitliche Seitennavigation, die mit geringem Aufwand zu
realisieren ist (da der Frame ja als eigenständiges Dokument entworfen wird, getrennt von
den tatsächlichen Seiteninhalten eingeblendet wird und damit als globales,
allgemeingültiger Interfacebestandteil immer verfügbar ist) - für eine
Weiterentwicklung des Layouts und der Benutzerbedienung zu wichtig waren, wählte ich
einen Mittelweg und versuchte, die Nachteile so gut wie möglich zu umgehen.
So legte ich die Leiste so schmal wie möglich an, um auch bei kleineren Auflösungen
(800x600) noch möglichst viel Fläche für den tatsächlichen Seiteninhalt zu bieten.
Außerdem verzichtete auf eine zu komplexe und umfangreiche Struktur und gestaltete die
Leistenelemente so selbsterklärend und übersichtlich wie möglich an, um auch den neuen
oder unerfahrenen Benutzer nicht unnötig zu verwirren (wobei das ganze eher zufällig
denn beabsichtigt an die Windows Startleiste erinnert). So besteht die Leiste im
wesentlichen aus dem Star Trek Dimension Schriftzug, der zugleich ein Link zur Hauptseite
ist, einer Reihe gruppierter Symbole, die Links zu den wichtigsten "Dimension"
Projekten darstellen sowie zweier in Textform gestalteter Links zur Haupt- und
Projektseite als Schaltzentralen der Dimension, in welchen weitere, nicht aufgeführte
Links zu Projekten und Informationsdateien verfügbar sind. Durch diese einfache, aber
effektive Struktur läßt sich also die gesamte Websitenavigation mittels einer Leiste
durchführen, während die Navigation innerhalb eines Projekts wie erwähnt ggf. durch
eine zusätzlich eingeblendete Hilfsleiste ermöglicht wird.
Einem weiteren häufigen Problem von Navigationsframes (und Navigationsleisten allgemein),
das ich mit dem "Dimension Bar" Layout aus dem Weg gehen wollte, war die
Abhängigkeit von bestimmten Browsern und Browserfunktionen sowie Bildschirmauflösungen.
Wenn man eine allgemeine Leiste anlegt, die für die Seitennavigation von immanenter
Bedeutung ist (auch wenn die Star Trek Dimension weiterhin eine alternative, nicht von den
Frames abhängige Navigation anbietet), sollte meiner Meinung nach sichergestellt sein,
daß sie auch überall funktioniert - was bei den heute häufig vorkommenden Java,
Javascript oder DHTML einfach nicht gewährleistet ist. Außerdem kommt es bei den häufig
komplexen Menüs diverser Sites häufig zu Problemen, wenn man mal nicht die
Standardauflösung eingestellt hat. Diesen Problemen ging ich aus dem Weg, in dem ich ein
völlig unkonventionelles Konzept heranzog: eine extrem vereinfachte Verlinkung, die
jedoch unsichtbar bleibt und durch das komplexe graphische Design der Leiste quasi
"überdeckt" wird. Das heißt im konkreten: alles, was sie im "Dimension
Bar" sehen, mit Ausnahme der zwei Links am rechten Rand, ist ein einziges,
zusammenhängendes Bild, das als Background Picture des Frames verwendet wird. Damit ist
gewährleistet, das selbst bei Browsern, die die Ränder bzw. Abstände anders
interpretieren, und bei unterschiedlichen Auflösungen das Erscheinungsbild immer dasselbe
ist. Und da das Navigationsbild mit einer Breite von 1280 Pixel angelegt wurde, wird der
Balken auch bis zu dieser Auflösung 100%ig korrekt dargestellt. Die Verlinkung selbst ist
wie gesagt unsichtbar, und zwar im wahrsten Sinne des Wortes, da sie über unsichtbare
Gif-Bildlinks, die über eine ebenfalls unsichtbare Tabelle genau über den entsprechenden
Elementen des Hintergrundbildes positioniert sind, realisiert wird. Selbst wenn hier etwas
um ein paar Pixel verrutschen sollte - tatsächlich sichtbar wird das niemals sein.
Die Haupt-Navigationsleiste mit teilweise sichtbar gemachten Rändern der Tabellen
und Gif Bildern
Das "Dimension Bar" Hintergrundbild selber
verdeutlicht ein Designelement, die im Herbst 2000 zwar nicht neu war, aber mit dem
Mega-Update einen großflächigen Einzug im Seitenlayout der Website hielt: ein
Hintergrund für die Navigationsleisten, aber auch die Titelseite, Logos, Werbetafeln
usw., der das aufbereitete "Ende des Universums" Mattepainting, daß das erste
Mal im Ende 1999 geschaffenen, neuen Logo der Hauptseite zum Einsatz kam, mit dem
"Sternennebel"-Hintergrund kombinierte, welches ab dem Mega-Update durchgängig
auf allen Informationsseiten und in allen Projekten verwendet wurde, und dabei ein
"Streifen-Muster" überlagerte, der das Design noch detailreicher, schärfer und
damit professioneller erscheinen läßt.
Letztere Designtechnik, die durch die Ebenenfunktion meines Bildbearbeitungsprogramms
schnell und einfach realisierbar ist, wurde das erste Mal in den kurz nach dem ersten
Geburtstag der Site neu designten Dimension Werbebannern verwendet, die auch das erste Mal
einen größeren Ausschnitt des zugrundeliegenden Mattepaintings (welches ja im Titelbild
eher stilistisch gebraucht wird und stark verändert wurde) zeigt.
|
|
Der neue Dimension Werbebanner
(August 2001) |
Der Streifeneffekt entsteht:
Bild 1 und 2 werden zu Bild 3 kombiniert |
Es war zu dieser Zeit, daß ich entschied, dieses
Hintergrundthema, welches sich durch unterschiedliche Ausschnitte und Ansichten der
Mattepainting in vielfältiger Weise variieren läßt, zu einem Haupt-Designelement der
Star Trek Dimension zu machen und in allen möglichen Teilen der Site zu verwenden,
drückt es doch so gut das Wesen und Anliegen der Dimension aus (siehe Beschreibung zum
"Dimension" Logo weiter oben).
Um den "Dimension Bar" als eigenständiges
Navigationselement hervorzuheben, aber gleichzeitig harmonisch in das
Gesamterscheinungsbild der Site zu integrieren, paßte ich auch die individuellen
grafischen Elemente, welche auf (fast) jeder Seite oben zu sehen sind, an das neue Design
im allgemeinen und die spezielle Struktur der Leiste im speziellen an.
Das Ergebnis ist oben sichtbar: der noch aus dem
allerersten, an LCARS angelehnte silber/gold Design stammenden Titel-Schriftzug und
"Zurück" Link der Seiten wurde durch neue, entsprechende Elemente ersetzt, die
als logische Fortführung der Navigationsleiste erscheinen und sich im Falle des Titels
sogar ergänzen ("Star Trek Dimension" als Titel der Website in der Leiste,
"Einführung" als Titel der Seite darunter).
Das Layout-Update umfaßte aber nicht nur die
Änderung des Headers bzw. des Hintergrunds der Seiten. Dutzende neue, aufwendige Logos,
Illustrationen und Seitenelemente wurden neu erstellt bzw. bestehende überarbeitet und
mit den neuen Möglichkeiten der Bildbearbeitung noch professioneller gestaltet. Hier eine
kleine Auswahl völlig neu erstellter Titelbilder:
|
|
|
Eine hintergrundlose Variante
des Logos für die neue LCARS Hauptseite |
Kombinierung der Phoenix mit
computerzeugten Elementen |
Das klingonische Akkordeon mit
einer scheinbar eingravierten Aufschrift |
Ein besonders aufwendiger, aber als solcher kaum
erkennbarer Spezialeffekt wurde für das Logo der neuerstellten Seite "LCARS
Benutzerhinweise" (und in ähnlicher Form auch für die Media Library
Benutzerhinweise) verwendet. Das ursprüngliche LCARS Padd wurde durch einen speziellen
Filter in eine Linienzeichnung konvertiert, welche um von Hand ergänzte
"Hilfslinien" erweitert wurde, um das ganze wie eine realistische, improvisierte
Bleistiftzeichnung wirken zu lassen. Die Invertierung des Bildes, die Kombinierung mit
einem (echten) Blatt aus einem Terminkalender sowie die Kolorierung führten zur
Entstehung eines äußerst interessanten und vom "Dimension" Standarddesign
abweichenden Logos.
Für die Überarbeitung einige graphischer
Seitenelemente wurde eine weitere Technik zum ersten Mal (zumindest wenn es um das Layout
der Site geht) herangezogen: das Verwenden dreidimensionaler gerenderter Modelle. Bisher
waren diese nur für spezifische Zwecke, z.B. den Schiffs-Entwürfen des Utopia Planitia
Projekts, zum Einsatz gekommen. Nun aber wurden einige ältere Graphiken durch neue,
aufregende 3D Varianten ersetzt, die, wie der rotierende Kommunikator auf der Projektseite
zeigt, auch vorher nicht zu realisierende Effekte möglich macht.
|
|
|
|
Animiertes 3D-Designelement der
Projektliste |
Querverweis |
Markierungen in
Inhaltsverzeichnissen |
Bewertungspunkte in den
Episodeguides |
Die Hauptseite
Als ich mich schließlich
endgültig für das neue Frame-Seitenlayout entschieden hatte (und das war bereits im
November!), wurde schnell klar, daß ich auch die Hauptseite anpassen und neu
strukturieren müßte - schon allein deshalb, weil durch den Navigationsframe bei einer
Auflösung von 800x600 Pixel der Star Trek Dimension unter dem (jetzt zu großen) Logo
nicht mehr im sichtbaren Bereich sein würde. Ein weiterer Grund war, daß die alte
Hauptseite ja selber aus Frames bestand - einem fixen Titelframe und einem
scrollbaren Frame mit dem Willkommensgruß, Links, News usw., die vertikal angeordnet
waren. Mit dem neuen Dimension Bar hätte ich ein aus zwei Frames bestehendes Metadokument
(die Titelseite) in einem aus wiederum zwei Frames aufgebautem Metadokument (der
allgemeinen Seitenstruktur) gehabt, was aus Performance- und Stabilitätsgründen nicht
empfehlenswert ist. Während ich bei anderen Projekten (Investigating Trek und der
Kartographie) die 2-Frame-Struktur trotzdem erst einmal beibehielt, wollte ich bei der
Startseite lieber keine Risiken eingehen. Also
kombinierte ich die beiden Frames der alten Hauptseite in einer neuen Titelseite, wobei
offensichtlich wurde, das es damit noch lange nicht getan ist - schließlich war der
Inhalt des rechten Frames (mit den Links, News usw.) wesentlich umfangreicher als der
linke (der lediglich das Logo und den Dimension Schriftzug enthielt). Eine persönliche
Vorlage bei der Neugestaltung war es jedoch, daß das Aussehen des Titelbilds beim ersten
Aufruf (also ohne scrollen) so gut wie identisch mit der alten Version, mit der ich sonst
eigentlich völlig zufrieden war, sein sollte, und damit das große Logo der Star Trek
Dimension als dominantes Element der Seite auf jeden Fall beibehalten werden sollte. |
|
Die aus zwei vertikalen Frames bestehende alte
Hauptseite (Anfang 2000)Vom Grundaufbau und Aussehen sehr ähnliche, aber in Design und
Funktionsumfang wesentlich weiterentwickelte Neufassung vom Oktober 2001 |
So behielt ich sämtliche Infos aus dem rechten
Frame, und die Gestaltung des oberen linken Teils (in welchem ich sowohl das Logo als auch
den Schriftzug verkleinerte, damit er bei 800x600 auch völlig sichtbar sein würde), bei.
Die freie Fläche unter dem Titelbild, neben den News wurde mit neuen Informationen zur
Community und weiteren Links gefüllt wurde. Beide "Spalten" waren damit gleich
lang und wurden unten durch einen über die vollständige Seitenbreite verlaufenden
Copyright Hinweis abgeschlossen. Damit war die "Seitenharmonie" auch bei der
neuen Variante gewährleistet.
Doch nicht nur die neue Tabellenstruktur erschwerte die Umsetzung dieser Bedingungen.
Zudem hatte ich mir ja bei dem Update vorgenommen, auch endlich die hohen Auflösungen
(1024x768 und 1280x960) 100%ig zu unterstützen - was ich bei der Gestaltung der
Navigationsleisten ja schon berücksichtigt hatte.
Nun sah das alte Titelbild niemals befriedigend bei diesen Auflösungen aus, und auch bei
der neuen Variante schien es fast unmöglich, sowohl bei Standard- als auch hoher
Auflösung wirklich überzeugende Resultate zu erzielen, es sei denn, ich würde von vorn
herein zwei verschiedenen Versionen der Titelseite mit entsprechend unterschiedlichem
Informationsgehalt erstellen. Das wäre jedoch bei jedem Update ein wenig zuviel
Zusatzaufwand geworden, so daß ich stattdessen nach einem Weg suchte, die bei hohen
Auflösungen entsprechend kleiner und weniger erscheinenden Hauptseiteninfos so zu
gestalten, daß sie, obwohl sie nicht mehr bildschirmfüllend sein würden, trotzdem nicht
isoliert erscheinen. Die Lösung war die Gestaltung eines individuellen, detaillreichen
Hintergrundbildes für die Hauptseite, indem der komplette alte Teil
"eingebettet" würde.
Eigentlich sollten auch die Bereiche selbst, und
ihre Gestaltung, verändert werden, um besser zu dem neuen Gesamtdesign zu passen, doch
dazu reichte die Zeit nicht mehr. So blieb z.B. der durch die Navigationsleiste eigentlich
überflüssige Teil mit den Projekt-Links erhalten und wurde lediglich in
"Highlights" umbenannt.
Natürlich hätte ich hier auch später noch Änderungen vornehmen können, aber
letztendlich war ich mit dem Gesamterscheinungsbild der Titelseite völlig zufrieden, so
daß sich daran bis heute so gut wie nichts verändert hat.
Das Logo
|
|
|
Speziallogo zum ersten
Geburtstag der Site im August 2000 |
|
Das kurz danach eingeführte und
für
fast genau ein Jahr beibehaltene Standard-Logo |
Bereits im August 2000, also quasi als "Startschuß" für das erst
dreieinhalb Monate später fertiggestellte Mega-Update, bekam die Hauptseite ein
überarbeites und erweitertes Logo. Genau wie bei seinem zum Start des Jahres 2000
veröffentlichten Vorgänger war auch dieses Mal ein wichtiges Ereignis der Anlaß für
die Design-Evolution: der 1. Geburtstag der Seite wurde mit der wohl bisher aufwendigsten
Spezialversion des Dimension Logos gefeiert, die zwar alle Verbesserungen des
April-Version übernahm, aber strukturell (d.h. von der Größe und Anordnung der
Bildelemente) eher auf dem Jahr 2000 Special basierte. Sowohl Padd als auch die Captains
waren verkleinert worden, um Platz für einen neuen Effekt zu schaffen: zwei scheinbar aus
Licht bestehende, sich kreuzende Ringe, die das Padd umwirbeln.
Wenn Sie sich noch an das Jahr 2000 Speziallogo erinnern, dürfte ihnen dieses Element
bekannt vorkommen; ein einzelner Ring war bereits damals zeitweise hinzugefügt worden.
Auffällig ist auch die wieder stärkere Lila-Färbung des Logos, die ebenfalls der
Neujahrs-Version ähnelt. Das Padd stammt wurde dagegen aus der neuesten Version
übernommen und noch ein letztes Mal überarbeitet; die Kanten wurden geglättet und ein
neues, wesentlich schärferes und besser eingepaßteres Bild der LCARS Datenbank in das
Sichtfenster eingesetzt.
Nach dem Geburtstag der Site wurde Mitte August das Ein-Jahres-Special durch eine
reguläre Version ersetzt. Diese war jedoch mehr als die Geburtstagsfassung ohne Glitter
und Schriftzug. Tatsächlich handelte es sich um eine nochmals weiterentwickelte Version;
nur von den Standardlogos ausgehend war es die dritte seit dem Onlinestart 1999. Mit
dieser kehrte das Logo wieder zur bekannten und besser passenden Blau-Lila Färbung
zurück; die beiden Wirbelringe wurden beibehalten. Das neue und wichtige Element waren
jedoch neun kleine Logobilder der wichtigsten Projekte, die sich entlang der Ringe um das
Padd gruppierten. Damit drückte sich der Wandel der Star Trek Dimension von der reinen
Datenbank- zur Multiprojekte-Website (auf der freilich die LCARS Datenbank noch immer das
Hauptprojekt darstellt) im Herbst des vorherigen Jahres nun endlich auch in ihrem
Sinnbild, dem Dimension Logo aus.
Als dann im November die Hauptseite für das unmittelbar bevorstehende Mega-Update
überarbeitet wurde, waren am Logo selber nur wenige Veränderungen nötig; es mußte
lediglich verkleinert und an das jetzt auch auf der Hauptseite verwendete
"Sternennebel"-Hintergrund angepaßt werden.
Davon abgesehen war die beschriebene Logoversion die langlebigste von allen. Die
Möglichkeiten zur Bildverbesserung und Kantenschärfung waren, was das Padd und die
Captains betrifft, ausgereizt, so daß bis August des folgenden Jahres keinerlei
Änderungen vorgenommen wurden.
Als kleinen Ausgleich dafür gab es aber soviele Spezialvarianten wie nie
zuvor; zu fast jedem wichtigen Feiertag überraschte die Dimension mit einen neuen
aufregenden, immer aufwendiger gestalteten Fassung. In diesen wurden - als logischer
Schritt nach der Verwendung gerenderter Design-Elemente im Mega-Update - erstmals mehr oder weniger realistische gerenderter Objekte
verwendet. Das Weihnachts-Logo als erste Spezialversion, die auf der August-Fassung
basierte, war damit quasi das erste reguläre Bild, daß teilweise 2D und teilweise 3D CGI
(computer-generated image) war. Es war jedoch nur der Anfang für eine Entwicklung, an
derem Ende 3D Elemente überall dort zum Einsatz kommen sollten, wo keine entsprechenden
Photos, Screenshots, Scans zur Verfügung stehen, wo die Erstellung des Effekts mit einem
Bildbearbeitungsprogramm zu aufwendig wäre oder wo es einfach den Entwurf noch
aufregender und interessanter machen würde. |
Spezialvariante zu
Weihnachten 2000
|
|
|
|
|
|
|
Das wohl bisher visuell aufregendste Logo: das Special zum
1.1.2001, das mit einem durch Weichzeichner verfremdeten Feuerwerk kombiniert wurde |
Ein Aprilscherz, der nach hinten losging: die
Ulk-Version vom 1.4. mit Scott Bakula, der anderthalb Monate später tatsächlich als
neuer Seriencaptain bestätigt wurde |
Ein neues Fest, ein neues CGI Element: zu Ostern
2001 begrüßte der Osterhase die Besucher ;-) |
2.4
Designverbesserungen im neuen Jahrtausend
Das allgemeine Layout
Wie bereits angedeutet, hatte ich mit dem November
2000 "Mega-Update" in Sachen Design an einem Punkt angelangt, an dem ich mit
generellem Layout, der Hauptseite und dem Logo vollkommen zufrieden war. Über anderthalb
Jahre hatte ich das Erscheinungsbild der Star Trek Dimension kontinuierlich erweitert,
verändert und weiterentwickelt. Das Farbschema hatte gewechselt, Navigationselemente
waren ausgetauscht worden, ein permanenter Frame war hinzugekommen und die Hauptseite und
das Logo waren mehrmals erweitert worden. Nun hatte ich mein persönliches Wunschdesign,
und ich sah für die Zukunft für dieses Layout erst mal keine weitere
Verbesserungsmöglichkeit (sofern ich nicht auf ein komplett anderes Layout
umsteigen sollte). So kam es, daß ich mich 2001 nicht nur in Sachen Inhalt (entsprechend
meinem Beschluß, abgesehen von kleineren Specials keine neuen Projekte mehr
hinzuzufügen), sondern auch bezüglich des Designs auf den "Ausbau" und
"Feinschliff" verlagerte.
Trotzdem - die Design-Evolution sollte ähnlich
revolutionär weitergehen, wenn auch eher im kleineren Maßstab. So trieb ich auch
weiterhin die Weiterentwicklung der Designtechniken konsequent voran und versuchte, auch
bei kleineren Änderungen immer die neuesten und aufregendsten Möglichkeiten einzusetzen.
Dazu gehörte natürlich die umfangreichere
Verwendung von gerenderten CGI Elementen in meinen neueren Arbeiten. Mit 3D Design hatte
ich ja im zurückliegenden Jahr - freilich mehr durch die Arbeit an Raumschiffmodellen
für das Utopia Planitia Projekt denn durch die Erstellung von Design-Elementen vom
Sternenflotten-Delta bis zum Weihnachtsmann - schon einige Erfahrung gesammelt, und Anfang
2001 wurden die ersten "normalen" Bilder mit CGI kombiniert, was noch
faszinierendere und aufregendere Ansichten ermöglichte.
|
|
Das um ein CGI Objekt erweiterte
Logo der Star Trek Kartographie (Januar 2001) |
Der neue Award basierte
natürlich auf einem gerenderten Design, welches auf dem CGI Sternenflotten-Delta aufbaute
(Mai 2001) |
Ein weiteres neues Design-Element
entstand paradoxerweise aus dem speziell für die Mega-Update Ende 2000 erstellte
"Werbetafel". Diese fügte sich mit dem bläulichen "Dimension"
Hintergrund, der Verwendung des "Streifenmasken"-Effekts sowie der auch in den
Navigationsleisten verwendeten, dreidimensionalen Linien wirklich perfekt in das neue
Layout der Website ein. So war es sicher nicht erstaunlich, daß ich im März des
folgenden Jahres das Design wieder aufgriff, als ich eine "tafel-ähnliche"
Headergrafik für den neuen "Dimension Today" Bereich entwickeln wollte. |
|
|
Die schmalere, aber sonst sehr ähnlich aufgebaute
"Dimension Today" Titel-Tafel, welche in noch stärkerem Maße das
"Linien-Design" des "Dimension Bars" nutzen, war aber nur der Anfang.
Noch im selben Monat entstanden zwei weitere Tafeln für die anderen Teile des neuen
Website-Bereichs, und im Juni, Juli und August deselben Jahres wurden auch die neuen bzw.
alten Making-Ofs mit größeren und noch aufwendiger gestalteten Varianten des
"Werbetafel"-Designs ausgestattet, welche das "Dimension-Feeling" von
den Navigationsleisten und dem Logo nun auch direkt auf die einzelnen Seiten übertragen.
|
Das bis zur Fertigstellung dieses
Making Ofs letzte erstellte "Werbetafel" Design ist - wie könnte es anders sein
- die Titelgrafik für dieses Specials selbst, die sie ganz oben auf der Seite und auch
nebenstehend noch einmal sehen. Hier wurde
zum ersten Mal in einem Dimension Bild ein mit PhotoShop generierter Schriftzug
integriert; ein Indiz dafür, daß die Entwicklung weitergehen wird... |
Das Logo
Als sich Ende Juli 2001 der 2. Geburtstag der Star
Trek Dimension näherte, und ich über zukünftige Veränderungen in der Star Trek
Dimension (und dieses Special, das sie jetzt lesen ;-) nachdachte, kam mir auch der
Gedanke an ein neues Logo. Gründe dafür gab es viele - und zwar nicht nur die
"Jahrestags-Tradition". Wie ich bereits erwähnt hatte, war das alte Logo
design-mäßig ausgereizt. Obwohl es im August 2000 schon dreimal überarbeitet worden
war, war es dennoch noch dasselbe alte Logo vom Sommer 1999.
Damals gab es einige Probleme bei der Erstellung. Weder hatte ich Kenntnisse in 3D noch in
professionellen Bildbearbeitungsprogrammen, und meine Design-Fähigkeiten waren auch noch
eher bescheiden, mal davon abgesehen, daß mir nicht das Highquality Ausgangsmaterial
(Photos, Scans, Screenshots usw.) zur Verfügung stand, daß ich heute glücklicherweise
besitze. So nahm ich die Ausgangsbilder, die ich finden konnte; das PADD von der ST:TNG
Technical Manual CD-ROM, die Captains von anderen CDs, dem Fernsehen oder aus dem
Internet. Die perspektivische Erstellung des PADDs war sicherlich der schwierigste Teil
der Erstellung des Originallogos, da es mittels 2D-Bildbearbeitungsprogramm verzerrt
wurde, wodurch unschöne "geriffelte" Kanten und Unschärfen entstanden. Auch
das Screenshot der Datenbank mußte auf diese Weise eingepaßt werden. An aufwendige
graphische Effekte wie Wirbel oder halbdurchsichtige Nebelhintergründe war mit meinen
damaligen Möglichkeiten noch gar nicht zu denken.
Nun, wenn man sich diesen Anfang vor Augen hält, hatte sich das Logo innerhalb von einem
Jahr doch extrem weiterentwickelt; aus einem unscharfen, einfach aufgebautem Bild war ein
erweitertes Logo mit klaren Kanten, farbigem Hintergrund und vielen Effekten geworden.
Doch was wäre der nächste Schritt? Zurück ans Reißbrett sicher nicht, denn ich war mit
der Komposition und der Aussage des Bilds vollkommen zufrieden. Also ließ ich die Frage
ein Jahr lang unbeantwortet; ein Jahr lang blieb das Logo 100%ig erhalten.
Als ich mich nun Ende Juli des folgenden Jahres
daran machte, trotz alledem die nächste - die vierte - Version zu erstellen, war klar,
daß ich "zurück an den Anfang" müßte. Ich wollte dasselbe Logo, dieselbe
Kombination der (weitestgehend) gleichen Elemente - und doch sollte es von Grundauf neu
erstellt werden, mit den mir heute zu Verfügung stehenden Möglichkeiten und entsprechend
meiner jetzigen Fähigkeiten. Nur so konnte ich die Qualität des Bildes noch weiter
steigern und einige grundlegende Sachen ändern.
Zum einen war ich mit dem Padd nicht mehr zufrieden. Durch die Anpassung und Glättung der
Kanten sah das ganze nicht mehr besonders dreidimensional aus, und unscharf bzw. unrein
war das ganze trotzdem. Die Perspektive war eher abenteuerlich (da ja von Hand verzerrt)
denn realistisch. Auch der "Dimension" Hintergrund entsprach nicht mehr meinem
Standard, zumal ich vor kurzem ein wesentlich schärferes Bild des zugrundeliegenden
Mattepaintings aus der genannten Episode aufgenommen hatte. Dann war da natürlich noch
der neue Captain der fünften Star Trek Serie, der auch seinen Platz unter den großen
vier beanspruchte (egal, inwieweit jetzt die neue Serie "Enterprise" Teil der
Dimension wird, standen die Captains des Star Trek Dimension Logos doch schon immer für
den Anspruch auf Vollständigkeit der Site, und das sollte so bleiben). Es sprachen aber
auch rein design-technische Probleme für einen Neuanfang. So hatte ich das Logo mehrfach
von Zwischenversionen aus weiterverändert, so daß mir längst kein vollständiges
Bild mehr zur Verfügung stand, in dem jedes Bildelement eine Zeichenebene einnimmt (zumal
das Ursprungsbild ja sowieso mit einem Programm erstellt wurde, das diese Technik noch gar
nicht unterstützte). Damit waren tiefergehende Änderungen ziemlich kompliziert, da man
immer etwas zurückgehen und dann mit der neuen Versionen spätere Änderungen wiederholen
mußte.
Mit der neuen Version sollte das alles anders werden.
Der Ausgangspunkt war - wie damals im Sommer '99 -
natürlich wieder das Datenbank-Padd. Der einzige Weg, eine perspektivisch und graphisch
perfekte Variante zu erstellen, in der Licht, Schatten und vor allem auch die Darstellung
der LCARS Datenbank genau paßt, hieß 3D Modelling. Da ich damit ja durch
Raumschiffmodelle, gelegentliche Specials und die neue CGI Elemente in Star Trek Dimension
Titelbildern schon einige Erfahrung gesammelt hatte, hatte ich diesen Schritt erstaunlich
schnell hinter mich gebracht. Das entstandene, in der endgültigen Perspektive gerenderte
Padd ist, wie unschwer zu erkennen ist, an die Originalversion angelehnt, verfolgt aber
einige eigene Ansätze, wie die leicht geschipperte Oberfläche, der Rand und die
Seitengrafiken. Um dem Problem mit dem Einpassen der Zusatzgrafiken ein für alle Mal aus
dem Weg zu gehen, wurden übrigens sämtliche Interfacebilder direkt als
Oberflächentexturen mitgerendert - so standen Sie automatisch im richtigen Blickwinkel
und der korrekten Beleuchtung zur Verfügung.
|
|
|
Das Padd im 3D Modeller |
Die gerenderte
Fassung und die endgültige Version in einer speziellen Schnittgrafik |
Studie zur Einpassung des Padds
in das Gesamtbild |
Für einen völlig neuen Effekt, den ich mir
überlegt hatte, mußte ich aber die Texturen trotzdem noch einmal entfernen: ich wollte
das vielleicht nicht wirklich realistische, aber produktionstechnisch bedingte und
im Fernsehen klar zu erkennende Leuchten der LCARS Grafiken ("Okudagramme") so
gut wie möglich reproduzieren. Zu diesem Zweck renderte ich das Padd noch einmal ohne
jede Grafiken, und kombinierte dieses im Bildbearbeitungsprogramm mit den
ausgeschnittenen, perspektivischen Programmbildern - bzw. insgesamt drei Ebenen mit diesem
Bild, wie in obiger Grafik zu sehen ist. Zwei Versionen des Bildes waren normal und
dienten dazu, sich gegenseitig zu verstärken, doch der Leuchteffekt wurde durch die
unterste Zusatzebene mit einem "ausgelaufenen" abgedunkelten Bild erreicht. Die
rechte Studie zeigt schließlich, wie das Padd mit dem alten Bild kombiniert aussieht; es
ist der Test, ob das neue Bildelement wirklich als überzeugender Ersatz für das alte
verwendet werden kann.
Natürlich aber wollte ich auch die anderen Elemente
- die Captains und den "Dimension" Hintergrund - erneuern und das ganze Ebene
für Ebene neu kombinieren. Dieses Mal legte ich besonderen Weg auf Sorgfalt und legte
mehrere Multi-Ebenen-Versionen von jedem Bild an, um für spätere Veränderungen die
optimalen Voraussetzungen zu haben. Bis auf Captain Picard nahm ich dieselben
Ausgangsbilder für die Captains und fügte den "Neuen" aus der fünften Star
Trek Serie, Captain Archer, an den chronologisch korrekten Platz links von Captain Kirk
ein. Das neuentstandene Quintett wirkt ingesamt realistischer, da die Blickrichtungen der
zwei Captains links und rechts von Picard sich auf einen gemeinsamen Punkt hinlaufen,
welcher eben in der Mitte des Bildes, die Picard als einziger geradeaus schauender Captain
einnimmt. Diese auf- und absteigende "Rangfolge" wird auch durch die vertikale
Positionierung beeinflußt, wobei Captain Janeway trotzdem höher "steht" als
Captain Archer - wegen der leichten Links-Drehung des Padds, über dem das Ensemble
angeordnet werden soll.
Auch der "Dimension" Hintergrund wurde von Grundauf neu zusammengestellt, wobei
zum ersten Mal eine neue, viel schärfere Version des Bildes zum Einsatz kam. Gleichzeitig
verwendete ich die "Streifenmaske", wodurch das Bild einerseits noch weiter
geschärft wurde und andererseits es - zusammen mit der eher bläulichen Farbgebung - sich
noch besser in das im November 2000 eingeführte erweiterte Layout einfügt.
Das letztendliche Resultat, das auch
die im August 2000 eingeführten "Ringe" und Projektbilder enthält, ist rechts
zu sehen; fast schon aus alter Tradition wurde das neue Bild mit einem Special - zum
anfangs angesprochenen zweiten Geburtstag der Website - Anfang August 2001 eingeführt. |
|
|
2.5 Die Zukunft des
Star Trek Dimension Designs
Wie dieses Kapitel des großen Star Trek Dimension
Making Ofs hoffentlich bewiesen hat, kann das Design einer Website letztendlich genauso
komplex und vielschichtig wie ihr Inhalt sein, und es kann sich in ähnlich logischer und
"evolutionärer" Weise entwickeln, wenn man konsequent auf ältere Entwicklungen
aufbaut und diese zu verbessern oder zu erneuern versucht, anstatt ständig etwas
vollkommen völlig anderes, abweichendes zu erschaffen.
Und auch wenn die "Substanz" immer wichtiger als die Gestaltung sein wird, zeigt
die Star Trek Dimension und ihre Entwicklung hoffentlich, daß ein überzeugendes,
funktionales, aufregendes, aber auch nicht zu aufdringliches Design doch immer
dazugehört.
Nach der vollständigen, wirklich bis ins kleinste
Detail gehenden Darstellung der Design-Evolution der Star Trek Dimension - vom Moment der
Entstehung der ersten Elemente im Jahr 1997 über den Online-Start 1999 sowie die großen
Updates im Jahr 2000 und die damit verbundenen Layouterweiterungen bis zum 2. Geburtstag
der Site im August 2001 - stellt sich nun die berechtigte Frage: "Wie wird es
weitergehen?".
Dazu hatte ich im letzten Jahr - kurz nach dem
ersten Geburtstag der Site, als dieses Making Of entstand - geschrieben:
"Der Gestaltungsprozeß der Star Trek
Dimension ist noch längst nicht abgeschlossen. Die ersten zwölf Monate haben gezeigt,
wie wandelbar dieser sein kann, und zweifellos wird das Design der Dimension auch in
Zukunft verändert oder zumindest weiter verbessert werden."
Sie haben gesehen, was sich seitdem -
vor allem mit dem großen Website-weitem Update im November 2000 - verändert hat. Die
Zukunft hält also alle Möglichkeiten offen - und Sie dürfen nicht vergessen: dank den
fast unendlichen Möglichkeiten der neuen Medien besteht praktisch nur noch die letzte
Grenze - die eigene Fantasie. |
|
|