25 recursos para dominar el diseño web
por:Uno de los grandes aspectos abandonados en el desarrollo web ha sido el diseño y todas sus múltiples vertientes (tipografía, color, experiencia de usuario, etc.). Sin embargo, en los últimos años cada vez es más importante no sólo contar con abundante y compleja funcionalidad, sino con una plataforma llamativa, cómoda y que deslumbre e impresione al usuario. Por esta razón te presento 25 recursos que me han sido de gran utilidad para abordar el diseño web.
Elementos básicos del diseño web
En la siguiente sección están recogidos aquellos recursos relacionados con los elementos básicos del diseño web (color, tipografía e iconografía). Definir estos estos elementos es el punto de partida para plantear el aspecto de una web.
El color: el elemento principal del diseño
Desde mi punto de vista el color es el aspecto más relevante a la hora de plantear el diseño de una web. Esto es debido a que el mismo influirá en el público a la que está destinada y a la imagen de marca que posteriormente será creada. Para conocer más en profundidad cómo afecta la elección del color y distintas formas de elegirlos, me resultó de gran ayuda el siguiente recurso (en inglés): Teoría del Color.
Una vez conocido lo anterior, toca buscar inspiración, para ello últimamente estoy utilizando el siguiente recurso, el cual analiza las principales paletas de colores que presentan algunas de las webs más conocidas. Además de la web anterior, Colourlovers permite acceder a un gran conjunto de paletas de colores de gran calidad creadas por una extensa comunidad de diseñadores.
Otro de los recursos más utilizados en los últimos años ha sido el esquema de color propuesto dentro del lenguaje de diseño Material Design de Google. Este cuenta con un generador que te va a permitir elegir y probar cómo se comportan los colores seleccionados.
En el caso de que tu objetivo sea realizar interfaces compuestas principalmente por gráficos, te recomendaría probar la siguiente herramienta para la elección de los colores. Otra de las herramientas que considero imprescindible es Coolors, la cual permite configurar de manera rápida una paleta de colores. Una alternativa a la anterior es Color wheel, creada por Adobe, proporciona múltiples opciones para crear rápidamente paletas de colores.