Diseño, un mundo de maravillas.

UN MUNDO DE MARAVILLAS

Hola Mundano, te saluda Male, desde el maravilloso mundo del diseño, si tienes este libro en tus manos, quiere decir que eres una persona muy curiosa llena de vida e ideas locas, así es este mundo, el del diseño y el de las maravillas!

¡Que lo disfrutes!

Peso Visual: Es la fuerza con que un elemento de una composición atrae la vista del espectador, a más peso visual, más capacidad de atraer la atención tiene un elemento.

Plano Seriado: Es un conjunto de planos unidimensional, colocados en el orden y distribución adecuada, representan o simulan un objeto tridimensional sólido.

Balance: es un principio natural de la forma en que entidades estables e inestables se relacionan y comportan creando o anulando tensiones.

Tensión:

Agrupación:

Se puede definir como una “fuerza”

es la unión de un conjunto de

que atrae la vista del espectador hacia

elementos que se pueden relacionar

cierto “lugar” de una imagen.

mediante la proximidad, la semejanza, la continuidad o la simetría.

Asimetría:

Composición tridimensional:

Es la carencia de correspondencia en cuanto a las dimensiones, las

Es aquel en el cual se incluye el efecto visual de

formas y las ubicaciones de los diversos componentes que forman

que un objeto ocupa un lugar en el espacio, esto se

un todo, como lo es el cuerpo de Tweedledum y Tweedledee .

puede lograr dando luz, sombra, masa, etc.

Simetría: Es la correspondencia exacta en tamaño, forma y posición de las partes de un todo, los gemelos son idénticos!

Opacidad: Capacidad

de

un

Movimiento:

material de impedir el

Un movimiento rítmico que

suyo. Es lo contrario de

genere en la percepción

transparencia: A mayor

viajes sobre el campo visual

opacidad,

de tal forma que la vista se

puede pasar

paso de la luz a través

mueva siguiendo trayectorias

fijación

breve

o

prolongada allí donde algo retiene su atención y el interés.

luz

Dirección:

rítmicas y se detenga para una

menos

La dirección depende de

cómo

relacionada

esté con

el

receptor, el marco que lo contiene y las otras formas que tengan a su alrededor.

Punto:

Linea:

Es el elemento gráfico

Sirve para conectar dos puntos en el espacio. Podemos

básico

y

la

definirla como la unión o aproximación de varios puntos.

unidad

mínima

la

Casi

conforma de

comunicación visual, como los ojos de white rabbit!

siempre

genera

dinamismo

y

definen

direccionalmente la composición en la que la insertemos.

Contorno: El objeto grafico creado cuando el trazo de una línea se une en un mismo punto. Es decir, cuando una línea continua empieza y acaba en un mismo punto. Ejemplos de este, pueden ser: el reloj de conejo blanco, y sus lentes.

Textura: Tiene que ver con el tipo de material utilizado y el resultado al usarlo, puede atraer tanto al sentido del tacto como al visual, así como lo fue el árbol que hizo que Alicia se confundiera en su camino.

Diorama:

Up This Way

La ilustración con relieve o ilustración tridimensional donde hay que gestionar los recursos plásticos trabajando con la tercera dimensión, en busca, muchas veces, de un resultado final bidimensional.

Símbolo: Imagen, sonidos o gráficos con los que se representa y condensa un concepto, como las flechas en el árbol!

That Way

Dow n

Color:

Tamaño:

Jerarquía:

Un mismo elemento gráfico puede parecer

El ojo humano puede distinguir entre 10,000 colores

Jerarquizar es ordenar en función de distintos

grande o pequeño según la ubicación, el color

y aquí no solo se habla de color del espectro solar,

parámetros diversos elementos. En el diseño, la

y los elementos que le rodean, las pequeñas

RGB, sino también a los neutros negro, blanco y

jerarquía establece la mayor o menos importancia de

tienden a alejarse y en general, cualquier

grises, además de sus variaciones cromáticas según la

los elementos que incluimos.

objero carece de escala cuando no se puede

percepción y sus propiedades materiales: tono,

comparar con algo.

saturación y brillo.

Círculo Cromático:

Tono:

Es utilizado para hacer referencia a la forma de

Un tono se refiere a un color puro; es decir, uno

representación geométrica y plana de los

sin

colores. Estos colores están dispuestos de

Un tono es un elemento de la rueda de color y

manera escalonada y progresiva entre diferentes

son los primeros en ser procesados en el

tonos del mismo color que acercan a uno o

cerebro.

utro color distinto.

pigmento

blanco

o

negro

añadidos.

Colores Primarios:

Colores Secundarios:

Colores Terciarios:

Los colores primarios son aquellos que no

Los colores secundarios se

Los colores terciarios, surgen de la

pueden conseguirse a través de la mezcla de

obtienen de la mezcla en una

combinación en diferente proporción de un

otros colores.

misma proporción de los

color primario y otro secundario. Es así como

colores primarios.

podemos obtener infinidad de tonos de un mismo color.

Volúmen: Es un objeto gráfico que crea un espacio tridimensional con sus características de ancho, altura y profundidad.

Forma: Todo lo visible tiene una forma que el ojo percibe e identifica el objeto.

Paleta cromática: Es aquel que se utiliza para designar al conjunto de colores y tonalidades existentes o elegidas para decorar, pintar, colorear algún objeto o superficie.

Armonía cromática: El conjunto de técnicas que se aplica a la creación de un color para lograr cierto equilibrio en la interacción de los colores que lo componen.

Monocromático: Los colores monocromáticos son todos los colores (tonalidades) de un solo matiz o tono, como lo son los momeraths y el vestido de Alicia!

Proporción: Se refiere a la justa y armoniosa relación de una parte con otras o con el todo.

Escala:

Colores Complementarios:

La escala es la razón que existe entre las dimensiones de

un

dibujo

y

sus

correspondientes medidas en la realidad.

Triádico: El esquema triádico usa tres colores de la rueda que están a la misma distancia de cada uno, formando un triángulo perfecto en la rueda.

Son esencialmente aquellos que están opuestos en el La

palabra

análogo

es

sinónimo de similitud. En este sentido, los colores análogos son los que se están cerca uno de los otros, guardando gran similitud con los que se encuentran a los lados, aunque con una diferencia ligera.

circulo cromático y, por lo tanto, se complementan, tal y como son los colores amarillo, naranja y purpura de la mamá de los duck horns! Estos colores forman un

Contraste.

Valor simbólico de figuras geométricas básicas: La

forma

circular

cuadrado

Todos

los

demás

subtonos

de

los

es una figura

otros colores (tonalidades más débiles, afectadas por

produce un movimiento de

muy estable y de carácter

la mezcla con el blanco o el negro), siendo que las

rotación evidente, posee un

permanente,

más comunes son el beige y el marrón

gran

conceptos como estabilidad,

valor

simbólico,

El

Colores neutros:

asociada

a

especialmente su centro, y

permanencia,

tiene

connotaciones

rectitud, limpieza, esmero y

psicológicas

como

equilibrio. La figura derivada

protección,

inestabilidad,

del cuadrado por modificación

totalidad,

movimiento

honestidad,

de sus lados es el rectángulo.

contínuo o infinitud.

El

triangulo equilátero

simboliza la perfección, la

armonía y sabiduría. Se dice que representa 3 atributos divinos, fuerza belleza y sabiduría.

Psicología del color:

Temperatura del color:

Es un campo de estudio que está dirigido a analizar

La temperatura del color es la sensación térmica

cómo percibimos y nos comportamos ante distintos

subjetiva con la que se percibe un determinado color.

colores, así como las emociones que suscitan en

En base a la temperatura del color se suele agrupar

nosotros dichos tonos.

tradicionalmente los colores en dos grupos opuestos dentro del círculo cromático: los colores cálidos y fríos.

Colores frios: Los colores fríos son aquellos que transmiten una sensación térmica de baja temperatura, como los colores que vemos en Absolem y la hoja en la que se apoya.

Colores cálidos: Los colores cálidos son aquellos que transmiten una sensación de calor, como lo son los colores de los hongos sobre los que está Absolem.

CMYK:

RGB:

es el acrónimo de los colores

se trata de un modelo cromático

es

básicos (Cián, Magenta, Amarillo y

mediante el cual seremos capaces

identificar colores para impresión

Negro) que se utilizan en las

de representar distintos colores a

por

impresiones a cuatro colores (Color

partir de la mezcla de estos tres

determinado, propiamente dicho

Completo).

las

colores primarios. se basa en la

es un sistema propietario de

imágenes digitales, incluidas las que

síntesis aditiva de la iluminación

igualación de colores.

intenta cargar para sus anuncios

en estos tres colores.

Algunas

veces,

gráficos, están compuestas por una mezcla de CMYK.

Pantone: un

sistema

medio

que

de

un

permite

código

Matíz:

Saturación:

Valor/Luminosidad:

Es la propiedad del color que se

La saturación define la intensidad o

es el grado de claridad u obscuridad

refiere al estado puro del color, el

grado de pureza de cada color. sus

de un color; más cerca del negro,

color puro al cual mas se acerca. Es

valores se mueven desde su maximo,

más bajo es el valor; mas cerca del

el estado puro, sin blanco o negro

cualquier color puro, hasta su

blanco, mas alto es el valor.

agregados.

minimo, que corresponderia a un tono de gris.

Gradiente: Un degradado o gradiente de color es un rango de colores ordenados linealmente y en los que se va produciendo una transición suave, gradual y progresiva entre ellos.

Ícono: Es una pequeña imagen gráfica mostrada en la pantalla que representa un objeto manipulable por el usuario. Si los íconos de illustrator fueran personajes del mundo maravilloso, estos serían los perfectos reemplazos!

Figurativo:

Abstracto:

Representa figuras que existen en la realidad. Los

Es todo lo contrario al figurativo. Consiste en la

paisajes, objetos, figura humana, etc son ejemplos

abstracciรณn de las formas, acentuรกndolas de tal manera

de elementos que aparecen en este tipo de arte.

que se alejan por completo de la imitaciรณn o reproducciรณn de lo natural.

Complejidad:

Simplicidad:

Las imágenes complejas por

Las imágenes simples son las que son

otro

lado

tiempo

requieren

más

fáciles de interpretar, exigiendo poco

atención

del

esfuerzo de atención y dedicación para

y

espectador para su análisis y decodificación. lector

hacer

superior.

Obligan un

al

esfuerzo

su comprensión.

Acromático: Cualquier color que carece de fuerte contenido cromático se dice que es insaturado, acromático, o neutral.

En estos se incluyen negro, blanco y todos los grises.

el cerebro humano intentará simplificar y organizar imágenes complejas o diseños

organizar inconscientemente las partes en un sistema organizado que crea un

La figura/fondo radica en que a

la teoría gestalt se basa en la idea de que

que consisten en muchos elementos, al

Fondo Figura: tendemos

Gestalt:

percibir

todo.

ciertos

elementos como figura, con formas y bordes y otros como fondo.

Cerramiento:

Pregnancia: Según esta ley de Gestalt, existen figuras más pregnantes que tienden a percibirse

Es la idea de que el cerebro

primero o producir un mayor impacto

completará las partes faltantes de un

visual.

diseño o imagen para crear un todo.

Collage: Es un proceso para adherir, pegar o fijar trozos de papel, tejido u otros materiales planos sobre una superficie.

Concepto: Es convertir una idea subjetiva a su materializaciรณn, se puede decir que es una metรกfora proyectada en un espacio arquitectรณnico.

Formato:

Maquetación:

el tamaño del área que tenemos para

La maquetación es la forma de componer las páginas

realizar una composición, es decir para

dentro de un documento, combinando sus diferentes

diseñar.

elementos, imágenes, textos, iconos, tablas, botones,

Espacio

etc.

intencionadamente

Margen: que

se vacío

deja de

contenido principal en los bordes

Sangrado:

de una página.

En un documento PDF, una anotación interna opcional que indica la zona rectangular de la página

donde

van

todos

Alineación:

los

elementos que deben quedar una

Manera en que se ordenan

vez que un trabajo impreso haya

las líneas de texto de un

sido cortado o guillotinado.

párrafo. Podemos ver a tres de

Diseño de información:

ellas

representadas:

alineado a la derecha.,

el diseño de la información consiste

Plano:

en definir, planear y dar forma a los

Es una superficie plana con largo y ancho,

contenidos de un mensaje y el

posición, dirección y está limitado por líneas, las

ambiente en que es presentado

cuales lo forman.

centrado izquierda.

y

alineado a la

Retícula:

Diagramación:

La Retícula es una estructura a base de líneas,

La diagramación, es un oficio del diseño editorial

generalmente verticales y horizontales, las

que se encarga de organizar en un espacio

cuales nos ayuda a ordenar coherentemente

contenidos escritos, visuales y en algunos casos

todos los elementos de la composición.

audiovisuales (multimedia).

Rios tipográficos: consiste en los espacios en blanco que se generan entre palabras y que línea a línea se repiten

verticalmente.

Sólo

sucede en el texto justificado.

Llamamos

línea viuda

a la línea

línea huérfana

a la línea primera de

última de un párrafo que queda sola al

un párrafo que queda sola al final de

principio de una nueva página o de una

una página o de una columna.

nueva columna. Y llamamos

Partes de la Letra Asta ascendente

panza

Ibulo

Brazo

Hombro Linea superior

Asta

Pie

Pierna

Cola

Asta descendente Ligadura

Bucle

Linea de base

Ojal

Caja Alta

se refiere a las tipografías mayúsculas y caja

baja

a

Altura de la x:

las minusculas. Se las denomina así por la posición en que

En tipografía, aquella parte de las

antiguamente se guardaban las bandejas o cajas que almacenaban

letras en caja baja (minúsculas) que

los tipos móviles metálicos de la imprenta tradicional. Las

coincide en altura con la parte

mayúsculas se guardaban en los cajones superiores del burro o

superior de la letra equis

mueble contenedor y Las minúsculas se guardaban en los cajones inferiores.

Con

fuentes, nos referimos a la apariencia de un grupo de caracteres, números y símbolos,

regidos por un estilo unificado, cuando el creador los ha concebido para ser usados conjuntamente, atendiendo a unas pautas de armonía entre sus rasgos que aseguren su estética y sobre todo, su legibilidad. Por otro lado, las

tipografías

son los diferentes estilos o tipos

de letras que podemos elegir al hacer un diseño o escribir un texto

ABCDEFGHIJKLMN ÑOPQRSTUVWXYZ Color tipográfico: El color tipográfico es una ilusión óptica, creada por

Carácter:

las propias proporciones y formas de los diseños

Caracteres son las letras, cifras,

tipográficos. Éstas nos hacen percibir la sensación

signos de puntuación e ideogramas

de un color distinto, aunque esté impreso en el mismo color.

Familia tipográfica: La familia tipográfica, será un conjunto de fuentes tipográficas diferentes, pero con una clara raíz común.

Esto hace que se pueden usar combinadas aportando contrastes a la composición pero manteniendo una armonía notable. Ejemplo de Familia Tipográfica: Helvetica y Century (incluyendo muchas variaciones como Medium, Roman, Thin, Italic, Condensed, Bold, etc.)

Alicia Alicia

Alicia Alicia

Alicia Alicia

Alicia Alicia

Sans serif:

Serif:

Se considera el tipo más moderno. En la actualidad

diremos que la «serifa» son las

en la que nos desprendemos de lo accesorio y

volutas o adornos decorativos

solemos quedarnos solo con lo funcional, es fácil

que aparecen en cada una de

pensar que es una tipografía mas actual, cuyos bordes

las letras de este tipo.

son simples.

Composición tipográfica: Se denomina composición tipográfica a la capacidad que, como signo gráfico, posee la letra para interactuar con otras letras y asumir elementos plásticos básicos, renunciando en parte a sus atributos formales, para crear estructuras gráficas, más o menos complejas, dotadas de expresividad visual.

Tracking:

Kerning :

es una alteración temporal del espacio

es una alteración del tracking de una

natural entre dos o más caracteres

pareja de caracteres consecutivos

consecutivos

que

seleccionados

por

el

usuario de una tipografía en un

presentan

un

antiestético de espaciado.

programa de autoedición.

Leading: El espacio existente entre las líneas de un texto.

problema

Boceto: Dibujo rápido y esquemático que se hace para representar las líneas generales de una obra, una idea o un plan.

Diseño: Se refiere a un boceto, bosquejo o esquema que se realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo. El término también se emplea para referirse a la apariencia de ciertos productos en cuanto a sus líneas, forma y funcionalidades.

Ilustración: Ilustración es la acción y efecto de ilustrar (dibujar, adornar). El término permite nombrar al dibujo, estampa o grabado que adorna, documenta o decora un libro.

Diseño gráfico:

Diseño Estratégico:

El diseño gráfico es una especialidad o

El diseño estratégico, aplica algunos de

profesión, cuyo objetivo es satisfacer

los principios del diseño tradicional a

necesidades de comunicación visual. Se

los desafíos sistémicos globales, pero

ocupa de organizar imagen y texto,

aportando

producidos en general por medios

empresarial.

innovación

al

ámbito

industriales, para comunicar un mensaje específico

Unidad: Pues la transmisión de un mensaje a

Es un

usuario el individuo que

comunicar de forma coherente y

utiliza o trabaja con algún objeto o

armoniosa para lograr cumplir con el

dispositivo o que usa algún servicio

objetivo del diseño.

en particular.

Elaborado por: MarĂ­a Elena Castillo