EDIMH M1: Lienzo y Geometría

Módulo 1: Fundamentos del Espacio de Trabajo

El diseño digital opera dentro de fronteras que emulan restricciones físicas (papel o pantalla) el lienzo es el primer paso para dominar la composición.

Anatomía del Documento

La interfaz gráfica divide el lienzo en 2 zonas específicas:

Área Segura (Márgenes): Son los límites perimetrales obligatorios (usualmente 1 cm mínimo). Toda impresora física posee un área de tracción mecánica "área muerta" donde no puede inyectar tinta, generalmente de 5 mm.

Zonas de Repetición (Encabezado/Pie): Áreas perimetrales exclusivas para paginación y logotipos. Lo que se inserta en estas áreas se clona en todas las páginas del documento.

ZONA DE REPETICIÓN
CUERPO
(Área Central)
DELIMITACIÓN DEL LIENZO
ESTABILIDAD
CONTINUIDAD
LENGUAJE VISUAL GEOMÉTRICO

Composición Geometrica 

La composición geometrica  nace de los principios de la Escuela Bauhaus (1919), una corriente funcionalista que determinó que no se requiere ilustración compleja para comunicar, sino el uso estratégico de formas primitivas.

Psicología de la Forma:

  • Cuadrado / Rectángulo: Transmite estabilidad, orden, estructura y robustez.
  • Círculo / Elipse: Representa continuidad, movimiento, fluidez y globalización.
  • Triángulo: Es la forma más dinámica sus vértices generan tensión visual e indican dirección o alerta.

Renderizado & Peso Visual

En el diseño digital, los elementos gráficos se construyen utilizando dos arquitecturas de renderizado fundamentalmente opuestas.

Mapa de Bits (Raster): Son imágenes fotográficas construidas por una cuadrícula finita de píxeles. Al ser escaladas o ampliadas, pierden resolución y se distorsionan ("pixelado").

Gráficos Vectoriales (Formas): Son polígonos calculados matemáticamente en tiempo real por el procesador. Poseen escalabilidad infinita; pueden redimensionarse desde un milímetro hasta una valla publicitaria manteniendo 

RASTER (Fotografía)
VS
VECTOR (Geometría)
DISTORSIÓN VS CÁLCULO MATEMÁTICO

Teoría Cromática y Diseño 

El color determina el "peso visual" de un vector. Formas de colores cálidos y saturados atraen el ojo inmediatamente, dictando la jerarquía de lectura.

Principios del Diseño Plano (Flat Design):

El diseño de interfaz Flat Design exige la **eliminación absoluta de contornos perimetrales** y el uso exclusivo de rellenos de color sólidos para lograr estéticas limpias, minimalistas y de rápida carga visual.

ALERTA
ESTABLE
ATENCIÓN
APROBACIÓN.
SISTEMA CROMÁTICO DE COLORES SÓLIDOS
Nodo Escala
Nodo Modificador
MAPA NODAL DEL VECTOR

Estructura Nodal y Áreas de Control

La Caja Delimitadora (Bounding Box):

Es el perímetro rectangular invisible que envuelve a todo elemento. en este contorno podemos mover nuestros elementos por el lienzo.

Si el elemento no tiene relleno es necesario moverlo desde nuestra línea perimetral o contorno

Reescalado de Nodos:

Los Nodos Blancos (Esquinas), los cuales se utilizan exclusivamente para escalar o redimensionar la figura en su totalidad de manera proporcional.

Nodos Estructurales (Amarillos):

No cambian el tamaño de la forma su función es alterar la estructura  interna paramétrica de la figura (ej. modificar el radio de curva de una esquina, o el grosor del tallo de una flecha).