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.

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.

Fuente: Scoop.it