No se imaginan la cantidad de veces que he tenido que diseñar formularios y por su naturaleza siempre termino haciéndolos muy similares. Si bien hay formas diferentes de hacerlos, la base de los campos y nombres que si o si deben contener, no ayuda mucho a explayarse creativamente.
Sin embargo, en Internet, podemos encontrar una gran variedad de opciones que nos brindan algunos diseñadores, ya sea a modo de tutorial o en formato para Photoshop. En este caso entiendo que si bien el archivo es muy útil, lo bueno es la idea, y la posibilidad de realizar un espacio para el formulario donde no se deje de lado el diseño como usualmente sucede.
Quiero recomendarles estos recursos para ayudarlos a crear formularios desde cero, como siempre digo, haciendo se aprende, y esta temática en si, suele ser dejada de lado casi siempre, ya sea porque hoy en día hay múltiples formas de contacto (redes sociales) que permiten realizar la interacción con el usuario de forma más personal y directa. Pero por otro lado, muchos prefieren seguir contactándonos a través de este instalado recurso.
He aquí entonces algunos formularios para diferentes funciones, diseñados en Photoshop, para ayudarlos a inspirarse, o para utilizarlos en su próximo diseño. Recuerden que siempre requerirán de conocimientos básicos de programación para desarrollarlos completamente, además de contar con ciertos requerimientos en el servidor donde sea alojado.
Descargar Simple Form PSD | PSDStyle
Descargar Log-in Form PSD | PSDStyle
Descargar Coming Soon Splash Page | PremiumPixels
Descargar Modal Form Contact Form | PremiumPixels
Descargar Form Element Styling | PremiumPixels
Descargar Clean Simple Sign Up Form | PremiumPixels
Descargar Newsletter Sign Up Form | PremiumPixels
Descargar Elegant Login Form | PremiumPixels
Emanuel
13 años ago
Hola, una consulta como pasar los forms hehcos en photoshop a html (de psd a html) osea como seria para pasarlo y tener el form tal cual pero poder escribir en el (ej: password) por favor y muchisimas gracias.
Cristian
12 años ago
Emanuel:
Exporta la imagen del input a un jpg o png lo que te guste y luego en el input con css dale el background de la imagen importada….
Formulario de contacto simple en PSD | Kabytes
10 años ago
[…] si desean ver más opciones pueden visitar el artículo con modelos de formularios en PSD que publiqué a principio de año, aunque en ese caso solo hay muestras pequeñas de registro y […]