Madrid PAU Design (Diseño) key terms
Madrid PAU Design (Diseño) · Get comfortable with the vocabulary.
- Punto, línea y plano
- Related: Ritmo visual, Contraste visual
Elementos básicos de la expresión visual: el punto concentra la atención, la línea define dirección y contorno, y el plano organiza superficies. Kandinsky los describió como la gramática mínima de toda composición gráfica.
- Contraste visual
- Related: Jerarquía visual, Punto, línea y plano
Diferencia perceptible entre dos o más elementos por tamaño, color, valor, textura o forma. Genera jerarquía, separa zonas y guía la lectura; sin contraste suficiente la composición resulta plana y confusa.
- Jerarquía visual
- Related: Contraste visual, Peso visual, Espacio negativo
Orden de importancia que el espectador percibe entre los elementos de un diseño. Se construye con escala, posición, color, peso tipográfico y espacio en blanco para que la mirada recorra el mensaje en el orden previsto.
- Ritmo visual
- Related: Repetición y módulo, Punto, línea y plano
Repetición pautada de elementos que crea una cadencia perceptiva, por intervalos regulares o variables. Puede ser regular, alterno o progresivo y aporta cohesión y movimiento a la composición.
- Repetición y módulo
- Related: Ritmo visual, Retícula
Uso de un elemento o unidad gráfica idéntica varias veces para generar patrón y unidad. El módulo es la unidad repetible; su variación de escala, posición o color produce familias visuales coherentes.
- Peso visual
- Related: Equilibrio y simetría, Jerarquía visual
Sensación de masa que un elemento proyecta en la composición, según tamaño, valor, saturación y densidad. Equilibrar pesos a ambos lados de un eje imaginario produce estabilidad; desequilibrarlos crea tensión deliberada.
- Equilibrio y simetría
- Related: Peso visual, Espacio negativo
Distribución de pesos visuales que produce reposo perceptivo. La simetría refleja elementos respecto a un eje; el equilibrio asimétrico compensa masas distintas mediante posición y contraste sin repetir formas.
- Espacio negativo
- Related: Ley de proximidad, Jerarquía visual
Zona vacía o de descanso entre elementos, también llamada contraforma cuando la genera una forma. No es espacio perdido: define contornos, agrupa información y otorga respiración al mensaje.
- Ley de proximidad
- Related: Espacio negativo, Leyes de la Gestalt
Principio de la Gestalt según el cual los elementos cercanos entre sí se perciben como un grupo. Permite agrupar información sin líneas ni marcos, solo ajustando distancias en la maqueta.
- Leyes de la Gestalt
- Related: Ley de proximidad, Figura-fondo
Conjunto de principios de organización perceptiva (proximidad, semejanza, cierre, continuidad, figura-fondo) que explican cómo el cerebro agrupa estímulos en totalidades significativas antes que en partes aisladas.
- Figura-fondo
- Related: Leyes de la Gestalt, Contraste visual
Relación perceptiva por la que una forma se destaca como figura y el resto retrocede como fondo. En diseño gráfico y señalética esta relación determina la legibilidad y puede invertirse por ambigüedad deliberada.
- Círculo cromático
- Related: Armonía cromática, Color complementario
Representación ordenada de los colores según su matiz, habitualmente en rueda. Sirve para identificar colores primarios, secundarios y complementarios y para construir armonías por analogía o contraste.
- Armonía cromática
- Related: Círculo cromático, Color complementario
Combinación de colores que produce una relación equilibrada y agradable, por ejemplo mediante esquemas análogos, complementarios o triádicos. No es una regla absoluta: depende del contexto y de la proporción de cada color.
- Color complementario
- Related: Círculo cromático, Contraste simultáneo
Par de colores situados en posiciones opuestas del círculo cromático, como rojo y verde. Su mezcla pigmentaria tiende al gris y su contraste simultáneo maximiza la vibración visual y la atención.
- Contraste simultáneo
- Related: Color complementario, Armonía cromática
Fenómeno por el cual un color modifica su apariencia según los colores que lo rodean. Un mismo gris parece más cálido junto a un azul y más frío junto a un naranja.
- Valor y saturación
- Related: Contraste simultáneo, Modos de color RGB y CMYK
El valor es la claridad u oscuridad de un color; la saturación, su pureza o intensidad. Ambos ejes, junto al matiz, forman los modelos de color y permiten construir escalas y contrastes legibles.
- Modos de color RGB y CMYK
- Related: Valor y saturación, Perfil de color
RGB es el modelo aditivo de luz usado en pantallas; CMYK es el sustractivo de pigmentos usado en impresión. Diseñar en el modo equivocado provoca desviaciones de color al cambiar de soporte.
- Perfil de color
- Related: Modos de color RGB y CMYK
Conjunto de datos que describe cómo un dispositivo interpreta los valores de color. Los perfiles ICC permiten convertir entre espacios y anticipar cómo se verá una imagen en pantalla o en papel.
- Retícula
- Related: Repetición y módulo, Caja tipográfica
Estructura de líneas y márgenes que ordena la colocación de textos e imágenes en un soporte. Puede ser de columnas, modular o jerárquica, y garantiza coherencia y velocidad de maquetación en series editoriales.
- Caja tipográfica
- Related: Retícula, Espacio negativo
Área útil de la página delimitada por los márgenes, donde se deposita el contenido. Su proporción respecto al papel y la posición de los márgenes condicionan la mancha y el ritmo de lectura.
- Composición
- Related: Jerarquía visual, Retícula
Organización intencionada de elementos visuales en un espacio y formato dados para transmitir un mensaje. Implica decidir jerarquías, alineaciones, proporciones y recorridos de lectura antes de ejecutar el arte final.
- Tipografía
- Related: Anatomía del tipo, Legibilidad y lecturabilidad
Disciplina del diseño de letras y de su uso en la composición de textos. Abarca la elección de familias, cuerpos, interlineados y alineaciones para lograr legibilidad y carácter expresivo.
- Anatomía del tipo
- Related: Tipografía, Familia tipográfica y variable
Conjunto de partes de una letra: asta, remate, barra, ojo, ascendente, descendente y línea base, entre otras. Conocerlas permite describir y comparar familias tipográficas con precisión.
- Familia tipográfica y variable
- Related: Anatomía del tipo, Legibilidad y lecturabilidad
Conjunto de estilos derivados de un mismo diseño (redonda, cursiva, negrita, etc.). Las fuentes variables añaden ejes continuos de peso, anchura u óptica en un solo archivo.
- Legibilidad y lecturabilidad
- Related: Tipografía, Interlineado y tracking
La legibilidad es la claridad con que se distinguen los caracteres; la lecturabilidad, la facilidad de leer textos largos. Dependen de la familia, el cuerpo, el interlineado, la medida de línea y el contraste.
- Interlineado y tracking
- Related: Legibilidad y lecturabilidad, Tipografía
El interlineado es la distancia vertical entre líneas de texto; el tracking, el espaciado uniforme entre todas las letras. Ajustarlos correctamente evita bloques densos o textos deshilachados.
- Identidad visual corporativa
- Related: Logotipo, isotipo y marca gráfica, Manual de identidad
Sistema de signos gráficos (logotipo, símbolo, color, tipografía, aplicaciones) que representa a una organización y la diferencia de otras. Se documenta en un manual de uso que regula su aplicación coherente.
- Logotipo, isotipo y marca gráfica
- Related: Identidad visual corporativa, Manual de identidad
El logotipo es la marca compuesta por letras; el isotipo, por un símbolo; la marca gráfica es la combinación coherente de ambos. Su diseño debe funcionar a distintos tamaños y en positivo y negativo.
- Manual de identidad
- Related: Identidad visual corporativa, Señalética y pictograma
Documento normativo que fija cómo se aplica una identidad: versiones de la marca, área de respeto, colores, tipografías, usos correctos e incorrectos. Garantiza coherencia en todos los soportes y proveedores.
- Señalética y pictograma
- Related: Accesibilidad y diseño universal, Manual de identidad
La señalética es el sistema de señales que orienta en un espacio físico; el pictograma es su signo gráfico simplificado. Ambos exigen contraste, coherencia con la identidad y comprensión inmediata por parte de cualquier usuario.
- Diseño de producto
- Related: Ergonomía y antropometría, Prototipo y modelado 3D
Disciplina que concibe objetos y sistemas de objetos atendiendo a función, uso, fabricación, materiales y estética. Integra ergonomía y viabilidad técnica desde las primeras fases del proyecto.
- Ergonomía y antropometría
- Related: Diseño de producto, Accesibilidad y diseño universal
La ergonomía estudia la relación entre personas y objetos para optimizar uso y confort; la antropometría aporta las medidas del cuerpo humano. Juntas determinan dimensiones, agarres y alcances de un producto.
- Diseño UX y UI
- Related: Wireframe y prototipo interactivo, Arquitectura de la información
La experiencia de usuario (UX) diseña el recorrido funcional y emocional de un servicio digital; la interfaz (UI) define su capa visual e interactiva. Se apoyan en investigación de usuarios y pruebas de usabilidad.
- Wireframe y prototipo interactivo
- Related: Diseño UX y UI, Arquitectura de la información
El wireframe es el esquema de bajo detalle que fija estructura y jerarquía de una pantalla; el prototipo interactivo simula la navegación para validar flujos con usuarios antes de programar.
- Arquitectura de la información
- Related: Diseño UX y UI, Accesibilidad y diseño universal
Organización, etiquetado y jerarquización de contenidos para que los usuarios encuentren lo que buscan. Se materializa en menús, taxonomías y mapas de navegación previos al diseño visual.
- Accesibilidad y diseño universal
- Related: Arquitectura de la información, Señalética y pictograma
Principio de concebir productos, entornos y pantallas utilizables por el mayor número de personas, incluidas las con discapacidad. Exige contraste suficiente, tamaño de texto adaptable y alternativas no visuales.
- Prototipo y modelado 3D
- Related: Diseño de producto, Ergonomía y antropometría
El prototipo es una versión temprana y física o digital del diseño que permite probar forma, función y fabricación; el modelado 3D lo representa en software antes de materializarlo.
- Bauhaus
- Related: Escuela de Ulm, Diseño moderno y funcionalismo
Escuela alemana fundada en 1919 por Walter Gropius que unió arte, artesanía e industria. Su método, basado en talleres y en la función, influyó decisivamente en el diseño gráfico, industrial y en la enseñanza del diseño.
- Escuela de Ulm
- Related: Bauhaus, Metodología proyectual
Institución alemana activa entre 1953 y 1968, continuadora crítica de la Bauhaus. Sistematizó el diseño con base científica y semiótica, y su rigor metodológico marcó la enseñanza proyectual posterior.
- Diseño moderno y funcionalismo
- Related: Bauhaus, Diseño suizo y tipografía internacional
Corriente del siglo XX que subordina la forma a la función y apuesta por la sencillez, la geometría y la producción industrial. Se asocia a movimientos como el Estilo Internacional y a la máxima forma sigue a la función.
- Diseño suizo y tipografía internacional
- Related: Retícula, Diseño moderno y funcionalismo
Estilo gráfico desarrollado en Suiza desde los años cincuenta, basado en retículas, tipografía sans serif, asimetría y espacio en blanco. Aportó claridad y sistematización al diseño editorial y a la identidad corporativa.
- Metodología proyectual
- Related: Briefing y pliego de condiciones, Pensamiento divergente y convergente
Secuencia ordenada de fases para resolver un problema de diseño: investigación, definición, ideación, desarrollo y verificación. Estructura el trabajo, justifica decisiones y permite evaluar el resultado frente al encargo.
- Briefing y pliego de condiciones
- Related: Metodología proyectual
Documentos que recogen el encargo: objetivos, público, presupuesto, plazos y requisitos técnicos. Un briefing claro evita reinterpretaciones y sirve de referencia para validar las propuestas con el cliente.
- Pensamiento divergente y convergente
- Related: Metodología proyectual, Bocetos y pruebas de ideación
El pensamiento divergente genera muchas alternativas sin juzgarlas; el convergente selecciona y refina las más viables. Alternarlos evita bloquearse en la primera idea y mejora la calidad de la solución final.
- Bocetos y pruebas de ideación
- Related: Pensamiento divergente y convergente, Metodología proyectual
Dibujos rápidos y variantes que exploran soluciones antes del arte final. Documentan el proceso creativo, permiten comparar alternativas y son exigibles en la evaluación de un proyecto de diseño.