Melden Sie sich an oder registrieren Sie sich Formularentwurf von Grund auf (Tag 1)

Wir beschäftigen uns ständig mit Webformularen. Wenn wir uns bei YouTube, Facebook oder einem anderen Webdienst anmelden, müssen wir uns anmelden oder einen Anmeldeprozess durchführen. Dies kann oft schwierig sein, da einige Formen zu lang oder zu unübersichtlich sind. Wir werden ein stilvolles, unkompliziertes Anmeldeformular erstellen, und heute schauen wir uns die Photoshop-Seite an.


Abschnitt 1: Einführung

Werfen wir einen Blick auf Anmeldeformulare, untersuchen Sie ein- und mehrseitige Formulare und tauchen Sie in unser Photoshop-Projekt ein.


Abschnitt 2: Anmelden

Es ist an der Zeit, sich unser Anmeldeformular genauer anzusehen.


Abschnitt 3: Melden Sie sich an

Zuletzt kümmern wir uns um unser Anmeldeformular.


Zeitraffer: Der PSD-Build in FFWD


Weiterführende Literatur und nützliche Hinweise

  • Smashing Magazine Web-Formularentwurfsmuster
  • Webdesigntuts + Einführung in die Farbtheorie für Webdesigner
  • Sechs Revisionen Ein Blick auf die Farbtheorie im Webdesign
  • dezinerfolio.com30 kostenlose Vektor-Icons
  • Nettuts + Erstellen Sie ein gepflegtes HTML5-Kontaktformular
  • Tauchen Sie ein in HTML5 Eine Form des Wahnsinns
  • Eine Liste der Vorwärtsdenken-Formularvalidierung
  • Nettuts + 8 reguläre Ausdrücke, die Sie kennen sollten
  • HTML5-Eingabemuster
  • CSS-Tricks zwingen das Element, sich selbst zu löschen
  • Builder für Code Style Font Stack
  • FamFamFam Silk Icons