Logga in eller Registrera Form design från början (Dag 1)

Vi hanterar webbformulär hela tiden; när vi loggar in på YouTube, Facebook eller någon annan webbtjänst måste vi komma igenom en inloggnings- eller registreringsprocess. Ofta kan detta vara svårt eftersom vissa former är för långa eller för rubbade. Vi ska bygga ett snyggt och enkelt inloggningsformulär, och idag ser vi på Photoshop-sidan av saker.


Avsnitt 1: Inledning

Låt oss ta en titt på inloggningsformulär, granska enkelsidiga versioner med flera sidor och dyka in i vårt Photoshop-projekt.


Avsnitt 2: Logga in

Det är dags att titta närmare på vår inloggningsformulär.


Avsnitt 3: Registrera dig

Till sist, låt oss ta hand om vår registreringsform.


Tidsförlopp: PSD: n Bygg i FFWD


Ytterligare läsning och användbara referenser

  • Smashing Magazine Webbdesignmönster
  • Webdesigntuts + En introduktion till färgteori för webbdesigners
  • Sex revisioner En titt på färgteori i webbdesign
  • dezinerfolio.com30 Gratis Vector ikoner
  • Netuts + Bygg en snygg HTML5-driven kontaktformulär
  • Dyk till HTML5 En form av galskap
  • En lista Apart Forward Thinking Form Validation
  • Nettuts + 8 Vanliga uttryck du borde veta
  • HTML5-ingångsmönster
  • CSS Tricks Force Element Att självklara sina barn
  • Kod stil Font stack byggare
  • FamFamFam Silk Icons