Iniciar sesión o registrarse diseño de formulario desde cero (día 1)

Nos ocupamos de formularios web todo el tiempo; cuando iniciamos sesión en YouTube, Facebook o cualquier otro servicio web, tenemos que pasar por un proceso de inicio de sesión o registro. A menudo, esto puede ser difícil porque algunas formas son demasiado largas o demasiado abarrotadas. Vamos a crear un formulario de inicio de sesión elegante y directo, y hoy veremos el lado de Photoshop de las cosas..

---

Sección 1 Introducción

Echemos un vistazo a los formularios de inicio de sesión, examinemos los formularios de una página frente a los de varias páginas y nos sumergimos en nuestro proyecto de Photoshop.

---

Sección 2: Iniciar sesión

Es hora de mirar más de cerca nuestro formulario de registro.

---

Sección 3: Registrarse

Por último, cuidemos nuestro formulario de registro..

---

Lapso de tiempo: la compilación de PSD en FFWD

---

Lecturas adicionales y referencias útiles

• Revista aplastante patrones de diseño de formularios web
• Webdesigntuts + Una introducción a la teoría del color para diseñadores web
• Seis revisiones una mirada a la teoría del color en el diseño web
• dezinerfolio.com30 Iconos vectoriales gratis
• Nettuts + Crear un formulario de contacto potente HTML5
• Sumérgete en HTML5 una forma de locura
• Una validación de la forma de pensar hacia adelante aparte
• Nettuts + 8 expresiones regulares que debes saber
• Patrones de entrada HTML5
• Los trucos de CSS obligan al elemento a aclarar a sus hijos
• Generador de pila de fuentes de estilo de código
• FamFamFam iconos de seda