Diseñando con Disi! - Fundamentos de Diseño - Handbook terms

¡Diseñando con Disi!

PATITAS A LA OBRA

POR: MARÍA JOSÉ SANTOS MENDOZA

Ella es Disi Es una perrita muy cariĂąosa, le encanta jugar y aprender cosas nuevas, entre ellas se encuentra su sueĂąo mas grande es...

!Ser DiseĂąadora!

Para poder cumplir su sueĂąo, Disi debe prepararse para estudiar, por lo que prepara su maleta la noche anterior al dĂ­a de inicio de clases, esto para no olvidarse de nada!

Fundamentos Fundamentos del del Diseño Diseño Conceptos Básicos

Para Disi, conocer más acerca del diseño era muy importante, por eso su maestra decidió enseñarles los conceptos básicos:

Concepto Concepto

Representaciรณn mental de un objeto, hecho, cualidad, situaciรณn, etc.

Peso Peso Visual Visual

Es la capacidad que tiene un elemento de una composiciรณn de atraer la mirada de aquel que mira la imagen. Cuanto mรกs peso visual tenga algo, mรกs atraerรก la atenciรณn del ojo.

Unidad Unidad

Las pelotas de Disi conforman una unidad

Cuando un grupo de elementos están organizados entre sí esta es la definición de pero siempre deben representar una unidad. la mensaje a comunicar de forma coherente y lograr cumplir con el objetivo del diseño.

relacionados y un buen diseño, transmisión del armoniosa para

Simetría Simetría

Ambos lados del árbol son simétricos

Ubicar los elementos de forma equilibrada en ambos lados de la composición. Que los blancos o espacios sean iguales, incluso si los medimos.

AsimetrĂ­a AsimetrĂ­a

Su amiga Fifi tiene una oreja asimetrica

Consiste en mantener un equilibrio visual, elementos no mantengan la misma forma.

aunque

los

Punto

La señal de dimensiones pequeñas, ordinariamente circular, que, por contraste de color o de relieve, es perceptible en una superficie.

Linea Linea

Puede ser considerada como la traza que deja el punto al moverse, o como la unión de dos o más puntos. A su vez es una suma de puntos que son conectados en el espacio.

Plano Plano

Permite fragmentar y dividir el espacio, de esta forma podemos delimitar y clasificar las diferentes zonas de nuestra composición.

Volumen Volumen

Al agregarle volumen, las cosas se ven mas realistas

Es un objeto grĂĄfico que crea un espacio tridimensional con sus caracterĂ­sticas de ancho, altura y profundidad.

Contorno Contorno

Disi decidió dibujar el contorno de su pelota antes de dibujarla por completo, para asegurarse que estuviera bien.

Cuando el trazo de línea se une en un mismo punto. En la terminología de las artes visuales se dice que la línea articula la complejidad del contorno.

Diseño Diseño

s

DE Ju a

Ca

DiSI

eg

os

Un proceso de prefiguración mental, es decir, de planificación creativa, en el que se persigue la solución para algún problema concreto.

Plano Plano Bรกsico Bรกsico

Disi decidiรณ dividir su plano bรกsico en cuatro partes para poder organizarse mejor.

Formato poligonal cuadrado, es decir una figura plana, cerrada por cuatro rectas iguales que forman cuatro รกngulos rectos.

Formato Formato

A Disi le dieron a escoger en qué formato quería entregar su tarea, por lo que esta tomando una decisión.

Es la forma y la dimensión física del trabajo realizado.

Balance Balance

Disi intenta balancear su huesito en su nariz

Es un principio natural de la forma en que entidades estables e inestables (con relaciĂłn al equilibrio) se relacionan y comportan creando o anulando tensiones, mismos que pueden convertirse en centros de interĂŠs o formas fluidas y armoniosas.

Tensión Tensión

Se puede definir como una “fuerza” que atrae espectador hacia cierto “lugar” de una imagen.

la

vista

del

Composición Composición tridimensional tridimensional

Son las obras trabajadas en volumen, en el espacio real, tienen tres dimensiones: alto, largo y ancho. Aunque no solo puede referirse a un diseño tridimensional como un objeto físico pues también puede ser trabajado a través de un espacio virtual y no por esto pierde sus propiedades de profundidad.

Plano Seriado

Es un conjunto de planos bidimensionales que, colocados en el orden y distribuciรณn adecuada, representan o simulan un objeto tridimensional sรณlido.

Diorama

https://www.oldskull.net/design/los-dioramas-de-drew-mosley/l

Es una modalidad de maqueta en el que se escenifica algún tipo de situación. Es un espacio escénico de tamaño normalmente reducido que sirve para representar en tres dimensiones realidades muy diversas

Simplicidad Simplicidad

Disi hizo un logo simple para la marca HUESIS

Colocar los elementos de forma ordenada sin sobrecargar el diseĂąo, ya que asĂ­ se expresa mejor el concepto.

Complejidad Complejidad

Disi hizo un logo mรกs complejo para la marca HUESIS

Es Lo totalmente opuesto a la simplicidad, la disposiciรณn de los elementos de una composiciรณn de forma desordenada.

Movimiento Movimiento

A Disi corre en circulos cuĂĄndo se persigue su colita

La frecuencia con la que se repite un elemento, pero logrando mantener la armonĂ­a y jerarquĂ­a de cada uno de los elementos.

Contraste

Implica una comparaciรณn entre elementos distintos con la particularidad de que la diferencia debe ser grande. Mientras mรกs grande la diferencia, mayor el contraste.

Dirección Dirección

Al igual que la escala, la dirección depende de cómo esté relacionada con el receptor, el marco que lo contiene y las otras formas que tengan a su alrededor.

Forma Forma

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

Textura Textura D I S I

Consiste en la modificaciรณn o variaciรณn de la superficie de los materiales utilizados, ya sea de una forma visual o tรกctil.

Tamaño

Utilizar elementos de diferentes tamaños, centrar la atención en un punto específico.

nos

ayudará

a

Color Color

El ojo humano puede distinguir entre 10000 colores y aquí no solo se habla de color del espectro solar, RGB, sino también a los neutros negro, blanco y grises, además de sus variaciones cromáticas según la percepción y sus propiedades materiales: tono, saturación y brillo.

Abstracto

Es la representaciรณn de ideas, conceptos, pensamientos y sentimientos en donde la funciรณn de la imagen es restituir la impresiรณn visual de algo real, con mayor o menor grado de realidad reproductiva.

Figurativo Figurativo

Es aquel arte que podemos definir como una representación exacta de figuras, dichas figuras pueden ser imágenes identificables u objetos reconocibles, manifestado sobre todo en la pintura y la escultura, que imita la naturaleza, copiándola, lo que lo griegos denominaban “mímesis” y tuvo una gran manifestación en el arte clásico.

Proporciรณn Proporciรณn

Se refiere a la justa y armoniosa relaciรณn de una parte con otras o con el todo.

Collage Collage

Es una técnica artística que consiste imágenes sobre un lienzo o papel.

en

pegar

distintas

Círculo Cromático

Es utilizado para realizar las representaciones gráficas sobre un círculo con los seis colores reflejados en la descomposición de la luz visible del espectro solar que se encuentran ordenado de la siguiente manera: púrpura, rojo, amarillo, verde, azul cian, azul oscuro.

Paleta Paleta Cromática 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.

PsicologĂ­a del color Di

Enojo

Paz

Disi

Disi

Hambre

Fresca

Disi

Disi

si s co e pu l po rq lar a so s u u zu se e l sie est e d ca nte mu Ă­a lm ad y a

Disi

Es el estudio de los comportamiento humano.

matices

como

determinante

del

Pantone Pantone

Grama en día de baño

Es en realidad el nombre de una empresa (Pantone® Inc.) creadora del Pantone Matching System® (PMS), un sistema de identificación, comparación y selección de color muy útil en las artes gráficas.

Temperatura del color

Fríos

Cálidos

La dominancia de alguno de los colores del espectro lumínico sobre los demás, de modo que altera el color blanco hacia el rojo o hacia el azul en dicho espectro.

Colores Colores

Colores Colores

cálidos cálidos

Frios

Son aquellos que están asociados a una sensación de alta temperatura, mientras que los colores fríos son los que se relacionan con una temperatura baja.

Son aquellos colores que se asocian con el hielo, el agua, la luna, que transmiten la sensación de frío.

Colores Colores

Colores Colores

Colores Colores

primarios primarios

Secundarios

Terciarios Terciarios

Son aquellos que se pueden obtener a partir de la combinación de dos colores primarios.

Si un color primario se combina con otro secundario, el resultado final es uno de carácter terciario.

Son los que no se pueden obtener por la mezcla de ningún otro y, en este sentido, son conocidos como colores únicos. El amarillo, el azul y el rojo son los que tienen esta característica.

Colores Colores

Armonía Armonía

Complementarios Complementarios

Cromática Cromática

Son aquellos colores que se encuentran en una posición oponible dentro del círculo cromático.

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 Monocromático

Acromático Acromático

Da la sensación de estar compuesto por un sólo color, aunque pueda tener diversos grados e intensidades: De lo más claro (usualmente blanco) al más intenso (el color al 100% de su intensidad).

Que transmite la luz blanca sin descomponerla en los colores del arco iris.

Colores Neutros

Son blanco, negro y los diferentes tonos de gris. El blanco y el negro (aunque cientĂ­ficamente no se consideran colores) son, respectivamente, la suma de todos los colores y la ausencia total de color.

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

Disi El lenguaje visual a través de grafismos puede descomponerse en entidades básicas, cada una de las cuales tiene por sí misma un significado propio y unidas de diferentes formas pueden constituir elementos comunicativos distintos, con las Figuras Geométricas y Su Significado. El punto, la línea, el cuadrado, la circunferencia y el contorno.

Tono Tono

Valor Valor

Saturación Saturación

La amplitud de la luz que Se refiere a un color define el puro; es decir, uno sin color; más cerca del pigmento blanco o negro. Sólo hay dos negro añadidos. Es un valores: blanco y negro. elemento de la rueda Los grises, de color y son los que son tonos del blanco y primeros en ser del negro, no son valores, procesados en el solo son los colores que cerebro. se utilizan para oscurecer y aclarar otros colores.

Se refiere a la cantidad de distintas longitudes de onda que componen una fuente luminosa.

Una luz o color tendrán menos será menos saturación cuantos menos componentes igualados de colores primarios tenga.

MatĂ­z MatĂ­z

Es una propiedad esencial del color, que implica a cada uno de los grados que presenta un mismo color, sin que ello afecte su esencia.

RGB RGB

Es una sigla formada por los términos de la lengua inglesa red (“rojo”), green (“verde”) y blue (“azul”). El concepto suele emplearse para referirse a un modelo cromático que consiste en representar distintos colores a partir de la mezcla de estos tres colores primarios.

CMYK CMYK

Es el acrónimo de los colores básicos (Cián, Magenta, Amarillo y Negro) que se utilizan en las impresiones a cuatro colores (Color Completo).

Gradiente Gradiente

Disi trabajo con diferentes colores para crear gradientes

Es un rango de colores ordenados linealmente con la intenciรณn de dar visualmente una transiciรณn suave y progresiva entre dos o mรกs colores.

Análogo Análogo

Es un modo de entender de manera directa el mundo de las formas y de las cosas, en cierto modo, de los objetos.

Triádico Triádico

Es un conjunto de tres elementos especialmente vinculados entre sí.

Tipografía Tipografía

Disi escoge una tipografía para el nombre en su collar

Disi

Disi

Disi El arte o técnica de reproducir la comunicación mediante la palabra impresa, transmitir con cierta habilidad, elegancia y eficacia.

Composición Composición tipográfica tipográfica Disi observa la composición tipográfica que hizo su amigo Joni https://www.pinterest.com/pin/440297301041838024/

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.

Carácter Carácter

Disi esta aprendiendo los diferentes carácteres en diferentes idiomas

Son las letras, cifras, signos de puntuación e ideogramas —en aquellos sistemas de escritura que sean ideográficos

Sangrado/espacio Sangrado/espacio de de seguridad seguridad Disi limita su Sangrado colocando un huesito

Área que queda fuera del límite de este. es el término que indica el tamaño de más que damos a nuestro diseño, teniendo en cuenta que a la hora de cortarlo en la guillotina o con un troquel quedará al tamaño de diseño deseado

Fuente Fuente

Familia Familia

tipográfica tipográfica

tipográfica tipográfica

Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Es un conjunto de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema

Serif Serif

Llamamos "serifa" a cada uno de los pequeños remates puntiagudos que adornan los finales de los rasgos principales de los caracteres en algunas fuentes tipográficas. También se llama "remate" o "gracia".

Sans Sans Serif Serif

Un tipo de letra palo seco, paloseco, sans serif o sin gracia es aquel en el que cada carácter carece de las pequeñas terminaciones llamadas remates o serifas.

Caja Alta

Tipografías mayúsculas.

Se las denomina así por la posición en que antiguamente se guardaban las bandejas o cajas que almacenaban los tipos móviles metálicos de la imprenta tradicional.

Caja Caja Baja Baja

Tipografías minúsculas.

Al igual que las de caja alta, se las denomina así por la posición en que se almacenaban los tipos móviles metálicos de la imprenta tradicional.

Altura Altura de de la la X X

Hace referencia a la altura de las letras en minúscula (caja baja) sin tener en cuenta ni los ascendientes ni descendientes.

La altura de la x es un rasgo característico del diseño de una tipografía e influye en su legibilidad

Partes Partes de de la la letra letra

https://www.pinterest.com/pin/715579828280505442/

El vocabulario usado para la descripciĂłn de las diferentes partes de una letra, se compone de una serie de tĂŠrminos acuĂąados desde hace mucho tiempo y que se asemejan a los usados para describir las partes de nuestro cuerpo.

Kerning Kerning

Tracking/ Tracking/

/Interletrado /Interletrado

Leading Leading

Interlineado Interlineado

DISI

A Disi le gusta mucho jugar con sus amigos en

DISI

Es el proceso de adición o eliminación de espacio entre pares de caracteres concretos.

Es la separación vertical entre líneas de texto (desde el inicio hasta la línea de base).

su casa de juegos

Es el proceso de creación de expansión o compresión de un bloque de texto

Color tipográfico

Huellita Pelota Hueso Huellita Pelota Hueso Huellita Pelota Hueso Es una ilusión óptica, creada por las propias proporciones y formas de los diseños tipográficos. Éstas nos hacen percibir la sensación de un color distinto, aunque esté impreso en el mismo color.

Alineación Alineación

Disi alinea bien sus diseños para que nada quede fuera de lugar

Consiste en que nada debe colocarse en una composición de manera arbitraria de tal forma que cada elemento debe tener una conexión visual con algo más de la página.

Diseño de información

Disi crea un diseño de informacipon para su amigo Pancho

PERRO ADORABLE ADENTRO Es el arte y la ciencia de preparar información para que pueda ser usada con eficiencia y efectividad

Ilustraciรณn Ilustraciรณn Di

si o ilu bse r s re ali trac va l a s i hi zo ta q on ue su Pa ami le go co

https://www.freepik.es/vector-premium/ilustracion-cara-perro_5568549.htm

Dibujo, estampa o grabado que adorna, documenta, narra o recrea en conjunto con el texto escrito de un libro. Es el componente grรกfico que complementa o realza un texto.

Diagramación

Título

Agregar un subtítulo

Añadir un poco de texto

Disi diagrama su página para poder crear su proyecto final.

También llamada a veces maquetación, es un oficio del diseño editorial que se encarga de organizar en un espacio contenidos escritos, visuales y, en algunos casos, audiovisuales (multimedia) en medios impresos y electrónicos, como libros, diarios y revistas.

Ícono Disi descubrió que al colocar su huellita, estaba creando un ícono que la describía

Es una imagen o representación que sustituye a un objeto o a una idea por analogía o simbólicamente

Margen Margen

Disi siempre coloca un margen de color en todos sus trabajos.

Espacio que se deja intencionadamente principal en los bordes de una pĂĄgina.

vacĂ­o

de

contenido

SĂ­mbolo SĂ­mbolo

Imagen, sonidos o grĂĄficos condensa un concepto.

con

los

que

se

representa

y

Errores Errores de de maquetación maquetación

https://conamorpublicidad.wordpress.com/2011/05/09/las-viudas-y-huerfanas/

- Viudas: En composición tipográfica, la línea de comienzo de párrafo situada a final de columna.

- Huérfanas: En composición tipográfica, la línea de final de párrafo situada a comienzo de columna.

Retícula Retícula

Es un elemento de composición que tiene toda publicación, es una regla invisible para el espectador, pero visible para quien diseña

Ríos Ríos tipográficos tipográficos A Disi le gusta mucho aprender, si tiene una duda siempre pregunta.

Disi también juega mucho y así es como se aprende los diferentes términos que le enseñan.

Consiste en los espacios en blanco que se generan entre palabras y que línea a línea se repiten verticalmente, se puede ver en la imagen en la columna de la derecha marcados en cian.

Gestalt Gestalt

https://www.pinterest.es/pin/141019032065833122/

Significa forma; por lo que estos principios tratan la teorĂ­a de la percepciĂłn visual.

Pregnancia Pregnancia

Es una cualidad que poseen las figuras que pueden captarse a través del sentido de la vista. Dicha cualidad está vinculada a la forma, el color, la textura y otras características que hacen que la persona que observa pueda captarla de manera más rápida y simple.

Cerramiento

http://gtechdesign.net/es/blog/leyes-de-la-gestalt-en-el-diseno-grafico

Son las superficies envolventes que delimitan y acondicionan los espacios para que puedan cumplir la funciรณn para la cual fueron creados

Agrupación

Disi siempre ve a los pájaros agrupados en forma de triángulo cuando vuelan.

Es la unión de un conjunto de elementos que se pueden relacionar mediante la proximidad, la semejanza, la continuidad o la simetría. Al agrupar un número de elementos se forma una composición, los elementos se pueden agrupar dependiendo de su forma, su color o tamaño.

Fondo Fondo Figura Figura

https://www.pinterest.ru/pin/374009944053027805/

Radica en que tendemos a percibir ciertos elementos como figura, con formas y bordes y otros como fondo.

Hay figuras que, aunque ocupen el mismo porcentaje de lugar dentro de una imagen, tienden a ser figura y no fondo.

Jerarquía

Establece la mayor o menos importancia de los elementos que incluimos. En concreto es aquello que prioriza la visión. Es uno de los recursos visuales más útiles para guiar la lectura, pero jerarquizar no significa imponer de forma brutal.

Opacidad Opacidad

Es la capacidad de obstruir el paso a la luz de un material.

Boceto Boceto Di s pe i re ali qu de e z su ño b ó un o am ig ceto a S isi

Es el primer elemento concreto de un proyecto. Puede ser un dibujo sencillo, unos datos generales, un esquema, unas palabras o símbolos que alguien plasma en un soporte con la intención de tener una guía de actuación

Escala Escala

Es la relaciรณn matemรกtica que existe entre las dimensiones reales y las del dibujo que representa la realidad sobre un plano o un mapa. Es la relaciรณn de proporciรณn que existe entre las medidas de un mapa con las originales.

Usuario Usuario

Los usuarios para los que Disi diseña, son sus amigos perrunos.

Es una filosofía de diseño que tiene por objeto la creación de productos que resuelvan necesidades concretas de sus usuarios finales, consiguiendo la mayor satisfacción y mejor experiencia de uso posible con el mínimo esfuerzo de su parte.

Diseño Diseño Estratégico Estratégico

Es la aplicación de los principios de diseño orientados al futuro con el fin de aumentar la capacidad de innovación y competencia de una organización

Diseño Diseño Gráfico Gráfico

Es una profesión y disciplina académica cuya actividad consiste en proyectar comunicaciones visuales destinadas a transmitir mensajes específicos a grupos sociales, con objetivos determinados.

Después de todos estos términos, Disi entendió mejor el diseño.

Disi Disi se se graduó graduó de de diseñadora! diseñadora!