Inloggen of registreren formulierontwerp van kras (dag 1)

Wij houden ons constant bezig met webformulieren; wanneer we inloggen op YouTube, Facebook of een andere webservice, moeten we een aanmeldings- of aanmeldingsproces doorlopen. Vaak kan dit moeilijk zijn omdat sommige vormen te lang of te vol zijn. We gaan een stijlvol, eenvoudig inlogformulier maken en vandaag zullen we kijken naar de Photoshop-kant van de dingen.

---

Deel 1: Inleiding

Laten we eens kijken naar aanmeldingsformulieren, formulieren van één pagina of formulieren met meerdere pagina's bekijken en een duik nemen in ons Photoshop-project.

---

Deel 2: log in

Het is tijd om onze aanmeldingsformulier beter te bekijken.

---

Deel 3: Aanmelden

Laten we ten slotte zorgen voor ons registratieformulier.

---

Tijdsverloop: de PSD-build in FFWD

---

Verder lezen en nuttige verwijzingen

• Smashing Magazine Web-vorm ontwerppatronen
• Webdesigntuts + Een inleiding tot de kleurentheorie voor webontwerpers
• Six Revisions A Look into Colour Theory in Web Design
• dezinerfolio.com30 Gratis Vector Icons
• Nettuts + Bouw een net HTML5 Powered Contact Form
• Duik in HTML5 Een vorm van waanzin
• Een lijst naast Forward Thinking Form Validation
• Nettuts + 8 reguliere expressies die u moet weten
• HTML5-invoerpatronen
• CSS-trucs Force-element om zijn kinderen zelfvertrouwen te geven
• Code Style Font stack builder
• FamFamFam Zijde pictogrammen