Froont, ein Unternehmen aus San Francisco, das Tools für Webdesigner entwickelt, nutzte 9 GIF-Animationen, um die Entwicklung des Webdesigns in den vergangenen 25 Jahren zu zeigen. Wenn Sie wissen möchten, warum CSS so wichtig ist und warum Flash allmählich verdrängt wird, könnten diese Animationen Ihnen einen Einblick geben.
Die monochrome Ära des Webdesigns, etwa 1989. Denken Sie an Lynx und andere Unix-basierte Webbrowser, die Wörter nur einzeln über das Netzwerk von einem Terminal zum anderen übertragen konnten. Es gab keine grafische Benutzeroberfläche, nur eine Zeichenkette und einen blinkenden Cursor.
Der Beginn der modernen Ära, etwa 1995. Die ersten Browser wie Mosaic ermöglichten es Designern, Bilder auf Websites anzuzeigen, aber die einzige Möglichkeit war, diese Webseitenelemente in unschöne Tabellenlayouts zu platzieren. Da präzise Positionierung wirklich schwierig war, mussten Designer sehr genau herausfinden, wie sie Code mit Tabellen in Tabellen und dann wieder in Tabellen verschachtelt schreiben, um Inhalte korrekt anzuzeigen.
Glücklicherweise erschien JavaScript und bot Designern großen Komfort. Flash erleichterte es uns, dynamische Websites zu gestalten: zum Beispiel Pop-up-Fenster und die dynamisch wechselnde Reihenfolge von Inhalten auf der Seite. Doch im Vergleich zu nativem HTML war JavaScript sehr langsam.
Obwohl Flash einst in aller Munde war, wurde es inzwischen von HTML5 fast vollständig verdrängt. Doch 1996 stellte es eine neue Höhe im Webdesign dar: Es ermöglichte Designern, Seiten auf ihre eigene Art zum Leben zu erwecken. Dies war auch das goldene Zeitalter der Froont-Fly-out-Seiten, Eröffnungsanimationen und so weiter. Allerdings verbrauchte Flash viele Rechenressourcen des Computers, was es zu einer besonders unfreundlichen Technologie machte, insbesondere für mobile Geräte wie Laptops und Smartphones.
CSS, erstmals 1998 veröffentlicht, löste viele frühe Probleme des Webdesigns. Indem die visuelle Ästhetik einer Website vom Inhalt der Webseite getrennt wurde, konnten Designer endlich Webseiten nach ihren eigenen Vorstellungen erstellen oder anpassen. Obwohl die frühesten CSS-Versionen nicht sehr flexibel waren, ist CSS heute die wichtigste Webtechnologie, die Designer beherrschen müssen.
Die Einführung des iPhone im Jahr 2007 brachte eine brandneue Herausforderung für Designer mit sich: Wie lassen sich Webseiten auf dem kleineren Bildschirm eines Smartphones gestalten? Anfangs dachten Designer an ein Rastersystem, das eine Webseite je nach Größe des Bildschirms des Geräts in mehrere Spalten aufteilen konnte.
Im Jahr 2010 präsentierte Ethan Marcotte eine weitere Lösung für das Problem, wie Webseiten auf mobilen Geräten angezeigt werden können: Responsive Design.
Nach dem Responsive Design entstand auch ein Flat Design, das auffällige Effekte entfernte und Inhalte betonte. Dieses Design vereinfachte visuelle Elemente und schuf ein Web-Erlebnis, indem es schöne Typografie hervorhob, und es sah auf jedem Gerät großartig aus.
Was bringt die Zukunft? Froont sagt, dass besseres Webdesign noch erforscht und entwickelt wird. In Zukunft müssen sich Designer keine Gedanken mehr über Browser-Kompatibilitätsprobleme machen, und Tools, die für jedes Gerät geeignet sind, werden ohne Weiteres verfügbar sein. Technologie wird keine Einschränkung für das Design mehr sein; Designer können sich darauf konzentrieren, UI- und UX-Probleme zu lösen, anstatt Zeit mit der Fehlersuche zu verschwenden.
Originalquelle:Die Geschichte des Webdesigns in 9 GIFs erklärt
Übersetzungsquelle:http://www.codeceo.com/article/9-gif-web-design-history.html
Übersetzer:Code Farmer– Xiao Feng