Todos conocemos intuitivamente lo que hace que un sitio web se vea mal: efectos de bisel sobre usados, imágenes prediseñadas cursi, diseños superpoblados. Estas molestias se corrigen fácilmente mediante el desarrollo teniendo en cuenta los fundamentos del diseño, los mismos principios utilizados por diseñadores profesionales y artistas por igual.
Grandes sitios web reúnen forma y función. De hecho, los sitios web bien diseñados se consideran más creíbles, según un Estudio de Stanford y en realidad son más fáciles de usar (según lo estudiado por el investigador) Don Norman ) Aquí hay cinco aspectos fundamentales para ayudarlo a mantener el diseño de calidad al frente de su consultorio.
En la escuela de diseño, te darán una lista de principios a seguir que asignan reglas a los elementos de belleza como el diseño, el orden y la simetría. Pero a medida que avanzas, te piden que rompas las reglas un poco para crear lugares para que los ojos del espectador se vean empleando elementos como variedad, tensión o contraste.
Aquí hay un ejemplo de una página Lo hice en Edge Reflow CC. ¿Puedes ver los diferentes elementos de diseño que se están empleando y luego jugar con ellos?
Hay algunos íconos universales a los que las personas están capacitadas para responder. La lupa (búsqueda), la casa (página de inicio) y el disquete (guardar) ya están incrustados en sus usuarios. Aprovecha esos atajos visuales ; todas esas señales de tráfico deben ser inmediatamente reconocibles para usted.
El color marca la diferencia, especialmente a medida que nuestras pantallas mejoran en nuestros teléfonos y tabletas. Es una faceta del diseño que puede ser una parte clave de la historia que su sitio web quiere contar. Simplemente use el color para apoyar el contenido, no para decorar una página. Y a menudo, si está usando una foto, los colores en el diseño deben tomarse como muestra de las fotos utilizadas para que su diseño tenga una agradable sensación unificada.
Me gusta dibujar ejemplos de color con muestras de colores, y Adobe Kuler La aplicación web es una excelente manera de jugar con diferentes temas y luego importarlos en sus herramientas de diseño. Una de las mejores reglas para ir es usar colores complementarios. Que es básicamente el uso de colores cálidos y colores fríos juntos para proporcionar equilibrio.
Hay literalmente miles de fuentes para elegir.
Depende de usted mezclar y combinar, pero recuerde que es una buena práctica usar solo hasta tres fuentes a la vez, una bonita fuente de encabezado, una para el cuerpo principal del texto, y otra para cualquier tipo de llamada que pueda. necesitar. A menudo, eso significa usar un sans-serif para la copia del cuerpo, y para los titulares puede ser más interesante con serif o sans-serif.
Muy bien, tienes tus elementos básicos de diseño, con bonitos iconos e imágenes, con un esquema de colores de sonido y fuentes divertidas. ¿Que sigue?
Obteniendo ayuda de otros, por supuesto! Y no solo gente al azar en la calle, sino crítica constructiva de personas que realmente conocen sus cosas, como otros diseñadores / desarrolladores. Esto puede ser instrumental para ir de un sitio web OK a uno que realmente aparece. Si nunca usaste Behance para publicar un trabajo en progreso, te recomiendo que lo pruebes. La comunidad activa hará más que solo decirle "hacer que el logotipo sea más grande", pero le dará consejos que pueden marcar la diferencia entre un buen sitio web y uno excelente.
Para profundizar en cómo aplicar elementos de diseño al desarrollo web, consulte mi presentación de SXSW: