INSTITUTO NACIONAL TECNOLÓGICO

DIRECCIÓN GENERAL DE FORMACIÓN PROFESIONAL

DIRECCION TECNICA DOCENTE
DEPARTAMENTO DE CURRICULUM

MANUAL DEL PROTAGONISTA

TÉCNICAS DE SERVICIO DEL DISEÑO GRÁFICO.

ESPECIALIDAD: COMPUTACION

NIVEL DE FORMACIÓN: TECNICO GENERAL

JULIO, 2016.
 INSTITUTO NACIONAL TECNOLÓGICO

Dirección Ejecutiva
Cra. Loyda Azucena Barreda Rodríguez

Subdirección Ejecutiva
Cro. Walter Sáenz

Dirección General de Formación Profesional

Cra. Daysi Rivas Mercado

Subdirección General de Formación Profesional

Cro. José Virgilio Vásquez

COORDINACION TÉCNICA

Dirección Técnica Docente

Cro. Freddy Garay Portocarrero

Departamento de Currículum
Cra. Mirna Cuesta Loáisiga
CONTENIDO

UNIDAD DIDÁCTICA I. SERVICIO DE DISEÑO GRÁFICO ----------------------------- 1

1.1 ACTIVIDADES DE EXPLORACIÓN: -------------------------------------------------- 1
1.2 ¿QUÉ ES EL DISEÑO? ------------------------------------------------------------------ 3
1.3 ELEMENTOS BÁSICOS DEL DISEÑO ------------------------------------------------ 3

AUTOEVALUACIÓN ------------------------------------------------------------------------ 21
UNIDAD DIDÁCTICA II: TÉCNICAS DE COMPOSICIÓN. ---------------------------- 23
2.1 TÉCNICAS DE COMPOSICIÓN EN PIEZAS PUBLICITARIAS ------------------- 23
2.2 BOCETOS PUBLICITARIOS --------------------------------------------------------- 30
2.3 ETAPAS DEL BOCETO: -------------------------------------------------------------- 30

AUTOEVALUACIÓN ------------------------------------------------------------------------ 32
GLOSARIO ------------------------------------------------------------------------------------ 33
PARA SABER MÁS -------------------------------------------------------------------------- 34
BIBLIOGRAFIA ------------------------------------------------------------------------------- 35
 BIENVENIDA AL PROTAGONISTA

El propósito de este Manual de Técnicas de servicio del diseño gráfico, es dotar

al Protagonista de los conocimientos técnico, básicos y fundamentales para
profundizar y fortalecer las capacidades que va adquiriendo en el Centro de
Formación.

Cada unidad didáctica tiene los siguientes apartados:

 Nombre de la unidad didáctica (Elemento de competencia)

 Saberes necesarios para el aprendizaje (conceptuales,
procedimentales, actitudinales)
 Actividades de aprendizaje
 Autoevaluación
 Glosario
 Para saber mas
 Bibliografía

En las actividades didácticas se presenta, además de la información

pertinente, los saberes que necesita el (la) protagonista para su
desarrollo profesional, además va acompañado de ilustraciones,
dibujos, gráficos, tablas que faciliten su comprensión.

Confiando en que logres con éxito culminar esta formación, que te

convertirá en un profesional técnico y así contribuir al desarrollo de
nuestro país
 RECOMENDACIONES

Para iniciar el trabajo con el manual, debes estar claro que siempre
tu dedicación y esfuerzo te permitirán adquirir las capacidades del
Módulo. Al comenzar el estudio de las unidades didácticas debes leer
detenidamente los criterios de desempeño esperados, para que
identifiques cuáles son los logros que se proponen.

Analiza la información del manual y consulta siempre a tu

docente/instructor(a) cuando necesites aclaraciones.

Amplía tus conocimientos con los links y la bibliografía indicada u

otros textos que estén a tu alcance

Resuelve responsablemente los ejercicios de actividades de

aprendizaje y de auto evaluación y verifica tus respuestas con los
compañeros y el docente/instructor.

Prepara el puesto de trabajo según la operación que vayas a realizar,

cumpliendo siempre con las normas de higiene y seguridad laboral.

Durante las prácticas didácticas, se amigable con el Ambiente y no

tires residuos fuera de los lugares establecidos.

Recuerda siempre que el cuido y conservación de los equipos y

herramientas, garantizan el buen desarrollo de las sesiones de
aprendizaje y que en el futuro los nuevos Protagonistas harán uso de
ellas.
UNIDAD DIDÁCTICA I. SERVICIO DE DISEÑO GRÁFICO
1.1 ACTIVIDADES DE EXPLORACIÓN:

a. Observa las siguientes imágenes y selecciona las características que debe de

tener un diseñador gráfico, según tu opinión.

Creativo Utilizar Cumplir Utilice No fijar

bocetos para plazo de varias fuentes, fechas limites
interpretar entrega para mejorar
los gustos del el diseño.
cliente

b. A continuación se muestran dos columnas, ubique en la línea de cada

enunciado el número correspondiente a cada concepto de la derecha.

1
Idear, proyectar mensajes a
través de una imagen.
_________

Punto, línea, espacio, volumen,

ritmo, equilibrio, escala, textura
y color. _______

Organizar, proyectar y realizar

comunicaciones visuales, por
medio de folleto, carteles,
medios digitales. ______

2
1.2 ¿QUÉ ES EL DISEÑO?

Proceso o labor destinada a proyectar, coordinar, seleccionar y organizar un conjunto de

elementos para producir y crear objetos visuales destinados a comunicar mensajes
específicos a grupos determinados.

Grupos principales del diseño gráfico:

• Libros
Edición • Periódicos
• Revistas
• Carteles publicitarios
Publicidad • Anuncios
• Folletos
• Imagen corporativa de
Identidad una empresa.

1.3 ELEMENTOS BÁSICOS DEL DISEÑO

Para lograr una

comunicación visual efectiva,
un diseñador debe conocer
los elementos con los que
cuenta, y seleccionar la
combinación de ellos que
mejor le vaya a su diseño.

Grupos de elementos:
 Conceptuales
 Visuales
 Relación
 Prácticos

3
 Elementos Conceptuales:
No son visibles, no tienen existencia física.

- Indica posición. - Es la trayectoria de un - El recorrido de una - El recorrido de un plano

- El átomo de la imagen. punt en tensión indefinida. línea en movimiento en movimiento se
- No ocupa una zona en - Está limitada por puntos. se convierte en convierte en un volumen.
el espacio. Marcan su comienzo y su plano. - Tiene posición en el
- No ten largo ni ancho. final. - Un plano tiene largo espacio y está limitado
- Genera impacto deun - Forman los límites de un y ancho, pero no por planos.
instrumento sobre el plano. grosor.
plano. - Tiene largo pero no
- En un diseño bí-
ancho.
- Tiene posición y dimensional, el volumen
dirección. es ilusorio.

Elementos Visuales:
Los elementos visuales forman parte más importante de un diseño, porque son lo que
realmente observamos. Los elementos visuales son la materialización de los elementos
conceptuales.

1: Formas 2: Textura 4: Medida

3: Color

Todo lo que puede ser visto  Pequeños trazos o figuras Es como percibimos la luz Todas las formas
posee una forma que aporta en distribución uniforme reflejada por un objeto. tienen un tamaño.
la identificación principal en que cubren la superficie Tiene 3 propiedades: El tamaño es
nuestra percepción de una forma. 1. Tono: Azul, rojo, verde físicamente
2. Valor: Claro/oscuro mensurable,
 Puede ser táctil o visual. 3. Saturación: Brillante/Mate aunque resulta
relativo cuando es
comparado.

4
Elementos de Relación:
Este grupo de elementos gobierna la ubicación y la interrelación de las formas en un
diseño.

1: Dirección 2: Posición 3: Espacio 4: Gravedad

Depende de cómo está La posición de una forma es Las formas ocupan un No es visual sino
relacionada con el juzgada por su relación espacio. El espacio psicológica: atribuimos a las
observador, con el marco respecto al cuadro o a la puede estar ocupado o formas pesadez o liviandad,
que la contiene o con estructura. vacío. Puede ser pleno o estabilidad o inestabilidad.
otras formas cercanas ilusorio para sugerir una
profundidad.

Elementos Prácticos:
Los elementos prácticos representan el contenido del diseño que le da representación,
significado y función.
1: Representación 2: Significado 3: Función

Representa nuestra ave Tiene significado en la Un diseño debe servir a un

nacional. educación técnica de nuestro determinado propósito.
país.

5
1.4 TÉCNICAS DE COMPOSICIÓN
Composición: Arte de coordinar, en función decorativa, los diversos elementos de que
dispone el artista para expresar determinados sentimientos por papel o pantalla.

Las técnicas de composición son el punto de inicio,

lo principal en un trabajo de diseño gráfico.
Distribuir los elementos que componen un
diseño con el fin de conseguir una forma
perfecta y equilibrada.

6
 Los elementos que se sitúan en la parte derecha y en la parte inferior
poseen mayor peso visual, nos transmiten una sensación de avance.

Los que se encuentran en la parte izquierda o arriba, nos

proporcionan una sensación de ligereza.

1.5 ELEMENTOS DE LA COMPOSICIÓN

 Forma:

 Tamaño:

7
  Escala:
La escala normalmente se usa en cartografía, planos, mapas, para poder representar
una medida proporcional al tamaño real.
Ejemplo: Se ha aplicado un factor de reducción a escala 1:10, para poder dibujar en un
lugar más pequeño, sin que pierda sus proporciones.
En una composición gráfica la escala se usa tanto para distribuir el espacio como para
equilibrar las proporciones de los elementos.

 Sección áurea:
La regla áurea es conocida con numerosos nombres.la podemos llamar, entre otros,
sección áurea, divina proporción,
razón dorada, número áureo, etc.
Es una proporción entre medidas,
esto hace referencias a que el
segmento menor es al segmento
mayor. De esta forma se establece
Dicho de otro modo, la sección áurea establece que la relación entre lo pequeño y lo
grande es la misma que la relación entre lo grande y el todo.

De esta forma se establece una relación de tamaños con la misma proporcionalidad

entre el todo dividido en mayor y menor, esto es un resultado similar a la media y
extrema razón.

 Equilibrio: Cada forma o figura representada sobre un papel se comporta como

un peso, un peso visual, porque ejerce una fuerza ópitca.

Tipos de equilibrio

8
 Simétrica o Clásica

Elemento Central

• Divide la imagen en dos partes equilibradas

por repetición.
• Puede ser simétrico respecto de un eje

Las fotografías simétricas

• Producen sensaciones agradables.

Asimétrica o Libre

Tiene mayor impacto

• Equilibrar (peso, tamaño, color)

• Expresivo.
• Transmite sorpresa
• Es dinámica.
• Domina el contraste entre las expresiones.

9
2. TEORÍA DEL COLOR

En el diseño, el color es muy subjetivo. Lo que produce una

reacción en una persona puede provocar una muy distinta en otra.
A veces esto se debe a las preferencias personales, otras debido
a factores culturales. La teoría del color es una ciencia en sí
misma.

El color es un atributo que percibimos cuando hay luz. Todo el

mundo que nos rodea es de colores siempre y cuando haya luz.

Propiedades del color:

a) Matiz: Es un atributo del color que nos permite diferenciar un color de otro.

Matices primarios Matices secundarios

10
 b) Saturación

Representa el grado de pureza de un color, es decir no contiene en su mezcla nada

decolores neutros (blanco y negro) o sus complementarios. Cuanto más intenso, más puro
y vivido es un color.

c) Luminosidad

Es la cantidad de luz que tiene cada color, aspecto que nos permite diferenciar a un color
claro de un oscuro.
Ejemplo: verde claro de un azul intenso.

d) Intensidad
Cuando se parte de un color saturado (puro) se agrega progresivamente negro para
producir escalas bajas, o blanco para producir escalas altas. Así estamos modificando su
intensidad.

2.1 Círculo cromático

Se estima que el ojo humano puede distinguir alrededor
de 10 millones de colores.

Estas dimensiones son la saturación, la brillantez y el

tono. El resultado de todo este cocktail son tantas

combinaciones que el número total de colores que

nuestro cerebro puede procesar es infinito.

11
Colores

Primarios

Se le conoce con este nombre al cian, magenta y amarillo Primario

porque no es posible obtenerlos con ninguna mezcla son
colores puros con los cuales pueden procesar toda una gama • Rojo
de colores. Se considera primario al color que no se puede • Verde
obtener mediante la mezcla de ningún otro. • Azul

Secundarios

Estos colores se obtienen con la mezcla de dos colores primarios en cantidades iguales.
Ejemplos:
 Amarillo + cian = verde.
 Amarillo + magenta = rojo
 Magenta + cian = azul intenso

Terciarios

Para obtener los colores terciarios, procedemos a mezclar un color primario con un color
secundario adyacente en el círculo cromático.
Ejemplos:
Amarillo + rojo = naranja
Amarillo + verde = verde claro
Cían+ verde = verde esmeralda
Cían + azul intenso = azul ultramar
Magenta + azul intenso = violeta
Magenta + rojo = carmín

Cuaternarios:

Son similares al terciario, pero con la diferencia es que están aún más mezclados, pues
aquí también se mezclan colores terciarios con otros colores o entre sí. Si por ejemplo
mezclamos el color violeta con el color amarillo anaranjado tendremos un verde oliva. La
gama de estos colores es prácticamente infinita, por lo tanto tendremos millones de
ejemplos.

12
2.2 División de colores
Colores cálidos: El ardiente remite al rojo de máxima saturación en el círculo cromático;
es el rojo en su estado más intenso.
Los colores ardientes se proyectan hacia fuera y atraen la atención. Por esta razón, a
menudo se usa el rojo en letreros y el diseño gráfico. Los colores ardientes son fuertes y
agresivos, y parecen vibrar dentro de su espacio propio. El poder de los colores ardientes
afecta a la gente de muchas maneras, tales como el aumento de la presión sanguínea y
la estimulación del sistema nervioso.
Colores fríos: El frío remite al azul en su máxima saturación. En su estado más brillante
es dominante y fuerte. Los colores fríos nos recuerdan el hielo y la nieve. Los sentimientos
generados por los colores fríos azul, verde y verde azulado son opuestos a los generados
por los colores ardientes; el azul frío aminora el metabolismo y aumenta nuestra sensación
de calma

Colores claros: Los colores claros son los pasteles más pálidos. Toman su claridad de
una ausencia de color visible en su composición, son casi transparentes. Cuando la
claridad aumenta, las variaciones entre los distintos tonos disminuyen.
Los colores claros descubren los alrededores y sugieren liviandad, descanso, suavidad y
fluidez. Se parecen a las cortinas transparentes de una ventana, y envían un mensaje de
distensión. Son el color marfil, rosa, celeste, beige...

Colores oscuros: Los colores oscuros son tonos que contienen negro en su composición.
Encierran el espacio y lo hacen parecer más pequeño. Los colores oscuros son
concentrados y serios en su efecto. En cuanto a las estaciones, sugieren el otoño y el
invierno. Combinar juntos los claros y los oscuros es una manera común y dramática de
representar los opuestos de la naturaleza, tales como el día y la noche.

Colores brillantes: La claridad de los colores brillantes se logra por la omisión del gris o
el negro. Los colores azules, rojos, amarillos y naranjas son colores de brillo pleno. Los
colores brillantes son vívidos y atraen la atención. Un bus escolar amarillo, un racimo de
globos de colores, el rojo de la nariz de un payaso nunca pasan inadvertidos. Estimulantes
y alegres, los colores brillantes son colores perfectos para ser utilizados en envases, moda
y publicidad.

13
2.3 Combinación de colores
A la hora de escoger una gama de color para nuestros diseños, no existe una verdad
absoluta para tomar la correcta; al igual que no la hay para equivocarte de manera total
en la elección (bueno, esto quizá sí que ocurra) Tenemos que escoger la gama de colores
que más se adecue a lo que nosotros queremos que reflejar. Y queremos reflejar una cosa
concreta, dependiendo de para quien sea el diseño. Ya lo decíamos “la inspiración tiene
que encontrarte trabajando”, así que comencemos por el principio.

Combinaciones de Colores con ayuda del Círculo Cromático

Armonías de color
Como decimos, es fácil combinar colores a través de lo representan. Sabemos los
sentimientos que representan, no es lo mismo usar el rojo que el azul, y la combinación
entre ellos, es muy distinta que si usamos verde y amarillo… Si queremos hablar de
calidez, pero desde una nueva perfectiva, podemos combinar el naranja con el marrón,
pero si lo que buscamos es llamar la atención, nos vendrá mejor la combinación del
naranja con el violeta. Como hemos repetido en varias ocasiones, hay que conocer cada
uno de los colores para poder combinarlos entre sí (Venga, un último vistazo a la guía
rápida antes de comenzar! 😉 )

Pero hay determinadas ocasiones en las que a veces nos cuesta trabajo jugar con los
colores a través de lo que representan. No tenemos claro de si esa combinación de colores
es buena para lo que buscamos.

Por esto, hay una herramienta que hace la combinación de colores mucho mas fácil: el
circulo cromático. En el podemos ver representado cada uno de los colores por lo que
puede ser una guía útil para trazar las principales combinaciones entre ellos.

Podemos combinar los colores como deseemos, pero las armonías de colores nos pueden
ayudar a que esto sea más fácil. Cuando hablamos de armonías, recordemos que son
combinaciones generales de colores, a través de las cuales podemos ir jugando a su vez
con distintos colores.

14
Las principales armonías son:

Monocromática
Complementaria
Tríadico
Tetrádica
Análoga

Dependiendo del efecto que queramos crear, nos tendremos que decantar por una de
ellas. No es lo mismo, si quiero crear contraste o si lo que busco es suavidad.

Combinación de colores
Combinación Monocromática: Usamos una gama de color en la que solo se incluyen
distintas tonalidades del color principal. Al usar un solo color, es un buen recurso cuando
queremos expresar un sentimiento concreto.
Gama monocromática a partir del color rojo

#e11a29 #d22525 #d73939 #e15151 #d16666

Combinación Complementaria: Perfecta para cuando queremos expresar contraste,

pues usa el color principal y su opuesto. Ideal para llamar la atención.

15
Combinación de colores tríadicos: Se compone por tres colores repartidos
uniformemente en el círculo cromático. Imprimen fuerza por el contraste pero también
armonía al introducir un tercer color.

Combinación colores tétradas: Es conocida como la doble complementaria al usar

cuatro colores, complementarios dos a dos. Es una combinación muy armónica, pero
hay que tener cuidado pues está usando muchos colores.

16
Combinación colores análogos: Usa dos o tres familias, colocadas una al lado de otras
dentro del círculo cromático. Crea más contraste que la gama monocromática, pero
claramente no tanto como la complementaria.

Una vez tengamos los colores desde los que queremos comenzar, los colores puros,
podemos ir cambiándoles contraste, intensidad… hasta llegar al tono de color que más se
adecue a lo que estamos buscando.

17
Cómo Combinar Colores con el Círculo Cromático: Naranja

18
Combinaciones a partir del color violeta

19
20
AUTOEVALUACIÓN
Identificar elementos básicos del diseño

Indicación. De acuerdo a lo estudiado realice las siguientes actividaes

a. Identifique el grupo de elemento de diseño que pertenece: conceptual, visual,
relación, práctico y escriba el nombre debajo de cada imagen.

a. b. c.

d. e. f.

21
 h.
i.
g.

b. Elabore un cuadro sinóptico que muestre información de los elementos básicos del
diseño.

c. Elabore un albúm con tres imágenes de cada elemento básico del diseño. Utilice
revistas, periodicos o cualquier documento publicitario.

d. Presente en clases objetos o documentos publicitarios y explique la presencia de

elementos básicos del diseño.

e. Elabore guía proporcionada por el docente con ayuda de información utilizando

dirección electrónica de la actividad: formas de composición.

f. Seleccione la forma de composición en los diseños (imágenes, documentos u otro

elemento) presentados por el docente.

g. Utilizando guía de trabajo orientada por el docente aplicar combinación de colores.

22
UNIDAD DIDÁCTICA II: TÉCNICAS DE COMPOSICIÓN.
2.1 Técnicas de composición en piezas publicitarias

Para crear una pieza gráfica se puede utilizar una gran variedad de recursos y plasmar

gráficamente el concepto y mensaje de nuestra campaña.

23
Peso de los elementos

Los elementos situados a la derecha del área de un

diseño poseen un mayor peso visual, dan una idea de
proyección y avance en la composición.

Los elementos situados en la zona izquierda

retrotraen la composición y transmiten una
sensación de ligereza visual más acentuada, según
nos vayamos acercando al margen izquierdo de
nuestra página.

24
Factor de equilibrio

Toda composición
debe poseer un
equilibrio visual:
formal e informal

Equilibrio Formal

El equilibrio formal es aquel que está

basado en la simetría, es decir que
posee igual peso ambos lados del eje
central (centro óptico) de nuestra página
o pantalla. Reflejaran estabilidad, calma
y estatismo. No supone una
composición muy audaz, aunque lo que
sí asegura es una distribución armónica
de los elementos.

25
Equilibrio Informal

Las composiciones con equilibrio

informal visual no son simétricos, el
equilibrio se logra al contrastar y
contraponer los pesos visuales de los
elementos.

Se puede introducir una ligera

variación en una figura simétrica
desalineando las dos mitades,
solapándolas o añadiendo alguna
variación a una de ellas. Los
equilibrios informales o asimétricos
proyectan fuerza y dinamismo.

Factor de Tensión

Técnica Sugestiva

Consiste en dirigir intencionalmente, a través de otros

elementos, la atención a un punto determinado.

Ejemplo: muchas líneas confluyen en un mismo punto o

muchos personajes dirigen en la fotografía su atención hacia
el mismo sitio.

Técnica Rítmica

Basada en la tendencia innata del ojo humano a completar secuencias de elementos

portando parte de sus propios conocimientos previamente adquiridos y a percibir
elementos semejantes como un todo tendiendo a agruparlos.

26
Ejemplo: En este caso, agrupamos los elementos en filas verticales,
eludiendo hacerlo en sentido horizontal cuando todos se encuentran
equidistantes tanto en sentido horizontal como vertical.

Técnica Mecánica

Consiste en guiar de manera imperativa la atención del

observador. Puede llegar a ser menos efectivo que las técnicas
anteriormente señaladas, ya que se produce coacción visual
sobre el observador.

Factor de Ritmo

Es la repetición secuencial de determinados conjuntos de elementos buscando crear

armonía y movimiento en las composiciones.

1. Alternar elementos de manera secuencial

2. Repetición de elementos semejantes, ya sean colores, formas, entre otros.

27
 3. Provocar una progresión de elementos, mediante la gradación de colores, o una
escala de dimensiones.

Recorrido visual de las áreas de diseño

Nuestros diseños deben mantener una estructura de lectura para alcanzar el éxito en la
comunicación. Debemos colocar la información más
importante en la parte superior derecha y seguir ubicando
información en forma descendente y en orden de
importancia.

La información que queremos que los usuarios recuerden

por sore todo, debemos ubicarla al final del diseño, en el
margen inferior derecho.

Ubicación de las imágenes

Las imágenes deben ser colocadas en el área de diseño, dirigiendo su

atención hacia el centro o interior de la composición.

Para que el diseño sea impactante y memorable se sugiere las

siguientes estrategias:

1. Adaptar los contenidos al público dirigido. Ejemplo: enfocado a: los

niños colores llamativos, mujeres colores claros, hombres colores
oscuros o brillantes.

2. Usar imagen moderna y nunca visto antes.

3. Hacer uso de los valores. Emitir mensajes positivos.

28
 4. Mensaje breve y sencillo.
No son nuestros ojos los que ven, si no nuestro cerebro y, aunque parezca algo sencillos,
este interpreta la información que recibe en función de diferentes parámetros:

Organizar
Equilibrio

Estos son factores que rigen nuestra la percepción visual y siempre debemos tenerlos
presentes a la hora de diseñar o componer cualquier imagen.

“Cualquier aventura visual, por sencilla, que sea, entraña hacer algo que no estaba allí
antes, hacer palpable lo que todavía ni siquiera existe”.
Técnicas para lograr algo distinto o impactante que pueden ayudarnos a realizar
composiciones visuales más atractivas.

Exageración
Sustitución

La exageración: Esta consiste en intensificar y amplificar

alguno o varios elementos de nuestra composición visual
de tal modo que se logra atraer la atención del que ve la
imagen. Algo no cuadra y, por tanto, hace que fijemos más
nuestra atención para descifrar el mensaje.

La exageración es una técnica que cambia de inmediato el

esquema mental a que estamos acostumbrados, en
consecuencia cualquier expresión genera atracción.

La sustitución: Consiste en sustituir elementos de la

imagen por otro que ayude a enfatizar el mensaje que
queremos comunicar.
El mecanismo de sustitución forma parte de las figuras
retóricas, que aportan a la publicidad.

29
A modo de conclusión, podemos decir que las gráficas que utilizan este recurso logran
captar la atención del espectador que las visualiza. Algo es diferente en ellas, y ese algo,
hace que fijemos nuestra mirada y las recordemos mejor frente a otras.

2.2 Bocetos Publicitarios

Un boceto, también llamado esbozo o borrador, es un dibujo realizado de forma
esquemática y sin preocuparte de los detalles o terminaciones para representar ideas,
lugares, personas u objetos.

El boceto es una de las fases previas a la realización de un diseño gráfico, web,

multimedia, o producción audiovisual. En esta etapa, se van dando forma a las ideas y las
formas que posteriormente constituirán el trabajo que se va a desarrollar.

Además, el boceto también sirve para exponer al cliente qué queremos realizar, para que
dé su visto bueno o haga alguna observación antes de realizar el diseño para entrega.

La elaboración del boceto incluye:

Enmarcar los elementos
Definir los elementos
Concretar las características

2.3 Etapas del boceto:

a. Burdo: es la primera idea que visualizamos en nuestra mente y la
dibujamos a manos sobre cualquier papel y sin ningún contenido
técnico es decir, a mano alzada. Su finalidad es plasmar la idea que
se tiene acerca del trabajo que vamos a desarrollar.

b. Comprensivo: En esta etapa la idea se van ajustando para hacerla

mucho más comprensible y de mayor calidad, se utilizan para su
elaboración instrumentos técnicos para delimitar cuáles serán los
espacios que ocuparán los textos y las fotografías o ilustraciones.

30
 c. Dummy: Este es el boceto de arte final que alcanza un
alto nivel de calidad y muy buena composición de todos
los elementos visuales que se usarán en la reproducción,
como fotografías, esquemas en color, tipografía sugerida
e incluso cual será el papel que se utilizará en la
reproducción final.

Ejemplos:

Bocetos de identidad corporativa: Iniciar el boceto con el logo, en papel o directamente

en el computador. Para elaborar un boceto de imagen corporativa, debes conocer al
menos gran parte, de la historia de la cultura de imagen de marca para no caer en la
reiteración o el plagio. Utilice colores complementarios o al menos que no sean
discordantes entre sí.
Signos básicos a utilizar: símbolo, logotipo, color y la tipografía.

Bocetos de productos gráficos: Intenta motivar la compra o avisos con fechas de

vencimiento, poner un producto nuevo en el mercado (de lanzamiento), de mantenimiento
o de recordación. El contenido puede ser: informativo, argumental con tipo de ilustración:
tipográficos, fotográficos, con ilustración (solo dibujos).

31
AUTOEVALUACIÓN

De acuerdo a lo estudiado en la unidad II realice las siguientes actividaes

Orientaciones:

a. Elabore un diseño que muestre técnica de composición: peso, equilibrio informal y

factor ritmo, imagen atractiva que intensifique y amplifique alguno o varios
elementos.

b. Elabore un diseño que muestre técnica de composición: peso, equilibrio formal y

tensión, factor ritmo con sustitución de elementos de una imagen por otra.

c. De acuerdo con instrucciones de la guía de trabajo orientado por el docente

identifique las formas y técnicas de composición de un boceto publicitario.

d. Utilice creatividad para realizar diseños creativos aplicando elementos y técnicas

estudiadas.

e. Utilice creatividad para diseñar los siguientes bocetos que identifiquen:

 Logotipo de tu centro tecnológico
 Cuido al medio ambiente
 Promover el reciclaje

32
GLOSARIO

Amarillo: sol, júbilo, alegría, intelecto.

Azul: cielo, mar, profundidad, estabilidad, confianza, masculinidad, tranquilidad.
Contorno: se refiere más a las formas hechas por una superficie en 3D, lo que un artista
puede retratar. Por ejemplo, “los contornos de su cara.” La palabra equipada es “orilla”.
Curvilínea: Consiste en líneas rectas paralelas y perpendiculares, es rectilíneo.
Escala: relación entre la dimensión dibujada respecto de su dimensión real.
Espacio negativo: Estas palabras hacen referencia a los espacios vacíos entre objetos
de diseño, es sin duda un término muy apreciado entre los diseñadores.
Flush o rubor: se refiere al texto que está perfectamente alineado con el margen de la
página, como en “alineado a la izquierda” o “a ras con el margen derecho.” Como un
término para la alineación, es imprescindible para cualquier diseñador de su publicación
editorial, diseño de envases, o cualquier otro que implique la copia
Intensidad: brillo u opacidad de un color
Naranja: cálido, estimulante, entusiasmo, felicidad, éxito, creatividad.
Púrpura: realeza, poder, nobleza, riqueza, ambición, dignidad, misterio
Radial: El radio de raíz (como en el radio de un círculo) debe darle una idea de lo que
significa esta palabra: líneas que irradian (ahí está otra vez) de un centro común. Patrones
de rayos de sol, son un motivo común en diseños de estilo retro, pero las líneas en un
patrón radial no necesitan ser rectas.
Rojo: intensidad, fuego, sangre, energía, peligro, amor, pasión y fuerza.
Saturación: grado de pureza de un color
Sombra: color producido por la adicción
Translúcido: Este término no ha sido siempre una parte esencial del vocabulario de un
diseñador, pero ahora que diseños como iOS7 de Apple están haciendo uso de pantallas
translúcidas con más frecuencia, sin duda debe saberse utilizar.
Verde: naturaleza, crecimiento, frescura, salud, seguridad.
.

33
PARA SABER MÁS

http://es.slideshare.net/jessitsoi/composicion-elementos

http://es.slideshare.net/v4lbu/ejemplos-elementos-de-diseo

http://www.paredro.com/3-consejos-de-diseno-grafico-para-principiantes/

http://tdd.elisava.net/coleccion/12/cross-es

http://es.slideshare.net/Nivck/psicologa-del-color-en-el-diseo-grfico

http://www.revista.unam.mx/vol.14/num7/art15/

https://www.lancetalent.com/blog/7-claves-disenar-logo/

34
BIBLIOGRAFIA

http://talento.doncomos.com/cuales-colores-primarios-secundarios-terciarios

http://www.ecured.cu/Elementos_b%C3%A1sicos_del_Dise%C3%B1o_Gr%C3%A1fico

https://apuntesmultimedia.com/2013/04/19/elementos-basicos-del-diseno/

http://www.cristalab.com/tutoriales/fundamentos-del-diseno-grafico-c126l/

http://es.slideshare.net/guest728fd/elementos-de-diseno-ppt

http://www.dibujotecnico.com/plastica/wp-content/flgallery/images/l6rcnmy9.png

http://www.staffcreativa.pe/blog/teoria-del-color-disenadores/

http://www.paredro.com/7-pasos-para-el-proceso-de-un-buen-diseno/

http://www.fotonostra.com/grafico/tecnicascompos.htm

https://adelossantos.files.wordpress.com/2010/10/teroria-del-color.pdf

http://www.staffcreativa.pe/blog/teoria-del-color-disenadores/

http://cursos.veteporlasombra.com/bocetos-de-diseno-grafico

35