Principios fundamentales de diseño para no diseñadores

Este es para todos los creadores de contenido que no pueden pagar a un diseñador profesional, así como para los que no son diseñadores en un equipo donde los diseñadores siempre están demasiado ocupados para ayudar. Si puede seguir estos sencillos pasos, le garantizo que sus diseños se verán mejor.

Esta lista nació de años de observar a mis amigos, familiares y colegas que no son diseñadores luchan por diseñar las cosas que necesitan en su vida diaria. Boletines informativos personales, CV y ​​carteras, imágenes para publicaciones en Facebook o Instagram, miniaturas de videos para YouTube, etc.

Todas estas personas acudieron a mí en busca de ayuda y consejos sobre cómo hacer que las cosas se vieran mejor. Soy un firme creyente en la idea de “enseñar a pescar a una persona”, así que en lugar de diseñar cosas PARA ellos, traté de darles valiosos consejos que podrían ayudar con problemas similares en el futuro.

Conforme pasó el tiempo, me di cuenta de que le había estado dando a la gente los mismos consejos una y otra vez . Los he redactado de manera diferente cada vez, pero todos mis consejos los puedo resumir en estos cuatro principios .

Soy consciente de que hay miles de listas como esta, pero considero que estas listas son demasiado excesivas. No puede seguir una lista de 25 pasos "simples" (nada que contenga 25 partes puede ser realmente "simple") como un no diseñador. Y no tienes que hacerlo.

¿Te ayudará esto a crear hermosos diseños brillantes? No. ¿Le ayudará esto a crear diseños geniales, claros y comprensibles que todos puedan entender e interactuar fácilmente? Absolutamente. Entonces, sin más preámbulos, les presento:

4 principios de diseño fundamentales que cualquiera puede seguir para lograr grandes resultados

Contraste

Asegúrese de que haya suficiente contraste entre todos los elementos.

¿Por qué? Porque las cosas que son ligeramente diferentes, pero no lo suficientemente diferentes, crean una especie de Uncanny Valley. Se sienten espeluznantes y repulsivos para el ojo humano y / o son difíciles de comprender. Ahora no queremos eso en nuestros diseños, ¿verdad?

Los elementos de su diseño deben ser exactamente iguales o significativamente diferentes .

Los problemas con el contraste se manifiestan principalmente de 4 formas diferentes:

1. Color: use oscuro sobre colores claros y viceversa.

Ejemplo: Nunca use combinaciones como gris sobre un gris ligeramente más oscuro o rosa claro sobre azul claro; son extremadamente difíciles de leer / interactuar con ellas.

2. Tamaño: solo coloque elementos uno al lado del otro que sean exactamente del mismo tamaño o de un tamaño considerablemente diferente.

Ejemplo: no coloque líneas de texto de 32 y 36 puntos una al lado de la otra. 18pt y 36pt, por otro lado, funcionarán muy bien juntos.

3. Peso: igual que con Tamaño, solo coloque elementos uno al lado del otro que tengan exactamente el mismo peso o un peso considerablemente diferente.

Ejemplo: No coloque pesos "Negrita" y "Negro" del mismo tipo de letra uno al lado del otro, porque se ven demasiado similares. Los pesos "Ligeros" y "Negritos", por otro lado, funcionarán muy bien juntos.

4. Estilo: no coloque un tipo de letra cursiva junto a otro tipo de letra cursiva, ni un tipo de letra serif junto a otro tipo de letra serif. Combina cosas que son diferentes.

Ejemplo: no coloque “Times New Roman” y “Georgia” uno al lado del otro, se parecen demasiado. Combine fuentes que tengan estilos considerablemente diferentes.

Consistencia

Asegúrese de que los elementos similares aparezcan de manera similar.

¿Por qué? En primer lugar, al mantener las cosas consistentes (y, por lo tanto, simples), permite que las personas centren su atención en aspectos importantes de su diseño en lugar de distraerse con cosas que cambian todo el tiempo.

En segundo lugar, la coherencia aumenta la confianza y hace que las cosas parezcan realmente diseñadas , en lugar de unirlas rápidamente.

Cosas a las que atenerse una vez que las haya seleccionado:

  • Tipo de letra / fuente
  • Paleta de colores / tono de color
  • Cuadrícula
  • Alineación
  • Estilo de elementos decorativos

Y así...

Cuando esté trabajando en muchas piezas diferentes que aparecen una al lado de la otra (por ejemplo, miniaturas de video para su canal de YouTube o portadas para sus artículos de Medium), elija un estilo general para todas y apéguese a él también.

La navaja de Occam

también conocido como Reducir el ruido visual

Cuanto menor sea el número de elementos que utilice en su diseño, mejor.

¿Por qué? Es difícil para el cerebro humano procesar información y tomar decisiones con una sobrecarga de información. Utilice la menor cantidad posible de elementos decorativos (tipografías, colores, sombras, marcos, trazos, iconos, patrones, etc.).

Aplique una versión de diseño de Occam's Razor a todo:

Si algo se puede lograr con solo 2 elementos, no uses 3. Si algo se puede lograr con 10 elementos, no uses 20. Lo entiendes.

Si no te gustan los filósofos escolásticos ingleses y prefieres las cosas que puedes ver en Netflix, claro: sé la Marie Kondo de tus propios diseños. Todo lo que no despierte alegría (o no sea una parte útil de un diseño), tiene que irse.

Espacio

La forma en que se colocan las cosas envía un mensaje de nivel meta sobre su significado.

¿Porque es esto importante? Porque tener en cuenta cómo coloca las cosas y cuánto espacio agrega a su alrededor ayuda a reducir la complejidad de un diseño y, por lo tanto, hace que sea más agradable de ver Y más fácil interactuar con él.

Para usar el espacio en su diseño para transmitir significado, tenga en cuenta estas 3 cosas:

1. Proximidad = Relación

Las cosas que están más cerca unas de otras que de los demás elementos, se perciben más relacionadas entre sí que con los demás elementos.

Este es el más importante porque siento que está siendo ignorado con demasiada frecuencia (incluso por algunas personas que dicen ser diseñadores profesionales, por no mencionar ningún nombre).

Se puede aplicar de muchas formas diferentes, por ejemplo:

  • Debe haber más espacio entre las líneas que entre cada palabra en una línea y, de manera similar, más espacio entre los diferentes párrafos que entre las líneas dentro de un párrafo.
  • Los elementos de un diseño deben tener menos espacio entre ellos que entre esos elementos y los bordes de la composición.
  • Las etiquetas y la información de apoyo deben colocarse cerca de los elementos que describen / se relacionan.

2. Espacio negativo

En combinación con la navaja de Occam, dé a sus diseños tanto espacio negativo como sea posible, para ordenarlos y hacer que su significado sea más obvio.

Poner demasiados elementos en un espacio limitado es como intentar escuchar tres canciones diferentes a la vez. Es difícil entender lo que se dice.

3. Importancia y orden

Este es extremadamente de sentido común, pero siento que todavía tengo que mencionarlo aquí.

Las cosas que más importan, póngalas primero y / o haga que ocupen la mayor cantidad de espacio. Utilice secuencias de cosas para transmitir orden. Etcétera. Definitivamente puedes averiguar el resto.

El fin

¡Felicidades! Si ha seguido todos estos pasos mientras hace lo que está haciendo, lo más probable es que se vea muy bien según los estándares de la industria.

Para todo lo demás, siempre hay un diseñador.

***

Mi nombre es Mészáros Anna, soy un diseñador gráfico / UI convertido en diseñador UX / UI con experiencia académica en filosofía e interés en todo lo relacionado con la ética del diseño. Me encantaría conectarme con personas de ideas afines, así que no dudes en enviarme un mensaje y seguirme en Medium o Twitter.