Der Prozess der Implementierung eines UI-Designs von Grund auf

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Dies ist ein fantastischer Beitrag von Ahmad Shadeed. Er geht auf die praktische Umsetzung eines Headers auf einer Website ein – die Art von Arbeit, die viele von uns regelmäßig erledigen. Zunächst scheint es ziemlich einfach zu sein, den Header zu erstellen, aber er wird komplizierter, wenn Überlegungen zu Bildschirmgrößen, Edge Cases, Interaktionen und CSS-Layout-Möglichkeiten hinzukommen. Dies berücksichtigt noch nicht einmal browserübergreifende Bedenken, die in letzter Zeit etwas weniger mühsam waren, aber immer da sind.

Es ist manchmal schwierig, die interessanten und kniffligen Situationen zu erklären, die unsere Arbeit in der Frontend-Entwicklung definieren, und dieser Artikel zeigt sie gut auf.

Diese beiden Illustrationen setzen die Szene gut

Das soll Designer nicht schlechtreden. Ich habe mir das selbst schon oft angetan. Außerdem denken sich Designer, die etwas auf sich halten, diese Dinge von Anfang an durch. Die Realität ist, dass die Komplexität der Implementierung größtenteils beim Frontend-Entwickler liegt und der Designer helfen kann, wenn wichtige Entscheidungen getroffen werden müssen oder Lösungen geklärt werden müssen.

Direkter Link →