99 Login-Screens als PSD

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...
Autocomplete bei Input-Feldern abschalten Das am meisten ignorierte Attribut im Web-Umfeld lautet wohl autocomplete.  Dabei ist der kleine Helfer äußerst sinnvoll, suggeriert es doch dem DAU, ...
Linkcheck mit CSS3 Bei der HTML-Umsetzung eines Designs werden in der Regel alle Links entweder gar nicht, oder mit einem # versehen. Dies liegt in der Regel daran, das ...
Sicherheitskopie im HTML5 Local Storage Unabhängig von dem was man über WordPress denkt ist eine Funktion ziemlich genial: das regelmäßige automatische Speichern beim Anlegen eines Artikels....

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.