PROCESO DE FORMACION PROFESIONAL INTEGRAL

GUIA DE APRENDIZAJE

ELEMENTOS DEL DISEÑO

● Denominación del Programa de Formación: TECNÓLOGO EN PRODUCCIÓN MULTIMEDIA

● Código del Programa de Formación: 228101
● Nombre del Proyecto: Desarrollo de contenidos y estrategias digitales que promuevan el comercio
electrónico de las MIPYMES colombianas.
● Fase del Proyecto: ANÁLISIS
● Actividad de Proyecto: Definir los requerimientos del cliente.
● Actividades de Aprendizaje:
o Principios del diseño
o Teoría del color
o Tipografías
● Competencia: Analizar la información recolectada para definir la tipología del proyecto multimedia
● Resultados de Aprendizaje Alcanzar:

o Identificar las tipologías multimedia a realizar según el requerimiento del público destino y
del medio
● Duración de la Guía: 60 Horas

2. PRESENTACIÓN

El diseño es el proceso para crear soluciones en cualquier campo, parte de lo simple y detallado, de la
observación, análisis del entorno y de la cotidianidad. El diseño gráfico es el proceso de programar,
proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales
destinados a comunicar mensajes específicos a grupos determinados. Su función principal será transmitir
una información determinada por medio de composiciones gráficas, que se hacen llegar al público
destinatario a través de diferentes plataformas tanto físicas como digitales.

Para lograr un diseño acertado es importante conocer los elementos del diseño en cuanto a imagen y color,
de esta manera crear composiciones destacadas y funcionales. En esta guía, usted encontrará diferentes
actividades y documentos, así como referencias y enlaces que le llevarán a profundizar los aspectos técnicos
del diseño. Lo invitamos a participar activamente. Primero lea la guía de aprendizaje en su totalidad e inicie
el desarrollo de cada una de las acciones propuestas. Bienvenido y muchos éxitos en esta etapa.

Estimado aprendiz recuerde que la combinación entre conocimientos y práctica le llevará a la experticia.

GFPI-F-019 V03
3. FORMULACIÓN DE LAS ACTIVIDADES DE APRENDIZAJE.

3.1. Actividades de Reflexión Inicial:

A. Pregunta problematizadora

La comunicación visual y el diseño gráfico

La comunicación visual es prácticamente todo los que ven nuestros ojos, desde una planta hasta las nubes
que se mueven en el cielo. Cada una de estas imágenes tiene un valor distinto según el contexto en el que
estén insertadas. La comunicación visual puede ser casual o intencional.
Una comunicación casual es toda aquella que se nos presenta sin ninguna intención, es decir todo lo que
sucede de manera espontánea y que no tiene un mensaje concreto dado por un emisor específico. Por
ejemplo, el movimiento de las ramas de un árbol a causa del viento. Esto nos puede dar una infinidad de
mensajes, sin embargo, esta acción no sucedió para darnos un mensaje concreto, ni tampoco fue
manipulada por un emisor para que sucediera. Una comunicación casual puede ser interpretada libremente
por el receptor.
La comunicación intencional puede ser vista desde dos aspectos: estético y práctico.
Una información de tipo práctico no se centra en la estética sino en la funcionalidad, como por ejemplo una
señal de tránsito.
Una información estética está estructurada por líneas armónicas que nos brindan una forma adecuada y
hace que el mensaje funcional también sea agradable a la vista. Se puede decir que un mensaje que busque
comunicar, que sea funcional y estético al mismo tiempo, será mejor captado por el receptor.

El diseño es un proceso de creación visual con un propósito. A diferencia de la pintura y de la escultura, que
son la realización de las visiones personales y los sueños de un artista, el diseño descubre exigencias
prácticas. Una unidad de diseño se debe colocar a los ojos del público y transportar un mensaje prefijado.
Todo diseño, incluso el más novedoso, sigue modelos, códigos, formas, géneros y tendencias, estos modelos
constituyen toda la red de nuestro lenguaje visual, el cual está en continua evolución y expansión. En pocas
palabras un buen diseño es la mejor expresión visual de la esencia de algo, ya sea esto un mensaje o un
producto. Para hacerlo fiel y eficazmente, el diseñador debe buscar la mejor forma posible para que este
algo sea conformado, fabricado, distribuido, usado y relacionado con su ambiente. Su creación no debe ser
solo estética sino también funcional.

GFPI-F-019 V03
Con lo anteriormente citado se concluye que el diseñador es un comunicador visual, en donde uno de sus
principales objetivos es diseñar para comunicar y de esta forma hacer la vida del ser humano más práctica.
Por lo tanto, se definirá al diseño gráfico como: La creación de medios visuales o audiovisuales combinando
texto y gráfico con el objetivo de transmitir o comunicar un mensaje especifico a grupos determinados de
personas.
http://catarina.udlap.mx/u_dl_a/tales/documentos/ldg/juarez_s_e/capitulo3.pdf

De acuerdo a la lectura realizada responda en una hoja el siguiente interrogante y participe en la sesión con
su respuesta:

 ¿Cómo se relacionan el diseño y la comunicación visual?

B. Reflexión inicial

✔ ¿Qué es el diseño gráfico?

 Observe el video: ¿Qué es el diseño gráfico? https://www.youtube.com/watch?v=Suv90ejuenA

 Basado en sus conocimientos previos y después de observar el video indicado, responda los
siguientes cuestionamientos:
¿Qué mensaje le transmite el inicio del video?
¿Qué es el diseño y cuál es su función?
¿Cuál es la diferencia entre arte y diseño?
¿Qué tipos de aplicación de diseño gráfico se indicaron en el vídeo?
¿Qué tipos de formatos de imagen conoce?

 Socialice sus respuestas en mesa redonda

 Evidencia a presentar: Fotografía de documento a mano alzada o archivo digital (pdf) con las
respuestas a los cuestionamientos.

3.2. Actividades de contextualización e identificación de conocimientos necesarios para el aprendizaje.

Como ya se ha venido indicando la comunicación visual es parte vital en todo proyecto multimedia, no se
puede seleccionar al azar, siempre debe ser el resultado de una investigación. En este sentido, entender el

GFPI-F-019 V03
diseño gráfico, implica comprender varios elementos que rodean el mundo visual y perceptivo del ser
humano: la imagen, el color, la forma, la textura, la dimensión, el contraste, el balance, la simetría, la
tipografía, la iconografía; son algunos de ellos. Estos elementos estructurales se deben organizar pensando
qué quiere comunicar visualmente el cliente y cuáles de ellos son más atractivos para que el usuario se
sienta identificado y perciba la información de una manera familiar.
Para la apropiación de los elementos del de Diseño en teoría de imagen y teoría de color, los invito a
desarrollar las siguientes actividades:

A. Historia y evolución del diseño gráfico

 Observe el video Historia Diseño gráfico: https://www.youtube.com/watch?v=PAcU4XwYGzc.

 Elabore una línea de tiempo, en la cual relacione los principales momentos de evolución del diseño
gráfico y sus principales exponentes y técnicas.
 Herramientas para crear líneas de tiempo: http://www.funcionarioseficientes.es/tutoriales/12-
webs-gratuitas-para-hacer-lineas-del-tiempo-online

 Evidencia a presentar: Línea de tiempo a mano alzada. O enlace a herramienta en la cual elaboró
la línea de tiempo.

B. Influencia de estilos

 Realice una consulta en internet de un diseñador que haya captado su atención (puede ser de los
mencionados en el video de la anterior actividad). El diseñador puede ser Internacional, nacional o
local.
 Contextualice su biografía, logros, diseños destacados y aportes al mundo del diseño.
 Una vez realice la consulta, publique en espacio de una herramienta Blog, un documento biográfico
del diseñador especificando las fuentes de consulta y trabajos destacados.
 Herramienta para crear Blog: https://www.blogger.com/about/?hl=es
 Evidencia a presentar: Enlace a Blog

C. Tendencias de diseño 2021

 Acceda a los enlaces recomendados a continuación: https://www.crehana.com/co/blog/diseno-

grafico/tendencias-diseno-grafico/ - https://marketing4ecommerce.net/tendencias-de-diseno-
2021/
GFPI-F-019 V03
  Realice consulta adicional sobre otras tendencias en Diseño gráfico propuestas para el 2021
 Analice cuáles tendencias llaman más su atención y el cómo las vería ajustadas a sus propios diseños
 Elabore un mapa mental en el que reúna las principales tendencias identificadas
 Socialice en sesión el porqué de las tendencias seleccionadas.
 Evidencia a presentar: Mapa mental en formato .jpg

3.3. Actividades de apropiación del conocimiento

Teoría del color

La teoría del color: en pocas palabras es un juego de normas que permiten entender, combinar, utilizar y
acercarse a los colores de la mejor forma posible. El color es uno de los elementos de diseño más
importantes en el proceso de creación de cualquier pieza gráfica.

A. Exposición
 Acceda al material de apoyo: Teoría del color.pdf, 5.1_teoría del color.pdf, Color.pdf, Teoría del
color_1.pdf
 Conforme un equipo de trabajo de 3 personas
 El instructor le asignará a cada equipo de trabajo un tema
 Consulte la información pertinente en el material de apoyo y las fuentes de consulta sugeridas
 Prepare y socialice una exposición sobre el tema asignado. Recuerde su compromiso para
comunicar la información a sus compañeros de información.
 Evidencia a presentar: Presentación de apoyo a la exposición. PowerPoint o herramientas web
como Emaze, Canva, Powtoon.

B. Cuestionario
Con base en la información identificada en las exposiciones, a continuación de respuesta al siguiente
cuestionario:
 ¿Qué es el color?
 ¿Qué son los modelos de color RGB y CMYK, y en qué ámbitos son usados cada uno de ellos
respectivamente?

GFPI-F-019 V03
  ¿Cuáles son los colores análogos y cuáles son los colores complementarios? Ubíquelos en un
círculo cromático y busque una imagen en la que predomine armonía de colores análogos y una
en la que predomine una armonía de colores complementarios.
 ¿Cuál es la importancia de la Psicología del color en la multimedia?
 ¿Cuál es la diferencia entre Tono, Saturación y Brillo?
 Evidencia a presentar: Documento pdf con portada, tabla de contenido y referencias
bibliográficas.

C. Collage Teoría de color

 Materiales: 1/8 cartulina, revista – periódicos, pegante
 Rasgue trozos de papel siguiendo una idea de
composición (escalas monocromáticas, colores
primarios, colores fríos, colores cálidos, colores
análogos, colores complementarios, etc.)
 Integre los trozos de papel en el 1/8 de cartulina de
forma libre de manera que destaque la intención de la
composición de color planeada.
 Evidencia a presentar: Fotografía de collage en formato
.jpg

D. Paletas de color
 Acceda al documento Taller_Paletas_Color.docx
 Siguiendo los conceptos y normas establecidas en la Teoría del color, a continuación, elabore las
paletas de color de acuerdo a los casos propuestos.
 Evidencia a presentar: Archivo PowerPoint (Diapositiva por paleta de color)

GFPI-F-019 V03
Teoría de la imagen

Para entender el concepto en el diseño gráfico debemos

comprender varios elementos que rodean el mundo visual y
perceptivo del ser humano, las imágenes son de suma
importancia y de necesario uso para dar a comprender un
concepto.

A. Identificación de los elementos del diseño

● Acceda al material de apoyo: Concepto gráfico.pdf, Elementos de diseño.pdf,

Principios_de_la_imagen.pdf
● Visualice los videos: https://www.youtube.com/watch?v=7N2v0bpNFKA -
https://www.youtube.com/watch?v=8E65Xl00ce4
● Observe y analice la información, relaciónela con diseños que están a su alrededor
● Desarrolle el siguiente cuestionario:
o De acuerdo al documento Elementos de diseño.pdf: ¿Cuáles son los elementos que
componen la imagen? Escoja una pintura o fotografía de cualquier tema y señale los
elementos básicos que encuentra en ella. Analice también el mensaje que usted considera
quiso mostrar el artista con la obra.
o En el video Conceptos básicos de diseño gráfico 1 mencionan 6 principios básicos a tener
en cuenta para una composición destacada. ¿Cuáles son?
o Siguiendo la visualización del video Conceptos de diseño gráfico 1. ¿Cuáles son las formas
de equilibrio dispuestas? Presente una imagen en la que se observe cada uno de los tipos
de equilibrio.
o ¿En qué consiste la repetición? Presente un ejemplo.
o ¿Qué tipos de contraste hay? Presente un ejemplo por cada tipo de contraste.
o ¿En qué consiste la utilización del espacio en blanco?
 Evidencia a presentar: Elabore una presentación (PowerPoint o herramienta Web) con la respuesta
y ejemplos solicitados en cada ítem del cuestionario.

GFPI-F-019 V03
B. Leyes de Gestalt – Icono

 Acceda al material de apoyo: Leyes de Gestalt.pdf, Concepto gráfico.pdf, Elementos del

diseño.pdf

 ¿Qué es la percepción?
 Defina Leyes de Gestalt. Presente un ejemplo de cada ley.
 ¿Qué es icono? https://www.definicionabc.com/general/icono.php. Presente 5 ejemplos.
 Consulte: ¿Qué formatos de imagen existen y en qué casos son utilizados?
 Evidencia a presentar: Presente el desarrollo a través de un Mapa mental.

C. Tipografía

 https://www.canva.com/es_mx/aprende/10-reglas-de-oro-para-combinar-fuentes-tips-disenador/
 https://www.canva.com/es_mx/aprende/como-evitar-estos-20-errores-tipograficos-principiante/
 https://www.youtube.com/watch?v=n63tHV7aWkI
 Vamos a definir lo siguiente:
o ¿Qué es la tipografía?
o ¿Qué es una fuente tipográfica y qué es un
tipo de letra?
o ¿Qué es Serif y Sans Serif? ¿Para qué tipo
de aplicaciones son recomendadas?
o ¿Qué elementos se analizan en la
anatomía de la Tipografía?
o ¿Qué reglas se recomiendan a la hora de
combinar tipografías en los diseños?
o Presente una propuesta de fuente
tipográfica. Elabore el alfabeto en letras
minúsculas, letras mayúsculas y los números ordenados de 0 a 9.
 Evidencia a presentar: Documento pdf con el desarrollo de la consulta y propuesta de tipografía.

GFPI-F-019 V03
 3.4 Actividades de transferencia del conocimiento.

A. Logo Personal

Basado en los elementos y fundamentos del diseño:

 Elabore el boceto de una propuesta de logo personal

 De acuerdo a la teoría de color, presente los colores que utilizaría en su logo personal
 Evidencia a presentar: Fotografía logo personal – paleta de colores.

B. Logo empresa

Basado en los elementos y fundamentos del diseño:

 Elabore el boceto de una propuesta de logo para la empresa MiPyMe de su proyecto formativo
 De acuerdo a la teoría de color, presente los colores que utilizaría
 Evidencia a presentar: Fotografía logo MiPyMe– paleta de colores.

4. ACTIVIDADES DE EVALUACIÓN

Evidencias de Aprendizaje Criterios de Evaluación Técnicas e Instrumentos de

Evaluación

Evidencias de Conocimiento:

Reflexión inicial: Lista de Chequeo Para

Evaluar resultados de
● Pregunta
Aprendizaje
problematizadora
● Cuestionario ¿Qué es el
diseño gráfico? ● Realiza el boceto de la interfaz
Evidencias de Desempeño gráfica del proyecto aplicando
técnicas creativas y elementos del
Actividades de diseño gráfico.
contextualización Lista de conocimientos

● Línea de tiempo historia

diseño gráfico
● Blog Influencia de estilos

GFPI-F-019 V03
 ● Mapa mental tendencias
de diseño 2021

Actividades de apropiación

● Exposición teoría del

color
● Cuestionario conceptos
Teoría del color
● Collage
● Taller paletas de color

● Presentación elementos
del diseño

● Mapa mental leyes de

Gestalt

● Cuestionario tipografía

Evidencias de Producto:

● Logo personal

● Logo MiPyMe

5. GLOSARIO DE TERMINOS

Colores Análogos: Son los colores cercanos entre sí en el círculo cromático.

Colores Complementarios: Son los colores opuestos en el círculo cromático.

Colores Primarios: Son los colores amarillo, azul y rojo, base para generar los secundarios

Colores Secundarios: Son los colores verde, naranja y violeta, se extraen de la combinación de los primarios.

Colores Terciarios: Son los colores tierra, grises y “oscuros”, ya que su obtención surge de los colores de la
combinación de los primarios con los secundarios.

CMYK: Sistema para generar separación de color para impresión offset.

GFPI-F-019 V03
Equilibrio: Se debe tener el mismo peso de un lado de la composición como del otro con respecto al centro
de la misma, esto genera un contrapeso similar, es un concepto muy afín a la simetría.

Monocromía: Son piezas graficas fundamentadas en un solo color.

Policromía: Piezas gráficas que incluyen cuatro o más colores.

RGB: Sistema de color de luz, utilizado en pantalla más conocido como aditivo.

Repetición: Cuando duplicamos un elemento en nuestra imagen generamos podríamos lograr armonía,
podemos hacer que las personas perciban movimiento en la imagen, y determinar el peso visual de nuestra
composición.

Triada: Tres colores que están equidistantes y funcionan armónicamente entre sí.

Cuadro Comparativo: El cuadro comparativo es un organizador de información, que permite identificar las
semejanzas y diferencias de dos o más objetos o eventos.

¿Cuáles son sus características?

● Está formado por un número determinado de columnas en las que se lee la información en forma
vertical.
● Permite identificar los elementos que se desea comparar. Por ejemplo, semejanzas y diferencias de
algo.
● Permite escribir las características de cada objeto o evento.

6. REFERENTES BILBIOGRAFICOS

 https://www.canva.com/es_mx/aprende/colores-complementarios/
 http://brandcolors.net/
 https://www.canva.com/es_mx/aprende/teoria-del-color-tips-e-inspiracion-por-canva/
 https://www.canva.com/es_mx/aprende/neurociencia-del-color-implicaciones-para-diseno/
 https://www.canva.com/es_mx/aprende/elementos-y-principios-diseno-tips-e-inspiracion/
 https://www.canva.com/es_mx/aprende/50-hermosos-usos-de-patrones-geometricos-en-diseno-
grafico/
 https://www.canva.com/es_mx/aprende/10-reglas-de-oro-para-combinar-fuentes-tips-disenador/
 https://www.canva.com/es_mx/aprende/como-evitar-estos-20-errores-tipograficos-principiante/
 https://elibro-
net.bdigital.sena.edu.co/es/ereader/senavirtual/45553?fs_q=fundamentos__del__dise%C3%B1o&pre
v=fs&page=21
 https://elibro-net.bdigital.sena.edu.co/es/ereader/senavirtual/93375?page=9
GFPI-F-019 V03
 ● Mapa Mental (2016) ¿Qué son los mapas mentales? Recuperado de:
http://www.queesunmapamental.com/

● Mapa mental. (s.f.). En Wikipedia. Recuperado el 08 de 05 de 2017 de

https://es.wikipedia.org/wiki/Mapa_mental

● Cuadros Comparativos (2017) Cuadros comparativos ¿Qué son? Ejemplos de cuadros de

comparación. Recuperado de http://cuadrocomparativo.org/cuadros-comparativos-que-son-
ejemplos-de-cuadros-de-comparacion/

7. CONTROL DEL DOCUMENTO

Nombre Cargo Dependencia Fecha

Autor (es) Tatiana Forero Instructor Centro Industria y la Febrero de 2019

Construcción, Regional
Tolima.

8. CONTROL DE CAMBIOS (diligenciar únicamente si realiza ajustes a la guía)

Nombre Cargo Dependencia Fech Razón del Cambio

a

Autor (es) Tatiana Forero Instructor Centro Feb Actualización

Industria y la de evidencias y
Construcción, 2021 enlaces
Regional
Tolima.

GFPI-F-019 V03