99 Login-Screens als PSD

Beispiel für einen schön gestalteten Login-Screen

Login-Screens sind wohl das am meistens vernachlässigte Thema im Bereich der Backend-Entwicklung, dabei gibt es inzwischen recht schöne Möglichkeiten mittels HTML5/CSS3 dort gute Features zur Verfügung zu stellen. Es muss auch nicht unbedingt so sein, dass der Login-Screen das gleiche Design wie das Backend oder das Frontend besitzt – man muss die Sache an der Stelle etwas differenzierter angehen.

Beispiel für einen schön gestalteten Login-Screen

Normalerweise entwickelt man heutzutage in einem Framework und hat das Backend bereits als Skelett zum rein kopieren fertig da liegen. Grundbestandteil dieses Skeletts ist in der Regel der Login-Screen, das Design des Backends und eine evtl. rollen-basierte Benutzerverwaltung. Neues Projekt => jede Menge Copy & Paste. Darüber geht dann schon mal das Design verloren, bzw. findet gar nicht statt. Ich bin dazu übergegangen die Backends in Bootstrap aufzubauen – spätere Anpassungen mittels Theming nicht ausgeschlossen. Dies wiederum führt zu dem besonderen Problem, dass kein Login-Screen vorhanden ist. Man kann an der Stelle durch etwas Rumgewürge zwar etwas schaffen das einem Login entspricht, aber wirklich schön ist das nicht.

Insofern besitzt mein Login-Screen ein komplett eigenes Template das ich schnell und einfach anpassen kann (Firmenlogo zum Beispiel, Hintergrund austauschen, etc.) die entsprechenden Vorlagen findet man im Internet. So zum Beispiel eine Sammlung von 99 frei benutzerbaren Login-Screens als Photoshop PSD-Datei. Muss natürlich noch in HTML5/CSS3 umgesetzt werden, ist aber auch nicht schlimm, weil es gibt nichts schlimmeres als verhunzte Templates.

Schaut mal bei instantShift vorbei, wenn ihr eine entsprechende Inspiration benötigt, oder auf der Suche nach einem Login-Screen seit. Der Vorteil der Auslieferung als PSD ist natürlich, dass man noch die Möglichkeit besitzt, das Login beliebig anzupassen.

Ähnliche Beiträge

HTML5 Bookmarks in der Cloud Die aktuelle Entwicklung um HTML5 zu verfolgen ist nicht immer einfach. Während auf der einen Seite am Standard rum geschraubt wird, bemüht man sich a...
Das Projekt Comet von Adobe Vor einigen Monaten gab es einen regelrechten Aufruhr in den Agenturen für die ich arbeite. Adobe würde Fireworks abschaffen hieß es. Eine ziemlich ko...
HTML5Rocks – HTML5 und CSS3 von Google Mit HTML5Rocks beglückt uns Google mit einer Art eierlegenden Wollmilchsau für HTML5 & CSS3, der man eine Rosa-Google-Brille angezogen hat. Die Se...
Paper.js – Vektorgrafiken in Javascript mitt... Es tauchen in letzter Zeit immer mehr Frameworks auf, die auf die eine oder andere Art und Weise versuchen, dem Webentwickler das Leben mit dem HTML5 ...

Schreibe einen Kommentar