SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
MÓDULO EMPAQUES
JERARQUIAS VISUALES
ADRIANA GASTALDI
Diseñadora Industrial
adriana.gastaldi@correo.icesi.edu.co
MÓDULO EMPAQUES
El diseño es una forma de comunicación, su
objetivo es comunicar un mensaje a una
audiencia.
Para ello se hace uso de diversos elementos
visuales y se ponen en práctica distintos
fundamentos del diseño. Entre estos fundamentos
del diseño se encuentra la jerarquía visual que
permite a los diseñadores organizar elementos e
información para que el mensaje principal llegue a
sus destinatarios sin problemas.
QUÉ SON LAS JERARQUÍAS VISUALES?
MÓDULO EMPAQUES
Existen diferentes técnicas para crear jerarquía visual.
Usualmente no sólo se emplea una de ellas sino que se
combinan.
Básicamente son seis:
Tamaño
Contraste
Color
Proximidad
Alineación
Repetición.
Esto principios del diseño son tus mejores armas para
poder generar jerarquía visual.
¿CÓMO CREAR JERARQUÍA VISUAL?
TIPOS DE JERARQUÍAS VISUALES?
1. TAMAÑO:
Los elementos de mayor tamaño captan tu atención más rápidamente. Además,
el tamaño indica la importancia de cada elemento. Esta técnica es excelente para
poder guiar la atención de tus usuarios y es una de las más empleadas también.
Si todos los elementos fueran del
mismo tamaño es complicado
para el usuario detectar qué
elemento es más importante.
Sin mencionar que es bastante
monótono y aburrido para los
usuarios.
MÓDULO EMPAQUES
TIPOS DE JERARQUÍAS VISUALES?
2. CONTRASTE:
El contraste también tiene un efecto en la jerarquía y se puede aplicar contraste
en cualquier elemento, por ejemplo, al elegir una paleta de colores.
El impacto se genera en base a los cambios que existen entre un elemento y otro,
mientras más dramático sea este cambio, mejor.
MÓDULO EMPAQUES
TIPOS DE JERARQUÍAS VISUALES?
3. COLOR:
El color es una de las maneras más poderosas de captar la atención del
consumidor. No sólo sirve para organizar y generar jerarquía visual, sino para
darle estilo y personalidad al producto. Tal vez por esta razón el color es un arma
de doble filo ya que se debe tener en cuenta la personalidad de marca, público
objetivo, producto...mientras que, al mismo tiempo, hay que generar una
combinación de colores armónica.
La selección de colores sea un proceso bastante largo y se logre mediante ensayo
y error. Es decir, probando cómo lucen los colores uno con otro hasta llegar a la
combinación ideal.
MÓDULO EMPAQUES
TIPOS DE JERARQUÍAS VISUALES?
4. PROXIMIDAD:
La proximidad es una manera de separar y
agrupar elementos. Mientras más
próximos estén son considerados como
un grupo y se pueden identificar como
sub-jerarquías. La proximidad sirve para
agrupar elementos similares y separar
aquellos que son distintos, es de mucha
importancia al momento de diseñar.
MÓDULO EMPAQUES
TIPOS DE JERARQUÍAS VISUALES?
5. ALINEACIÓN:
La ubicación de los elementos también puede indicar importancia.
Los elementos que se ubican en el centro pues ocupan un mayor espacio. De igual
manera, los elementos que se colocan en la parte superior suelen ser de mayor
importancia.
Los elementos similares se suelen
alinear de forma igual.
Pero si quieres generar impacto en
una zona, podrías cambiar la
alineación de ciertos elementos.
MÓDULO EMPAQUES
TIPOS DE JERARQUÍAS VISUALES?
2. REPETICIÓN:
Elemento que sirve para agrupar elementos. Si tomamos de ejemplo el texto
vemos que cada párrafo tiene una fuente y una puntaje. Esto permite al usuario
reconocer fácilmente los elementos similares.
Aunque la repetición es importantes, es también esencial saber cómo romperla
para generar interés, de lo contrario se vería demasiado estático y aburrido.
Cada cierto número de
párrafos se coloca un
subtítulo, usualmente en
mayor puntaje o en negritas
o con algún tipo de formato
distinto que el del párrafo.
Este subtítulo funciona
como un elemento que
genera quiebre visual.
MÓDULO EMPAQUES

Más contenido relacionado

La actualidad más candente (20)

Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Ejemplos elementos de diseño
Ejemplos elementos de diseñoEjemplos elementos de diseño
Ejemplos elementos de diseño
 
3 elementos del diseño
3 elementos del diseño3 elementos del diseño
3 elementos del diseño
 
Sintaxis de la imagen
Sintaxis de la imagenSintaxis de la imagen
Sintaxis de la imagen
 
B3C redes modulares
B3C redes modularesB3C redes modulares
B3C redes modulares
 
Principios del diseño
Principios del diseñoPrincipios del diseño
Principios del diseño
 
Técnicas De La Comunicación Visual
Técnicas  De La Comunicación VisualTécnicas  De La Comunicación Visual
Técnicas De La Comunicación Visual
 
Elementos de diseño
Elementos de diseñoElementos de diseño
Elementos de diseño
 
El lenguaje Visual_3 eso
El lenguaje Visual_3 esoEl lenguaje Visual_3 eso
El lenguaje Visual_3 eso
 
La Composición Gráfica
La Composición GráficaLa Composición Gráfica
La Composición Gráfica
 
Bloque 4 diseño grafico
Bloque 4  diseño graficoBloque 4  diseño grafico
Bloque 4 diseño grafico
 
Resumen libro Wucius Wong
Resumen libro Wucius WongResumen libro Wucius Wong
Resumen libro Wucius Wong
 
Semana 14 recorrido visual
Semana 14   recorrido visualSemana 14   recorrido visual
Semana 14 recorrido visual
 
Composicion elementos
Composicion elementosComposicion elementos
Composicion elementos
 
Tema 4.- SÍNTESIS GRÁFICA
Tema 4.-  SÍNTESIS GRÁFICATema 4.-  SÍNTESIS GRÁFICA
Tema 4.- SÍNTESIS GRÁFICA
 
Tecnicas visuales
Tecnicas visualesTecnicas visuales
Tecnicas visuales
 
Diseño gráfico cartel
Diseño gráfico  cartelDiseño gráfico  cartel
Diseño gráfico cartel
 
Teoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del DiseñoTeoría de la Forma_ Teria del Diseño
Teoría de la Forma_ Teria del Diseño
 
La Sintaxis Visual
La Sintaxis VisualLa Sintaxis Visual
La Sintaxis Visual
 
Elementos del Lenguaje Visual
Elementos del Lenguaje VisualElementos del Lenguaje Visual
Elementos del Lenguaje Visual
 

Destacado

Destacado (6)

Empaque en mercadeo
Empaque en mercadeoEmpaque en mercadeo
Empaque en mercadeo
 
Movimientos de Diseño 2da Parte
Movimientos de Diseño 2da ParteMovimientos de Diseño 2da Parte
Movimientos de Diseño 2da Parte
 
Color en los empaques
Color en los empaquesColor en los empaques
Color en los empaques
 
Infografias. Tipos
Infografias. TiposInfografias. Tipos
Infografias. Tipos
 
Tipografia en empaques
Tipografia en empaquesTipografia en empaques
Tipografia en empaques
 
Movimientos de diseño. 1ra Parte
Movimientos de diseño. 1ra ParteMovimientos de diseño. 1ra Parte
Movimientos de diseño. 1ra Parte
 

Similar a Jerarquias visuales

Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño graficoValentinaascanio1
 
Clase 3 uees diseno
Clase 3 uees disenoClase 3 uees diseno
Clase 3 uees disenodavidenkoecu
 
Patricia inchiglema diseño grafico
Patricia inchiglema diseño graficoPatricia inchiglema diseño grafico
Patricia inchiglema diseño graficoPatricia Alexandra
 
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfPRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfMARIA ABAD
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdfMarianitapPechocha
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfROBERTOGUAMANCELA
 
Conceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoConceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoIvetteSolano1
 
BASES DEL DISEÑO VICTOR CARRILLO
BASES DEL DISEÑO VICTOR CARRILLOBASES DEL DISEÑO VICTOR CARRILLO
BASES DEL DISEÑO VICTOR CARRILLOVICTORHUGOCARRILLO1
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaJoel chimba
 
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdf
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdfPúrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdf
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdfjhonjeffersonloorbai
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1pedrovinca
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la ComunicaciónFabiola Cortes
 

Similar a Jerarquias visuales (20)

fundamentos.pdf
fundamentos.pdffundamentos.pdf
fundamentos.pdf
 
Bases de Diseño
Bases de DiseñoBases de Diseño
Bases de Diseño
 
Fundamentos del diseño grafico
Fundamentos del diseño graficoFundamentos del diseño grafico
Fundamentos del diseño grafico
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Manual de impacto visual
Manual de impacto visualManual de impacto visual
Manual de impacto visual
 
Clase 3 uees diseno
Clase 3 uees disenoClase 3 uees diseno
Clase 3 uees diseno
 
Patricia inchiglema diseño grafico
Patricia inchiglema diseño graficoPatricia inchiglema diseño grafico
Patricia inchiglema diseño grafico
 
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdfPRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
PRESENTCION DE BASE DE DISEÑO GRAFICO .pdf
 
Eldiseografico 090505071445-phpapp02
Eldiseografico 090505071445-phpapp02Eldiseografico 090505071445-phpapp02
Eldiseografico 090505071445-phpapp02
 
fundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdffundamentos de diseños graficos .pdf
fundamentos de diseños graficos .pdf
 
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdfPresentación de Competencias Educativas Mapa Gráfico Verde.pdf
Presentación de Competencias Educativas Mapa Gráfico Verde.pdf
 
Delia López
Delia LópezDelia López
Delia López
 
Conceptos básicos de diseño gráfico
Conceptos básicos de diseño gráficoConceptos básicos de diseño gráfico
Conceptos básicos de diseño gráfico
 
BASES DEL DISEÑO VICTOR CARRILLO
BASES DEL DISEÑO VICTOR CARRILLOBASES DEL DISEÑO VICTOR CARRILLO
BASES DEL DISEÑO VICTOR CARRILLO
 
Taller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontanedaTaller 1 dg joel_chimba_pablo_ontaneda
Taller 1 dg joel_chimba_pablo_ontaneda
 
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdf
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdfPúrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdf
Púrpura Rojo y Rosa Dibujo a Mano Cuestionario de Matemáticas Presentación-1.pdf
 
Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1Presentacion power point actividad 1.1.Pedro Carrillo1
Presentacion power point actividad 1.1.Pedro Carrillo1
 
Trabajo.pdf
Trabajo.pdfTrabajo.pdf
Trabajo.pdf
 
Las 4 f. color.
Las 4 f. color.Las 4 f. color.
Las 4 f. color.
 
ámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicaciónámbito del Diseño y la Comunicación
ámbito del Diseño y la Comunicación
 

Más de Adriana Gastaldi

Más de Adriana Gastaldi (16)

Qué son las resoluciones de una imagen
Qué son las resoluciones de una imagenQué son las resoluciones de una imagen
Qué son las resoluciones de una imagen
 
Color ejemplos cine
Color ejemplos cineColor ejemplos cine
Color ejemplos cine
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Ambiente de aprendizaje
Ambiente de aprendizajeAmbiente de aprendizaje
Ambiente de aprendizaje
 
Ambiente de aprendizaje ag sem 2
Ambiente de aprendizaje ag sem 2Ambiente de aprendizaje ag sem 2
Ambiente de aprendizaje ag sem 2
 
Vector vs pixel
Vector vs pixelVector vs pixel
Vector vs pixel
 
Anestesia en mascotas
Anestesia en mascotasAnestesia en mascotas
Anestesia en mascotas
 
Mal aliento en perros y gatos
Mal aliento en perros y gatosMal aliento en perros y gatos
Mal aliento en perros y gatos
 
Vomito en las mascotas
Vomito en las mascotasVomito en las mascotas
Vomito en las mascotas
 
Experiencias de aprendizaje de referencia dónde se promueve la ciudadanía dig...
Experiencias de aprendizaje de referencia dónde se promueve la ciudadanía dig...Experiencias de aprendizaje de referencia dónde se promueve la ciudadanía dig...
Experiencias de aprendizaje de referencia dónde se promueve la ciudadanía dig...
 
Nuevo gatico en casa
Nuevo gatico en casaNuevo gatico en casa
Nuevo gatico en casa
 
DISEÑO EDITORIAL
DISEÑO EDITORIALDISEÑO EDITORIAL
DISEÑO EDITORIAL
 
Marketing en la era digital
Marketing en la era digitalMarketing en la era digital
Marketing en la era digital
 
Reticulas
ReticulasReticulas
Reticulas
 
Tipografia teoria y afiches
Tipografia teoria y afichesTipografia teoria y afiches
Tipografia teoria y afiches
 

Último

Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezNaza59
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASpaotavo97
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdfcnaomi195
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfBrbara57940
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptxReneSalas18
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfDamarysNavarro1
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfPapiElMejor1
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)LeonardoDantasRivas
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturajesusgrosales12
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Roheimariagsg
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddabuitragoi
 

Último (20)

Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Arquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth BermúdezArquitectura moderna / Nazareth Bermúdez
Arquitectura moderna / Nazareth Bermúdez
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRASSENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
SENSICO CURSO DE EXPEDIENTE TECNICO DE OBRAS
 
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
2024-EL CAMBIO CLIMATICO Y SUS EFECTOS EN EL PERÚ Y EL MUNDO.pdf
 
Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdfLAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
LAMODERNIDADARQUITECTURABYBARBARAPADILLA.pdf
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
428483625-ANALISIS-DEL-REGLAMENTO-DE-METRADOS.pptx
 
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdfTRABAJO DESDE CASA REGION INSULAR.docx.pdf
TRABAJO DESDE CASA REGION INSULAR.docx.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
Quinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdfQuinto-Cuaderno-del-Alumno-optimizado.pdf
Quinto-Cuaderno-del-Alumno-optimizado.pdf
 
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
Arquitectos del Movimiento Moderno (Historia de la Arquitectura)
 
Jesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitecturaJesus Diaz afiche Manierismo .pdf arquitectura
Jesus Diaz afiche Manierismo .pdf arquitectura
 
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der RoheArquitectura Moderna Le Corbusier- Mies Van Der Rohe
Arquitectura Moderna Le Corbusier- Mies Van Der Rohe
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
diseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidaddiseño de plantas agroindustriales unidad
diseño de plantas agroindustriales unidad
 

Jerarquias visuales

  • 1. MÓDULO EMPAQUES JERARQUIAS VISUALES ADRIANA GASTALDI Diseñadora Industrial adriana.gastaldi@correo.icesi.edu.co
  • 2. MÓDULO EMPAQUES El diseño es una forma de comunicación, su objetivo es comunicar un mensaje a una audiencia. Para ello se hace uso de diversos elementos visuales y se ponen en práctica distintos fundamentos del diseño. Entre estos fundamentos del diseño se encuentra la jerarquía visual que permite a los diseñadores organizar elementos e información para que el mensaje principal llegue a sus destinatarios sin problemas. QUÉ SON LAS JERARQUÍAS VISUALES?
  • 3. MÓDULO EMPAQUES Existen diferentes técnicas para crear jerarquía visual. Usualmente no sólo se emplea una de ellas sino que se combinan. Básicamente son seis: Tamaño Contraste Color Proximidad Alineación Repetición. Esto principios del diseño son tus mejores armas para poder generar jerarquía visual. ¿CÓMO CREAR JERARQUÍA VISUAL?
  • 4. TIPOS DE JERARQUÍAS VISUALES? 1. TAMAÑO: Los elementos de mayor tamaño captan tu atención más rápidamente. Además, el tamaño indica la importancia de cada elemento. Esta técnica es excelente para poder guiar la atención de tus usuarios y es una de las más empleadas también. Si todos los elementos fueran del mismo tamaño es complicado para el usuario detectar qué elemento es más importante. Sin mencionar que es bastante monótono y aburrido para los usuarios. MÓDULO EMPAQUES
  • 5. TIPOS DE JERARQUÍAS VISUALES? 2. CONTRASTE: El contraste también tiene un efecto en la jerarquía y se puede aplicar contraste en cualquier elemento, por ejemplo, al elegir una paleta de colores. El impacto se genera en base a los cambios que existen entre un elemento y otro, mientras más dramático sea este cambio, mejor. MÓDULO EMPAQUES
  • 6. TIPOS DE JERARQUÍAS VISUALES? 3. COLOR: El color es una de las maneras más poderosas de captar la atención del consumidor. No sólo sirve para organizar y generar jerarquía visual, sino para darle estilo y personalidad al producto. Tal vez por esta razón el color es un arma de doble filo ya que se debe tener en cuenta la personalidad de marca, público objetivo, producto...mientras que, al mismo tiempo, hay que generar una combinación de colores armónica. La selección de colores sea un proceso bastante largo y se logre mediante ensayo y error. Es decir, probando cómo lucen los colores uno con otro hasta llegar a la combinación ideal. MÓDULO EMPAQUES
  • 7. TIPOS DE JERARQUÍAS VISUALES? 4. PROXIMIDAD: La proximidad es una manera de separar y agrupar elementos. Mientras más próximos estén son considerados como un grupo y se pueden identificar como sub-jerarquías. La proximidad sirve para agrupar elementos similares y separar aquellos que son distintos, es de mucha importancia al momento de diseñar. MÓDULO EMPAQUES
  • 8. TIPOS DE JERARQUÍAS VISUALES? 5. ALINEACIÓN: La ubicación de los elementos también puede indicar importancia. Los elementos que se ubican en el centro pues ocupan un mayor espacio. De igual manera, los elementos que se colocan en la parte superior suelen ser de mayor importancia. Los elementos similares se suelen alinear de forma igual. Pero si quieres generar impacto en una zona, podrías cambiar la alineación de ciertos elementos. MÓDULO EMPAQUES
  • 9. TIPOS DE JERARQUÍAS VISUALES? 2. REPETICIÓN: Elemento que sirve para agrupar elementos. Si tomamos de ejemplo el texto vemos que cada párrafo tiene una fuente y una puntaje. Esto permite al usuario reconocer fácilmente los elementos similares. Aunque la repetición es importantes, es también esencial saber cómo romperla para generar interés, de lo contrario se vería demasiado estático y aburrido. Cada cierto número de párrafos se coloca un subtítulo, usualmente en mayor puntaje o en negritas o con algún tipo de formato distinto que el del párrafo. Este subtítulo funciona como un elemento que genera quiebre visual. MÓDULO EMPAQUES