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

Datenvisualisierung in HTML5 mit HumbleFinance Fast jedes Trackingtool bzw. eCommerce-Paket visualisiert heutzutage Daten als Graphen. Dabei werden entweder Verkaufszahlen oder Besucherzahlen in ne...
HTML5 Cheat Sheets Ok, es sind nur zwei, aber mehr braucht man auch (erstmal) nicht ;) HTML5 bietet viele neue Möglichkeiten, die nicht nur Videos und Audio betreffen, s...
CSS3 Buttons in Cool Zur Zeit gibt es jede Menge Tutorials darüber, wie man in CSS3 Buttons mit runden Ecken, Gradients und quietschigen Farben hinbekommt. Die Frage, die ...
HTML5 File Upload in jQuery Eine der sinnvollsten Erweiterungen von HTML5 (und wahrscheinlich auch die am meisten benutzte) ist der neue Datei-Upload. In der Vergangenheit war es...

Schreibe einen Kommentar