Cincuenta reglas, repartidos en diez rubros distintos (color, contraste, repetición, acuerdo, por qué, organización, espacio negativo, tipografía, iconografía, fotografía) son plasmadas en una infografía publicada por el portal The Visual Communication Guy, del creativo Curtis Newbold.
Notas relacionadas:
12 reglas para iniciar una empresa exitosa
6 reglas simples para diseñar un sitio web móvil
10 reglas que te ayudarán a diseñar una infografía viral
Color
1. La rueda de colores
Utiliza un círculo cromático para crear esquemas de color monocromáticos, análogos, complementarios.
2. Use cuatro menos colores, no más
Crea su diseño a partir de un esquema de color de cuatro colores o menos.
3. Emoción-Saturación
Utiliza colores oscuros no saturados para expresar emociones serias, colores desaturados brillantes para expresar amabilidad, colores saturados para captar la atención o para atraer a los niños.
4. Psicología del color
Entiende cómo las personas y las culturas responden a colores determinadas; determine los colores para expresar precaución, peligro, felicidad, fuerza, celos, miedo y otras emociones y experiencias relacionadas.
5. El blanco es sofisticación y limpieza
Trata al blanco como un color, úsalo para comunicar claridad, sofisticación, limpieza, profesionalismo y en algunos casos, lujo.
Contraste
1. Color
Usa colores contrastantes para dar claridad e interés visual. Si se trata de un color diferente, obviamente debe ser diferente.
2. Tamaño
El elemento más importante en un documento es el más grande. Utiliza con claridad diferentes tamaños para las fuentes y los iconos. Si están destinados a ser de diferentes tamaños, deben ser significativamente diferentes.
3. Tipos de letra
Utiliza diferentes fuentes, escoge tipografías diametralmente opuestas.
4. Resaltar
No resaltes más del diez por ciento de los objetos en un documento, Destaca títulos y textos con negritas, color, cursivas y subrayado… Utiliza sólo dos o tres técnicas a la vez y no utilices mayúsculas para destacar.
5. Superposiciones
Al superponer texto en la parte superior de una imagen o marca de agua, contrasta el fondo con el texto de manera significativa para evitar conflictos o ruido visual.
Repetición
1. Dentro del documento
Repite todos los elementos visuales dentro de un solo documento.
2. Repite patrones
Repite todos los elementos visuales a través de múltiples documentos para crear continuidad, claridad y distinción entre los documentos.
3. Señales Visuales
Utiliza formas, logotipos e iconos que se repiten de una página a otra (o una diapositiva a otra) para dar uniformidad y organización a un documento.
4. Personalidad
Mantén la personalidad o la profesionalidad del documento con consistencia mediante la repetición de estilos en la dicción, el tono, la disposición y otros contenidos.
5. Guía de estilo
Desarrolla y utiliza las guías de estilo para repetir características de una identidad de marca, incluyendo color, diseño, tipografía, peso del papel, uso del logo, etcétera.
Acuerdo
1. Objeto
Evita la colocación arbitraria de objetos flotantes que no tengan conexión visual.
2. Alineación
Todo en una página debe estar alineado a otra cosa. Evita centrar elementos visuales y textos.
3. Proximidad
Pon los artículos relacionados en proximidad y pon distancia entre los artículos no relacionados.
4. Estabilidad
Organiza los objetos del documento para mostrar estabilidad (o falta de ella). Los objetos que son planos y horizontales dan sensación de estabilidad; la disposición vertical puede dar sensación más activa, mientras que objetos inclinados brindan sensación de movimiento.
5. Posición
Coloca la posición de objetos de manera estratégica. Espacio implica tiempo. Objetos inclinados implican inestabilidad. Los objetos en la parte superior del medio implican libertad.
¿Por qué?
1. Expectativa
Utiliza la marca, documentos, géneros, tonos, colores y elementos visuales que se alineen con lo que el público espera ver.
2. Complejidad creíble
Aumenta la complejidad de un diseño o contenido para aumentar su credibilidad. Simplifica un documento para que parezca más elegante o sofisticado.
3. Metáfora
Aplica diversas figuras visuales y literarias a manera de metáforas: retruécano, hipérbole, metonimia, etcétera, para aumentar la comprensión, el interés creativo y la profundidad significativa de tu diseño.
4. La densidad proposicional
Simplifica elementos de diseño visual al tiempo que aumentas proposiciones comunicativas (o ideas para comunicar).
5. Retórica
Haz su documento llegue a tu audiencia a través de ethos (credibilidad), pathos (emoción), logos (lógica), y kairos (tiempo).
Organización
1. Cinco formas de organizar la información
Hay cinco maneras de organizar la información: por ubicación o espacio, por orden alfabético, por el tiempo o cronología, por categoría o por jerarquía.
2. Jerarquía
Conoce la jerarquía e importancia de tu información.
3. Satisfice-capacidad
Organiza el documento de manera que una persona pueda analizar la información de forma rápida y en secciones. Rara vez la gente lee documentos enteros.
4. Regla de los tercios
Para aumentar el interés visual, divide el documento en nueve segmentos iguales de espacio (en tercios tanto horizontal como verticalmente) y coloca los detalles más importantes o interesantes en las intersecciones donde las líneas invisibles dividen los segmentos.
5. Rebases
Para aumentar el interés estético y reducir el ruido visual, mueve los bordes de algunos objetos y las imágenes de los bordes de la página.
Espacio Negativo
1. 1 + 1 = 3
Presta atención a las formas se crean entre dos objetos. Al diseñar dos objetos, una tercera forma se está diseñando entre los dos.
2. Multi-estabilidad
Aumenta el interés en algunos diseños de logotipo haciéndolos multi-estables.
3. El ruido vacío
Observa todo el espacio vacío e identificar si es útil y eficaz. Si el espacio en blanco o vacío no parece estar diseñado o intencional creará ruido visual que reduce la credibilidad.
4. Forma y fondo
Mantén diseños visuales estables al hacer distinciones claras entre figuras y fondos. Los objetos en las regiones más bajas o que se superponen otros objetos aparecen delante y son percibidos como más importante.
5. Márgenes
Evita márgenes delgados o incómodas entre los objetos y el texto y los bordes de las páginas que crean accidentalmente las formas y caminos.
Tipografía
1. Dos Fuentes
La mayoría de los documentos se deben utilizar dos fuentes diferentes (rara vez uno o tres o más), típicamente de dos familias de fuentes diferentes. Utiliza una fuente para los títulos y otra para el cuerpo del texto.
2. Familias de fuentes
Conoce las familias de fuentes y úsalas adecuadamente.
3. Personalidad
Aplica la fuente acorde a la personalidad de tu documento. Los matices sutiles en tipografías hacen grandes diferencias en la personalidad de un documento. Evita fuentes usadas en exceso y por defecto.
4. Legibilidad
Asegúrate de que la fuente sea legible para las palabras específicas que se están visualizando. Algunos tipos de letra funcionan bien para determinadas palabras, pero no para otras.
5. Facilidad de lectura
Aumenta la legibilidad pronunciando el interlineado, usando fuentes legibles, acortando la longitud de línea, y usando un peso lo suficientemente grande como para contrastar fondo.
Iconografía
1. Cuatro tipos
Utiliza iconos para hacer la lectura más rápida, reconocible, atractiva y universal. Existen cuatro tipos de icono (similar, ejemplo, simbólicos y arbitrarios)… aplica el adecuado para el propósito de la comunicación.
2. Reconocimiento de marca
Usa los iconos y las formas para mejorar el reconocimiento inmediato. Mientras los logotipos son útiles para las marcas, los iconos y formas también pueden ser útiles para los diseños sin marca centrada como signos de hallar caminos, folletos y campañas de carteles.
3. Mnemtecnia
Utiliza recursos mnemotécnicos en iconos para vincularlos más claramente a una marca o idea.
4. Líneas y rutas
Usa líneas, flechas y otras herramientas visuales para guiar a los ojos del espectador y la mente en direcciones específicas, importantes, e intencionales. Evita las líneas y flechas en importancia es ya evidente.
5. Pictogramas
Aplica versiones pictóricas de datos en tablas y gráficos para que la información sea más legible y atractiva para las grandes audiencias.
Fotografía
Superioridad 1. Imagen
Uso tantas fotos e iconos como sea posible, siempre y cuando la información importante se pueda aclarar y representar éticamente. El público podrá recordar las comunicaciones con imágenes hasta un 60% más que sin ellas.
2. Resolución
Utiliza la resolución adecuada para el medio específico. No utilices imágenes pixeladas o distorsionada… el documento perderá credibilidad inmediatamente.
Ratio 3. Retratos
Cuando utilices imágenes de personas, aumenta el tamaño de la cara y elimina funciones corporales para comunicar personalidad e intelecto. Para comunicar salud, vitalidad y sensualidad, disminuye el tamaño de la cara e incrementa el cuerpo.
4. Dirección
Asegúrate de que todas las caras miran hacia el interior o la columna vertebral del documento. Evita tener imágenes de personas que buscan en la dirección que se sale de la página.
5. La combinación de estilos
Al utilizar varias fotos en el mismo documento, asegúrate de que sus estilos fotográficos, incluida la iluminación, la posición y los colores son consistentes.
