Vorprogrammierte Komplikationen

Es gibt verschiedene Aspekte auf das Gleiche. Bei der Design-Umsetzung in Code kommen teilweise ganz andere Aspekte zum Tragen, als die Logik des Designs selbst.

Vorprogrammierte Komplikationen

FrontEnd vs. Design

Die FrontEnd Entwicklung kümmert sich nicht nur um die Gestaltung, dies trübt den rein visuellen Fokus.

Performance, Skalierbarkeit, Server-Abhängigkeiten oder die Logik von HTML und CSS aus Entwicklungssicht ändert die Konzeption und Planung einer FrontEnd-Umsetzung eines Designs.

CSS-Frameworks als Beispiel

Beispielsweise haben sich lange Zeit (noch immer?) CSS-Frameworks breit gemacht. Zum einen, um den die FrontEnd Umsetzung schneller und robuster zu machen, zum anderen, um statische Referenzdesigns umzusetzen.

Dabei wird der Design-Prototyp mit der Bootstrap-Brille analysiert und in dessen Logik umgesetzt.

Es gilt daher abzuklären, wie eine Design-Spezifikation erarbeitet wird, sodass die Essenz bestehen bleibt.

Wenn du vermeintlich viel über FrontEnd weisst, so hilfst dir dies in gewisser Hinsicht enorm bei der Gestaltung einer Webseite, aber gleichzeitig entstehen neue Gefahrenzonen.

CSS-Frameworks

Bootstrap

Foundation

Die Übergabe zwischen Design zum «FrontEnd» sollte sich in Zukunft irgendwo in der FrontEnd-Umsetzung zwischen Design & Funktion einpendeln.

Bis dahin müssen wir aber noch viele Mauern abreissen und Brücken bauen.

Vertiefe dich ins ganze Kapitel

Variable Gestaltung