Hay un montón de reglas de diseño que se atascan en tu cabeza. Cosas que los diseñadores senior sugirieron, elementos de la teoría del diseño o lecciones aprendidas en las clases a lo largo del camino. Pero tal vez deberías romper algunas de estas reglas?
Las tendencias y conceptos de diseño cambian mucho con el tiempo. Los avances tecnológicos, en particular, han cambiado algunas de las reglas. El diseño es un proceso en evolución y lo que funciona hoy puede cambiar mañana. Con esto en mente, aquí hay tres reglas de diseño que deberías tratar romper.
1. Utilice tipografías Sans Serif para diseño web
Todos los diseñadores web solían decir que necesitabas usar tipos de letra sans serif en línea. Simplemente ya no es el caso. ¡Rompe esa regla!
Una buena mezcla de tipos de letra legibles es la nueva norma. Esto incluye serifs, sans serifs e incluso novedad y estilos de script. La clave para elegir el tipo de letra correcto (o la paleta de texto) es seleccionar estilos de letras fáciles de leer.
También se han realizado investigaciones para respaldar esta idea. Jakob Nielsen, del Grupo Nielsen Norman, que se centra en la experiencia del usuario, la investigación y la capacitación, dijo que las mejores pantallas están cambiando el panorama de las pautas de tipografía para el diseño de sitios web. Aquí está la conclusión de ese estudio:
La antigua guía de usabilidad para la tipografía en línea era simple: atenerse a las tipografías sans-serif. Debido a que las pantallas de las computadoras eran demasiado malas para representar correctamente las serifas, el intento de tipografía con el tamaño del texto del cuerpo daba como resultado formas de letras borrosas.
Desafortunadamente, la nueva guía no es tan clara como la anterior. La investigación de la legibilidad no es concluyente en cuanto a si las fuentes de serif son realmente mejores que las de sans serif.
La diferencia en la velocidad de lectura entre serif y sans serif es aparentemente bastante pequeña. Por lo tanto, no hay una pauta sólida de uso a favor del uso de uno u otro, por lo que puede hacer una elección basada en otras consideraciones, como la marca o el estado de ánimo comunicado por un estilo tipográfico particular.
Así que adelante y rompe la vieja regla sans serif. Aquí hay algunas cosas que debe buscar cuando piense qué fuente elegir y si es altamente legible o no.
- Opte por anchos de carrera uniformes en un peso medio o regular. El tipo super ligero o delgado puede ser difícil de leer.
- Se adhieren a una altura x media. Dejar que sea súper delgado y alto puede conllevar problemas de legibilidad.
- Busque un espaciado de letras consistente y adecuado, sin el uso excesivo de ligaduras o adornos.
- Use tipografías ornamentadas para pequeños bloques de texto y solo con intenciones distintas.
- Opte por los tipos de letra serif o sans serif para bloques de copia más grandes. Elija letras con formas distintas que sean fáciles de leer de un vistazo.
2. Manténgase alejado de los fondos en negrita
Por un tiempo, parecía que los únicos colores aceptables para el fondo de un sitio web eran blancos y neutros iluminados. ¡De ninguna manera!
Los colores de fondo llamativos y brillantes pueden ser un gran elemento de fondo. El color puede causar una gran primera impresión en los usuarios, establecer el tono para el diseño y es una forma divertida e interesante de romper los mismos patrones de diseño antiguos.
Más sitios web y grandes marcas están utilizando el color para ayudar a crear una experiencia interesante y atractiva. Y a los usuarios parece gustarles.La segunda parte de esta regla rompible, es limitar el número de colores en su paleta de colores. Si bien es una buena idea tener una paleta de marca distinta, puede apostar un poco más por los proyectos de diseño individual.
Las paletas de colores detrás de Material Design combinadas con el uso de opciones de color más audaces han abierto lo que se considera elegante y pegajoso. Más color es aceptable. Más sitios web y grandes marcas están utilizando el color para ayudar a crear una experiencia interesante y atractiva. Y a los usuarios parece gustarles.
Si bien necesita una paleta simple como estándar estándar para lograr consistencia, agregue algunos colores adicionales (y más brillantes) para proyectos específicos. No tiene que rediseñar todos los materiales de su marca para tener fondos de color púrpura o verde brillante, pero puede incorporar colores más modernos en los proyectos de varias maneras.
- Considere una foto superpuesta en color.
- Optar por un color titular brillante.
- Cambia ese fondo neutral por algo más memorable.
- Use un tono más brillante para los botones o elementos de llamada a la acción. (No todos tienen que ser rojos o azules.)
- Utilice estados de desplazamiento del color para estimular la interacción.
3. Crear balance simétrico
Al principio de mi carrera en el diseño, demasiados diseñadores veteranos impulsaron el poder de diseños perfectamente simétricos para crear armonía y equilibrio. Mirando hacia atrás, muchos de estos conceptos eran aburridos y demasiado seguros.
La asimetría puede ayudarlo a crear más interés visual y equilibrio sin un diseño dividido por el medio. Si bien hay un lugar para la simetría, crear equilibrio con peso, espacio y elementos que se contrarrestan puede ser mucho más interesante.
Para aprovechar al máximo la asimetría en proyectos de diseño, considere lo siguiente para crear una sensación de armonía y flujo visual:
- Equilibra los elementos y el espacio unos contra otros. Un elemento pesado puede sentirse más equilibrado cuando se combina con espacios en blanco.
- Poner un énfasis en el movimiento para que el ojo se mueva a través del diseño según lo previsto. Piense en cómo las personas leen, y comience con los elementos más pesados y el texto a la izquierda que se mueve. hacia la derecha.
- Usa el color para crear puntos focales.
- Espacio todo en una cuadrícula para crear un sentido de organización y flujo.
- Preste atención al peso. Los diseños asimétricos no deben sentirse "desviado". El usuario debe moverse a través del contenido con facilidad. Use elementos estáticos como la navegación para crear un contenedor para elementos asimétricos.
Conclusión
Romper las reglas de diseño puede ser vigorizante? o desastroso Tome la decisión correcta sobre qué regla romper (y cuándo) al pensar en los objetivos de su proyecto o diseño.¿Cómo romper una regla hará que este proyecto funcione mejor? ¿Mejora la facilidad de uso, la función o la capacidad para que el usuario entienda el mensaje?
Si la respuesta es sí, entonces su proyecto podría ser el lienzo perfecto para romper una regla y probar algo nuevo y diferente. No solo rompas una regla de diseño porque estás aburrido. (Esa no es realmente una buena razón para hacer mucho de nada.)