Percepción Visual: Leyes Fundamentales

Leyes de Organización Perceptual

• Proximidad: Objetos cercanos tienden a agruparse.
• Semejanza: Elementos similares se agrupan.
• Buena Continuación: Damos continuidad a una trayectoria de forma armónica.
• Cierre: Ante una figura incompleta, tendemos a completarla.
• Experiencia: Objetos conocidos por experiencia son reconocidos con mayor facilidad.
• Figura-Fondo: Diferenciar la figura principal frente al fondo.
• Contraste: Un elemento se distingue del resto por su especificidad.
• Inclusividad o Camuflaje: Homogeneización entre figura y fondo, se camuflan.

Principios de Composición Visual

Equilibrio

• Formal: Simetría, poder y estabilidad.
• Informal: Asimetría, individualismo, dinamismo, atracción.

Peso Visual

• Ubicación: Arriba a la derecha tiene más peso que abajo a la izquierda.
• Tamaño: Elementos grandes tienen más peso que los pequeños.
• Forma: Formas regulares tienen más peso que las irregulares.
• Color: Colores cálidos y claros tienen más peso que los fríos y oscuros.
• Textura: Un elemento más texturizado tiene más peso.
• Aislamiento: Un elemento individual tiene más peso que uno grupal.
• Jerarquía de lo Centrado: Un elemento centrado tiene más peso.

Recorrido Visual

• De izquierda a derecha.
• De arriba a abajo.
• Macrolectura: Lectura global.
• Microlectura: Lectura de detalles.

La Imagen en el Diseño

Tipos de Imagen

• Fotografía: Elemento visual creado utilizando una cámara para registrar una imagen.
• Ilustración: Elemento visual creado a mano que se utiliza solo o acompañando un texto.

Funciones de la Imagen

• Atraer la atención del público objetivo.
• Transmitir la esencia del texto de manera visual.
• Representar visualmente la estrategia de marca.

Iconicidad

Capacidad de una imagen para representar a su modelo en la realidad:

• Figurativo: Realismo.
• Abstracción: Estilización.
• No Objetiva: Forma inventada.

Fundamentos de la Tipografía

Clasificación Tipográfica

• Romanas (con serifa): Armonía de proporciones, trazos gruesos y finos.
• Palo Seco (sin serifa): Ausencia de remates, equilibrio uniforme de toda la letra.

Teoría del Color

Sistemas de Color

• Primarios Lumínicos (RGB): Rojo, verde y azul. Al mezclarse, forman el blanco.
• Primarios Pigmentarios (CMYK): Cian, magenta y amarillo. Al mezclarse, forman el negro.
• Colores Primarios (RYB): Rojo, amarillo y azul.

Clasificación de Colores

• Secundarios: Verde, violeta y naranja (mezcla de dos primarios).
• Terciarios: Rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo (mezcla de un primario y un secundario).
• Complementarios: Colores opuestos en el círculo cromático.

Significado del Color

• Denotativo: Utilizado como representación de la figura.
  • Icónico: Identificador.
  • Saturado: Cromatismo exaltado de la realidad.
  • Fantasioso: No busca fidelidad a la realidad.
• Connotativo: Lo que sugiere o transmite.
• Esquemático:
  • Señalético: Para señales.
  • Emblemático: Emblema para uso social.

Análisis Semiótico

• Denotación: El significado literal, «tal cual».
• Connotación: Lo que sugiere o transmite.

Observaciones y Aclaraciones Conceptuales

Sobre la Pregnancia

La pregnancia no se refiere al grado de iluminación para percibir con claridad la imagen, sino a si puede generar confusión por evidenciar varias posibles lecturas que confluyen en la imagen. En el caso mencionado, la pregnancia es alta, ya que permite un juego interpretativo a partir de la ley de la experiencia al ser una pieza publicitaria de McDonald’s.

La ley de la experiencia no se refiere al hecho de que se incluya el logo de una marca reconocida o reconocible, sino a que la silueta que representa el escenario respecto al patio de butacas y los palcos simula un contorno que evoca a la hamburguesa.

Sobre la Anisotropía y Jerarquía

La anisotropía horizontal podría darse en el caso en el que, a pesar de tender a la simetría, hubiese un elemento relevante (símbolo de la marca, por ejemplo) en el lado derecho.

No hay jerarquía de lo centrado en el ejemplo dado, en tanto que el centro ocuparía una superficie más limitada, no el espacio tan amplio del patio de butacas y palcos.

Sistemas Cromáticos

El sistema cromático a aplicar es RYB (no confundir con RGB) y CMYK.

Análisis Semiótico Integral

En la parte del análisis semiótico, es crucial atender al conjunto de la pieza publicitaria, no solo al color, que ya ha sido abordado en su apartado correspondiente.

Pregnancia e Iconicidad en Ejemplos Específicos

En la figura de la vieja y la joven, ambas son figurativas ya que son retratos que representan rasgos caracterizados por ambas fisonomías. Sin embargo, la ilustración integra dos imágenes diferentes que provocan confusión. Sería un caso de baja pregnancia y alta iconicidad.

Herramientas y Software de Diseño Gráfico

Sitios Comunes de Descarga

• Adobe
• Autodesk
• Corel
• Davecentral
• Download.com (u otros similares)

Sistemas Operativos Más Usados

• Linux
• macOS
• Windows

Programas Destacados

• Corel
• Adobe (Photoshop e Illustrator)

Programas para Edición Gráfica por Categoría

Composición de Página y Autoedición de Textos (Maquetación)

• QuarkXPress: Uno de los más conocidos.
• InDesign (Adobe): Uno de los más conocidos.
• Publisher (Microsoft): Más doméstico.
• Serif PagePlus: Más doméstico.
• PageMaker: Más profesional y complejo (histórico).

Software de Creación e Ilustración (Vectorial)

• Illustrator (Adobe)
• CorelDRAW
• FreeHand (histórico)
• Inkscape: Para dibujo CAD (gratis).
• Zona DRAW: Versión gratuita de CorelDRAW.

Programas de Tratamiento Fotográfico (Mapas de Bits)

• Photoshop (Adobe)
• Corel PaintShop Pro

Software Recomendado por Perfil Profesional

• Diseñador: Una aplicación de maquetación y otra de edición de imágenes.
• Fotógrafo, Ilustrador y Artista Digital: Photoshop.
• Enfoque Bellas Artes: Painter.
• Tipógrafos y Artistas Gráficos: Illustrator / FreeHand.

Aplicaciones de Diseño Específicas

• QuarkXPress: Vigente hasta el siglo XX. Simple. Permite importar objetos en cuadros y componerlos.
• Adobe InDesign: Similar a QuarkXPress. Cubre necesidades inimaginables.
• Adobe Illustrator: Líder en imágenes vectoriales, con herramientas para diseñadores y creadores de páginas web.
• Corel Painter: Para retoque de pintura e ilustración con medios naturales.
• PaintShop Pro: Editor de mapas de bits y vectoriales.
• Adobe Photoshop: Adaptado para manipular imágenes.
• PhotoScape: Visor y editor de imágenes rápido e intuitivo. Editor fotográfico.
• Acrobat Pro: Para documentos PDF.
• GIMP: Alternativa gratuita a Photoshop para retocar fotos.
• SketchUp: Para edición tridimensional.
• 3ds Max: Edición profesional 3D de Autodesk.

Etiquetas: composición, Diseño grafico, Percepción visual, Semiotica, software de diseño, Teoría del color, Tipografía