Logg inn eller registrer deg Form design fra bunnen av (Dag 1)

Vi håndterer nettformer hele tiden; når vi logger inn på YouTube, Facebook eller annen webtjeneste, må vi komme gjennom en påloggings- eller registreringsprosess. Ofte kan dette være vanskelig fordi noen former er for lange eller for rotete. Vi skal bygge et stilig, grei påloggingsskjema, og i dag ser vi på Photoshop-siden av ting.


Seksjon 1: Introduksjon

La oss ta en titt på påloggingsskjemaer, undersøke formularer med flere sider og flere sider, og dykk inn i vårt Photoshop-prosjekt.


Seksjon 2: Logg inn

Det er på tide å se nærmere på vårt påloggingsskjema.


Seksjon 3: Registrer deg

Til slutt, la oss ta vare på vår registreringsskjema.


Tidsavbrudd: PSD-bygningen i FFWD


Videre lesing og nyttige referanser

  • Smashing Magazine Web skjema design mønstre
  • Webdesigntuts + En introduksjon til fargeteorien for webdesignere
  • Seks revisjoner En titt på fargeteorien i webdesign
  • dezinerfolio.com30 Gratis Vector Ikoner
  • Nettutsats + Bygg et pent HTML5-drevet kontaktskjema
  • Dykk inn i HTML5 En form for galskap
  • En liste Apart Forward Thinking Form Validation
  • Nettuts + 8 Vanlige uttrykk du bør vite
  • HTML5 Input Patterns
  • CSS Tricks Force Element å selvklare sine barn
  • Kode Stil Font Stack Builder
  • FamFamFam Silk Icons