¡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!