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

Initializr – HTML5 Template Generator Nachdem uns derzeit wie blöde Boilerplates um die Ohren geworfen werden stellt sich zu Recht die Frage: welche ist passend für mich, und was mache ich...
Font Dragr – Fonts für den Einsatz im Web einfach ... Der Font Dragr ist eine ziemlich coole Sache, man kann einen beliebigen Font einfach auf eine dafür vorgesehene Fläche mittels Drag&Drop ziehen, u...
HTML5 Blank WordPress Theme Wie heisst es so schön? Die eigene Seite ist diejenige aus dem Portfolio, die am schlechtesten gepflegt ist? Würde ich sofort unterschreiben! Die neue...
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 ...

Schreibe einen Kommentar