Contenido
UNIDAD 4. DISEÑO GRÁFICO .......................................................................................................3
4.1. Introducción ............................................................................................................................3
Diseño de persuasión: ..........................................................................................................3
Diseño para la administración: .........................................................................................3
Diseño para la información: ...............................................................................................3
Diseño de educación: ............................................................................................................3
Diseños de instrumentos de mando: ..............................................................................3
4.2. Comunicación visual .............................................................................................................4
4.3. Morfología .................................................................................................................................4
1. Elementos conceptuales......................................................................................................5
2. Elementos visuales ................................................................................................................7
3. Elementos de relación ........................................................................................................10
4. Elementos prácticos ............................................................................................................12
4.4. Elementos básicos del diseño .........................................................................................12
1) Color .........................................................................................................................................12
2) Línea .........................................................................................................................................15
3) Escala .......................................................................................................................................17
4) Forma .......................................................................................................................................18
5) Alineación ...............................................................................................................................21
6) Contraste ................................................................................................................................23
7) Espacio ....................................................................................................................................25
4.5. Modos de color .....................................................................................................................26
RGB o método aditivo (rojo, verde, azul). .................................................................27
CMYK o método sustractivo (cian, magenta y amarillo). .....................................28
• Escala de grises ....................................................................................................................29
LAB: El Modo Independiente ............................................................................................29
Mapa de Bits: .........................................................................................................................30
Duotono ....................................................................................................................................32
Color indexado .......................................................................................................................33
1 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Multicanal .................................................................................................................................34
4.6. Tipografía ................................................................................................................................34
4.7. Ilustración Digital ................................................................................................................35
Trabajo Práctico .........................................................................................................................36
Bibliografía: .....................................................................................................................................36
2 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
4.1. Introducción
Ser diseñador no significa saber utilizar programas y hacer las cosas bonitas, va
más allá. En saber encajar las piezas correctamente, de darle la interpretación, el
sentido y el mensaje comunicativo idóneo, además de rico para la solución del
problema para quien se está creando dicho diseño.
3 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
4.3. Morfología
El estudio de la forma, es la disciplina que estudia la generación y las propiedades
de la forma. Se desarrolla en un ámbito de diseño exclusivamente industrial
(automotriz, electrodomésticos, mobiliario, indumentaria y hasta el diseño web,
etc.)
Primeramente, analizaremos los elementos, se distinguen en 4 grupos:
4 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Elementos conceptuales
1. Elementos visuales
2. Elementos de relación
3. Elementos prácticos
1. Elementos conceptuales
Aquí entra en juego la forma en que estos elementos no son visibles a simple vista.
5 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
3. El plano es una superficie plana con largo y ancho, posición, dirección y está
limitado por líneas, las cuales lo forman. Es el recorrido de una línea en
movimiento que al cerrarse forma un plano acotado. En el software de
vectores (Illustrator) todas las formas consisten en línea y relleno, un plano
puede ser paralelo a la superficie, desviarse para dar sensación de espacio,
de distancia, lejanía… puede ser sólido, transparente, perforado, texturizado,
etc.
2. Elementos visuales
Estos elementos, como su nombre indica, son visibles y están creados por formas
con líneas, colores, texturas (según el material utilizado), ancho… componen el
principal lenguaje visual del concepto, formas y figuras. Es decir, no visual no es
lo que percibes sino su nivel semántico y conceptual.
1. La Forma, todo lo visible tiene una forma que el ojo percibe e identifica el
objeto.
7 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
3. El 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.
Tiene una relación con las emociones. El color es una de las principales
características de todo lo que vemos y se presenta como una forma de
identificación y diferenciación. De los colores primarios surgen más de 100
combinaciones perceptibles a la vista.
8 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
9 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
3. Elementos de relación
Depende del modo en el que relacionas las formas utilizadas dan una interpretación
y significado a un diseño.
10 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
11 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
4. Elementos prácticos
Estos fundamentos del diseño gráfico sobre los elementos base también pueden
ser aplicados al diseño web como al diseño gráfico. Ya que el fin del diseño es crear
un elemento estéticamente adecuado, pero al mismo tiempo funcional, práctico
junto con una composición semiótica (mensaje).
Examinaremos en detalle estos elementos; para saber qué significan, por qué son
importantes y cómo se deben usar para crear diseños de aspecto más profesional,
incluso cuando no se cuente con el presupuesto necesario.
1) Color
Isaac Newton es mundialmente reconocido por crear el primer círculo cromático en
1706. Según la historia, Newton tomó el espectro de colores producido cuando la
luz atraviesa un prisma (rojo, naranja, amarillo, verde, azul, índigo y violeta) y los
ordenó en un círculo segmentado. Al girar rápidamente el círculo en un disco
rotativo, los colores se mezclaban y se convertían en blanco a la vista del ojo
humano.
12 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Cuando debas seleccionar tonos para un proyecto, considera los colores que
aparecen totalmente enfrentados o uno al lado del otro en el círculo cromático, ya
que estos suelen producir las combinaciones más agradables. También puedes
considerar usar una herramienta en línea gratuita para la elaboración de esquemas
de colores, como ColorSchemer, la cual te facilitará el trabajo.
13 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Imagen: Lifehacker
Color en acción:
Este caso de ∆ Studio–JQ ∆ es un excelente ejemplo de esquemas de colores
gratuitos puestos en acción. Al combinar violeta y amarillo, colores que aparecen
totalmente opuestos en el círculo cromático moderno, se logra un efecto intenso y
muy atractivo visualmente.
14 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
2) Línea
Las líneas no solo son separadores. Las líneas adecuadas pueden implicar
movimiento y emociones, lo que permite unificar una composición y lograr una
apariencia profesional.
Las líneas de ánimo no tienen que verse en la composición final, sino que pueden
ser una simple guía que estructure y oriente tu trabajo. Por supuesto que las líneas
también se pueden incorporar visiblemente en el diseño final.
15 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Línea en acción:
El diseñador Alexander Koltsov y los expertos de Shuka Design crearon esta
impresionante identidad visual para el campeonato mundial de ajedrez de 2016 en
la ciudad de Nueva York. El equipo utilizó unos espirales asimétricos de líneas
superpuestas muy útiles para representar “el proceso mental de un jugador de
ajedrez”.
3) Escala
La escala de los diferentes elementos de un diseño ejerce un gran impacto en la
forma en que el público ve y le encuentra sentido a una composición. Al jugar con
el tamaño relativo de los diferentes componentes de un diseño, se puede definir
un punto de foco, resaltar áreas importantes y, en última instancia, guiar la mirada
de los espectadores en el recorrido de la obra.
Se puede usar la escala para crear una jerarquía visual para un diseño. Cuando se
muestra un elemento en una escala relativamente más grande que otros elementos
de una composición, nuestra mirada se dirige naturalmente hacia allí.
Escala en acción:
Para crear una sensación de drama e importancia, el diseñador gráfico de Nueva
York Aurelio Sánchez Escudero utiliza una escala de alto contraste entre los
elementos de estos materiales promocionales para la semana de innovación social
en San Francisco.
17 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
4) Forma
Las formas no son solo para los alumnos de preescolar. Una forma se puede
explicar en líneas generales como cualquier cosa que está definida por límites. Hay
dos categorías de formas que se deben considerar: las formas geométricas, que
se definen en proporciones uniformes perfectas (como un círculo, un cuadrado o
un triángulo) y las formas orgánicas, que tienen bordes menos definidos y
proporciones fluctuantes y, esencialmente, no tienen reglas (como las cosas
onduladas o con forma de gota, que no se ajustan a ninguna categoría real).
18 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Cuando trabajes en un diseño, ten en cuenta tanto las formas que estás decidido
a incorporar (formas positivas) como las que se crean naturalmente alrededor de
esas otras formas (formas negativas).
19 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
El ejemplo más famoso que ilustra la diferencia entre las formas positivas y
negativas probablemente sea la copa de Rubin. En 1915, el psicólogo danés Edgar
Rubin diseñó esta ilusión óptica, que hoy en día es muy popular, para mostrar
cómo se pueden ver dos imágenes completamente diferentes según se miren las
formas negativas o las formas positivas.
Forma en acción:
Un simple círculo siempre ha sido una forma popular y confiable para mostrar
información en una composición limpia y unificada. La agencia de Sydney Made
Somewhere desarrolló este logotipo sencillo y moderno para Hidden Gems of
Sydney, un blog cuyo fin es destacar las atracciones locales del área.
20 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
5) Alineación
Piensa en la alineación como en un eje invisible que atraviesa los elementos y los
conecta visualmente, ya sea por sus bordes o sus centros (consulta la imagen a
continuación).
La alineación es un tema que surge con más frecuencia cuando los diseñadores
debaten sobre texto y tipografía, pero es igual de importante considerar la
alineación de elementos que no sean texto para crear una composición equilibrada
y ordenada.
El ejemplo anterior ilustra una alineación de bordes y centros uniformes, pero eso
no significa que todos los elementos de una composición siempre deban seguir un
mismo patrón de alineación.
21 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
En la siguiente imagen, se puede ver que los elementos están alineados por sus
bordes, pero no están unidos por ningún eje.
Alineación en acción:
Oscar Riera Ojeda Publishers diseñó esta tapa minimalista para el libro Chasing the
Sky, una obra en la que se honran las carreras de diferentes arquitectas
influyentes. La tipografía del título se alinea en torno a una forma geométrica.
22 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
6) Contraste
El contraste hace referencia a la yuxtaposición de elementos claramente diferentes
entre sí (grande vs. pequeño, luz vs. oscuridad, etc.) para crear un interés visual
o atraer la atención hacia determinados elementos.
Sin contraste, nuestros diseños no solo son apagados y aburridos, sino también
difíciles de entender. La falta de contraste suele ser lo que diferencia un trabajo de
diseño mediocre de los diseños de aspecto profesional, pulido y claro.
23 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Contraste en acción:
El equipo de Barcelona toormix demuestra su gran experiencia en la combinación
de distintos contrastes en el diseño del póster para la semana de diseño de 2016
en Barcelona.
24 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
7) Espacio
El espacio es exactamente lo que parece: las áreas vacías entre los elementos de
un diseño. Cuando se trata de crear diseños propios de aspecto profesional, a
veces, lo que no se incluye es tan importante como lo que sí se incluye.
Al trabajar en un diseño, considera no solo los elementos que incorporas (como las
imágenes y el texto), sino también cómo los ordenas y los agrupas en la
composición. Puede resultar tentador rellenar cada una de las pulgadas de tu lienzo
digital, pero intenta dar cierto espacio a los elementos para que respiren.
25 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Espacio en acción:
En este póster del diseñador Jonathan Lawrence, el texto “March Madness” aparece
escrito con un espaciado poco convencional, lo que genera un interés visual
inesperado que no se lograría de otro modo, con un diseño minimalista.
Los modos de color influyen en nuestras composiciones ya que en cada modo los
ajustes que hagamos me darían un resultado distinto.
A continuación, estudiaremos los diferentes modos de color que encontraremos en
nuestros proyectos.
26 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
En el modo de color RGB Los colores se comportan como lámparas de luz, para
lograr el color blanco hay que añadir más colores en RGB. La unión de los tres
colores da como resultado el blanco. Es el modo más utilizado para pantallas de
ordenador y televisión.
27 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
En este método los colores se representan como tinta pigmento y se utiliza para
trabajos en imprenta; para lograr un color más claro en este método tendríamos
que quitar color, se basan en el uso de tintas, es el modo más utilizado en
imprenta, fotomecánica y preimpresión.
La diferencia en la pantalla con el RGB es apenas inapreciable, aunque si se hace
más notable al imprimir la imagen.
28 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
• Escala de grises
No todos lo consideran un modo de color. Está compuesto por 256 tonalidades
entre el blanco y el negro.
Se trata del modo conocido como LAB, que consta de tres canales: Luminosidad,
A y B y que, es el modelo que más se acerca a la forma que tiene el ojo humano
de percibir los colores.
29 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
El uso que suele darse a este modo es, principalmente, como punto intermedio de
conversión entre modos, porque se trata del modo que puede representar
una mayor gama de colores y porque es independiente del dispositivo, con lo
que aseguramos una mejor conversión.
Representación del modelo color Lab. La claridad (L) se controla por separado de los dos canales de color (a, b).
Mapa de Bits:
Cuenta con un solo canal, y en este caso, las imágenes están descritas mediante
una gran cantidad de cuadraditos, llamados píxeles, los pixeles únicamente pueden
tomar dos valores negro o blanco.
30 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
31 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Duotono
Dispone de un único canal, en el que cada pixel puede tomar un valor entre 2,
3 ó incluso 4 colores. Aunque lo más habitual es hacer uso de 2 colores. Puede
ser una buena vía para realizar virados, tono sepia, etc.
32 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Color indexado
Es el empleado en formatos como .gif en donde se cuenta con una paleta
reducida de 256 colores que es específica para cada imagen en concreto, de
modo que cada píxel sólo puede tomar un valor entre, 256 o menos, en cada punto
para representar el color en ese punto. Es un modo muy ligero, pero que limita
bastante la edición de la imagen.
33 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Multicanal
Cuenta con tres canales, de manera que cada uno dispone de 256 niveles de gris.
Las especificaciones de Photoshop indican que se utiliza en impresión
especializada.
Ejemplo RGBA es la imagen RGB más el canal Alfa que representa el nivel de
transparencia del pixel.
En algunas aplicaciones (imágenes de satélites, visión nocturna), suelen usarse
canales para frecuencias no visibles, infrarrojo, ultravioleta, etc.
4.6. Tipografía
Esta palabra procede de la unión de tres componentes: el vocablo tipos que
significa “molde”, el concepto graphos que puede traducirse como “escribir o
grabar” y el sufijo –ia que es equivalente a “cualidad o acción”.
34 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
35 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.
Texto guía de Diseño gráfico y Publicitario – Unidad IV 2019
Trabajo Práctico
1. Ingresar a Paint y realizar una casa, seleccionarás un cuadrado, un triángulo
y un rectángulo. No se necesita más para crear una casita, puedes
crearla con el doble de elementos y hacerla más compleja y decorada, pero
no dejarán de ser cuadrados, triángulos y círculos.
2. En la actualidad las herramientas digitales se han impuesto, al momento de
crear diseños gráficos, algunas de ellas son:
Adobe Photoshop
Adobe Flash
Autocad
FreeHand
Illustrator
InDesign
Xara
3DS Max
Publisher
Pixie
Bibliografía:
https://www.arteneo.com/blog/la-ilustracion-digital-arte-emergente
https://helpx.adobe.com/es/photoshop/using/color-modes.html
https://www.dzoom.org.es/rgb-cmyk-lab-todo-lo-que-necesitas-saber-sobre-los-
modos-de-color
https://helpx.adobe.com/es/photoshop/using/color-modes.html#rgb_color_mode
https://www.mimoilus.com/proceso-diseno-observar-investigar
https://www.zesto.es/elegir-esquema-color-ecommerce
36 UNIDAD 4. DISEÑO GRÁFICO | edp & jaba – Prohibida la reproducción parcial o total
de este producto sin el consentimiento de los autores.