SlideShare una empresa de Scribd logo
1 de 22
LOGO


       “ Add your company slogan ”




  Jerarquías Tipográficas
El Principio de Jerarquía


                            La jerarquía, en
                                 términos de
                              lógica visual,
                               no es otra cosa
                                   que una
                             manifestación de
                            las relaciones que
                            se producen entre
                                las cosas que
                             vemos y entre las
                             cosas y nosotros
                                   mismos.
El campo de la jerarquía en la percepción

                        La jerarquía es un principio
                        de valor que presenta
                        numerosas variables y se
                        produce en todo tipo de
                        circunstancias.
                        Desde el punto de vista de la
                        creación gráfica, es de
                        particular importancia cuando
                        se considera en relación con la
                        información que una persona
                        recibe, ya que el principio
                        jerárquico hace que valore
                        más aquello que le afecta o es
                        de su interés.
Entre los aspectos que pueden hacer variar los valores jerárquicos
de una persona en un momento dado están los que se refieren a
la atención selectiva. Es decir, situaciones en las cuales un
individuo busca o espera algo concreto.

Esta atención selectiva afecta a los siguientes parámetros:

• El interés, que se desvía hacia un campo concreto.
• La situación, que es analizada con fuerte tendenciosidad por el
  individuo.
• Los valores, que se adaptan a las circunstancias y pueden
  modificarse.
Tipos de jerarquías naturales y culturales:


 Todo lo que nos rodea en sociedad está lleno de valores jerárquicos.
 Desde el semáforo que regula el tráfico al trato especial de que goza un
 jefe de gobierno.

 La naturaleza tampoco se libra de prioridades. Consideremos la forma de
 alimentación de los polluelos en el nido o el orden en la comida de un
 grupo de leones.

 Muchas de estas jerarquías se asocian a patrones visuales lógicos, que
 usamos sin apenas caer en la cuenta. Es lo que puede suceder al ceder
 el puesto en una mesa a la hora de comer o en la configuración que
 adoptamos cuando van a hacernos una fotografía.

 Veamos ahora algunos de estos elementos de lógica visual que afectan o
 son afectados por valores jerárquicos.


                                                           www.themegallery.com
La jerarquía arriba / abajo:

Se manifiesta como la prioridad de lo superior en el espacio o en el
plano, que presenta una conexión directa con lo superior en el orden de
las ideas o en el orden moral.
Jerarquía grande / pequeño

Es una de las más utilizadas. En términos generales, abundan las
situaciones en las que el valor de las cosas es proporcional a su tamaño
físico, respecto de las cosas que hay a su alrededor. Un fenómeno que ya
encontramos en el arte egipcio, en el que se nos muestran gigantescos
faraones imperando sobre ejércitos de diminutas figurillas.
Jerarquía centrado / periférico

Esta jerarquía visual también es de las más utilizadas y ha sido
denominada "fuerza del centro". Tiene su primer fundamento en la
estructuración simétrica que presentan tantos seres y sucesos de la
naturaleza. Una ley que captamos y proyectamos a numerosos hechos o
cuestiones de trascendencia social.
Jerarquía de lo contrastado

 Este tipo de jerarquía visual actúa mediante un juego de choque
 perceptivo. Aquello que contrasta salta hacia nosotros sin necesidad de
 que nosotros vayamos hacia él. Su primitivo fundamento es el de un
 acto de defensa, ligado a la exploración del medio en que nos
 movemos.




                                                          www.themegallery.com
Jerarquía de lo separado frente a lo grupal.

Un viejo y desgastado chiste hacía decir a un vigilante en un fuerte del
oeste americano: "¡vienen dos mil tres indios!". A la pregunta de cómo lo
sabía, su respuesta era: "porque delante vienen tres y luego unos dos
mil".
Ciertamente, eso es lo que sucede en nuestra percepción: vemos lo
separado y después el grupo. O si se prefiere, los grupos tienden a
formar unidades de mayor nivel: tres árboles y un bosque.
Jerarquía de lo brillante


                       En términos generales, todo
                       aquello que irradia ha sido
                       valorado por las más diversas
                       culturas: desde el oro hasta los
                       atributos iconográficos de la
                       santidad, con sus aureolas
                       luminiscentes.

                       Toda radiación tiene fuerza
                       visual. Y casi toda fuerza visual
                       puede traducirse en fuerza
                       física.




                                         www.themegallery.com
Cualidades anisotrópicas de la jerarquía visual

Los seis tipos de jerarquías básicas que hemos comentado tienen
aspectos anisotrópicos, es decir, de asimetría respecto de su
comportamiento formal.
Por ejemplo: una superficie brillante en un entorno mate llamará más la
atención que la misma superficie en mate sobre un entorno brillante.
Aplicaciones al diseño

Las jerarquías visuales básicas ponen de manifiesto aspectos diversos de
lógica visual y son aplicables al diseño gráfico, industrial y arquitectónico, y
de hecho son usadas muy frecuentemente, tanto de manera consciente
como inconsciente, por los profesionales.

Los lectores de publicaciones, las personas que ven la televisión o circulan
por las calles de las ciudades, llevan en sí mismos estos criterios de lógica
visual. De ahí que, al usarlos, el diseñador, por así decir, hable un lenguaje
formal conocido por ellos. Y este es un hecho que, evidentemente, facilita la
comunicación con el público al que se dirige el mensaje.

Usar principios jerárquicos, a través de cualquiera de sus muchas variantes,
multiplica la eficacia de la comunicación sin limitar la creatividad formal o
conceptual de los diseñadores.




                                                               www.themegallery.com
Aplicaciones al diseño




                         www.themegallery.com
Aplicaciones al diseño




                         www.themegallery.com
El principio de anomalía perceptiva

Se denomina anomalía perceptiva a toda imagen o suceso que
viene a romper un estado de normalidad o control perceptivo.

La anomalía perceptiva tiene lugar, también, de manera menos
escandalosa: cuando vemos algo que va contra una costumbre o
contra un estilo. Entonces se genera un estado de perplejidad o
de atención, que también ocupa un lugar alto en el plano
jerárquico.

Existen dos leyes que se relacionan con la anomalía perceptiva
tal y como es vivida social y culturalmente.

La ley del factor incremental de lo nuevo
La ley de efectos decrecientes


                                                   www.themegallery.com
La ley del factor incremental de lo nuevo

La ley del factor incremental de lo nuevo enuncia que toda novedad, por el
hecho de serlo, toma para sí un incremento de interés, sea éste positivo
(se acepta la novedad) o negativo (se rechaza). Este factor incremental,
evidentemente, influye sobre la jerarquía de lo que vemos.
La ley de efectos decrecientes

La ley de efectos decrecientes enuncia que todo estado repetitivo tiende
a generar falta de estimulación a medida que se repite en el tiempo o en
el espacio. De esta manera, un estímulo "viejo" y reiterado, por el hecho
de serlo, puede experimentar apreciables variaciones jerárquicas en
nuestra percepción.
Tipos de anomalía perceptiva

                         Existen numerosos tipos de
                         anomalías, aunque pueden
                         resumirse en tres grandes
                         bloques:

                         • Anomalías semánticas
                         • Anomalías formales
                         • Anomalías cromáticas

                         Las primeras atañen a
                         variaciones o cambios en el
                         significado de lo que vemos.
                         En la imagen tenemos un
                         ejemplo pedagógico, que
                         también incluye aspectos
                         formales y cromáticos.


                                        www.themegallery.com
El segundo tipo de anomalía, la de carácter formal, se refiere a variaciones
imprevistas experimentadas en la forma.
En la imagen, el cuadrado establece una ley de formación, dentro de la cual el
círculo es una entidad anómala, que por ello mismo reclama una mayor dosis
de atención.
El tercer tipo de anomalía se refiere a cambios que afectan al color.

Como se aprecia, todas ellas generan notables efectos de jerarquía en el
diseño, por lo que su uso es muy recomendable, por ejemplo, para guiar la
lectura del espectador, estructurando y secuenciando la información que
recibe.
LOGO


       “ Add your company slogan ”

Más contenido relacionado

La actualidad más candente

Tecnicas de composicion diseño grafico
Tecnicas de composicion diseño graficoTecnicas de composicion diseño grafico
Tecnicas de composicion diseño graficoEstefanieMedinaA
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaAlexis Guzmán Gómez
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: RetículasFidel Romero
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusariandrea
 
La sintaxis visual 1ª parte
La sintaxis visual 1ª parteLa sintaxis visual 1ª parte
La sintaxis visual 1ª partefree lance
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficasOmar Duarte
 
Uv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionUv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionMarvin Millon
 
Principios de Composicion
Principios de ComposicionPrincipios de Composicion
Principios de ComposicionLuis Palomino
 
Técnicas de comunicación visual
Técnicas de comunicación visualTécnicas de comunicación visual
Técnicas de comunicación visualLaura Smith
 
Estructura Semiformal E Informal
Estructura Semiformal E InformalEstructura Semiformal E Informal
Estructura Semiformal E InformalCielo Neme
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaAlberto Vega
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseñoLycaNieto
 

La actualidad más candente (20)

Tecnicas de composicion diseño grafico
Tecnicas de composicion diseño graficoTecnicas de composicion diseño grafico
Tecnicas de composicion diseño grafico
 
Direccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimediaDireccion, plano, textura y movimiento en el diseño multimedia
Direccion, plano, textura y movimiento en el diseño multimedia
 
Composición visual
Composición visualComposición visual
Composición visual
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Semana 12 unidad y variedad
Semana 12   unidad y variedadSemana 12   unidad y variedad
Semana 12 unidad y variedad
 
Presentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wuciusPresentacion fundamentos de diseño wucius
Presentacion fundamentos de diseño wucius
 
Tipos de reticulas
Tipos de reticulasTipos de reticulas
Tipos de reticulas
 
La sintaxis visual 1ª parte
La sintaxis visual 1ª parteLa sintaxis visual 1ª parte
La sintaxis visual 1ª parte
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Uv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacionUv fundamentos del diseño-gradacion
Uv fundamentos del diseño-gradacion
 
Principios de Composicion
Principios de ComposicionPrincipios de Composicion
Principios de Composicion
 
Técnicas de comunicación visual
Técnicas de comunicación visualTécnicas de comunicación visual
Técnicas de comunicación visual
 
La Composición
La ComposiciónLa Composición
La Composición
 
Estructura Semiformal E Informal
Estructura Semiformal E InformalEstructura Semiformal E Informal
Estructura Semiformal E Informal
 
Frutiger símbolo
Frutiger símboloFrutiger símbolo
Frutiger símbolo
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius WongFundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Jerarquias visuales
Jerarquias visualesJerarquias visuales
Jerarquias visuales
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
Elementos del diseño
Elementos del diseñoElementos del diseño
Elementos del diseño
 
Elementos de Relacion
Elementos  de RelacionElementos  de Relacion
Elementos de Relacion
 

Similar a Jerarquia visual tipografica

Leyes de la gestalt slideshare
Leyes de la gestalt slideshareLeyes de la gestalt slideshare
Leyes de la gestalt slidesharewuendycuervo
 
Trabajo de investigacion teoria de la forma
Trabajo de investigacion teoria de la formaTrabajo de investigacion teoria de la forma
Trabajo de investigacion teoria de la formaAlejandra Laguna
 
La Dirección del Cambio Estructural
La Dirección del Cambio EstructuralLa Dirección del Cambio Estructural
La Dirección del Cambio EstructuralALFONSO CORNEJO
 
TRABAJO DE INVESTIGACION
TRABAJO DE INVESTIGACIONTRABAJO DE INVESTIGACION
TRABAJO DE INVESTIGACIONshaktisamadhi
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la formakayglevis
 
Percepción Visual
Percepción VisualPercepción Visual
Percepción VisualHillarySmv
 
La percepción visual
La percepción visualLa percepción visual
La percepción visualsubsuelo
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la formakayglevis
 
La LóGica Visual Y El Significado SemióTica
La LóGica Visual Y El   Significado   SemióTicaLa LóGica Visual Y El   Significado   SemióTica
La LóGica Visual Y El Significado SemióTicaarquitecturamodelo
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la formakayglevis
 
Actividad 6 enfoque de la gestalt
Actividad 6 enfoque de la gestaltActividad 6 enfoque de la gestalt
Actividad 6 enfoque de la gestaltAlejandra Fonseca
 
Presentacion Semiologia
Presentacion SemiologiaPresentacion Semiologia
Presentacion Semiologiamaferarenas
 
Percepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaPercepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaGenesis De C. Mendoza
 
14. teorias implicitas del aprendizaje y la enseñanza isa
14. teorias implicitas del aprendizaje y la enseñanza isa14. teorias implicitas del aprendizaje y la enseñanza isa
14. teorias implicitas del aprendizaje y la enseñanza isaisvala
 
TEORÍA DE GESTALT
TEORÍA DE GESTALTTEORÍA DE GESTALT
TEORÍA DE GESTALTkass4
 

Similar a Jerarquia visual tipografica (20)

Pvisual
PvisualPvisual
Pvisual
 
Introducción a la lógica visual
Introducción a la lógica visualIntroducción a la lógica visual
Introducción a la lógica visual
 
Leyes de la gestalt slideshare
Leyes de la gestalt slideshareLeyes de la gestalt slideshare
Leyes de la gestalt slideshare
 
Percepcion
PercepcionPercepcion
Percepcion
 
Percepcion
PercepcionPercepcion
Percepcion
 
Trabajo de investigacion teoria de la forma
Trabajo de investigacion teoria de la formaTrabajo de investigacion teoria de la forma
Trabajo de investigacion teoria de la forma
 
La Dirección del Cambio Estructural
La Dirección del Cambio EstructuralLa Dirección del Cambio Estructural
La Dirección del Cambio Estructural
 
TRABAJO DE INVESTIGACION
TRABAJO DE INVESTIGACIONTRABAJO DE INVESTIGACION
TRABAJO DE INVESTIGACION
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la forma
 
Percepción Visual
Percepción VisualPercepción Visual
Percepción Visual
 
Leyes de la Gestalt
Leyes de la GestaltLeyes de la Gestalt
Leyes de la Gestalt
 
La percepción visual
La percepción visualLa percepción visual
La percepción visual
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la forma
 
La LóGica Visual Y El Significado SemióTica
La LóGica Visual Y El   Significado   SemióTicaLa LóGica Visual Y El   Significado   SemióTica
La LóGica Visual Y El Significado SemióTica
 
Trabajo teoria de la forma
Trabajo teoria de la formaTrabajo teoria de la forma
Trabajo teoria de la forma
 
Actividad 6 enfoque de la gestalt
Actividad 6 enfoque de la gestaltActividad 6 enfoque de la gestalt
Actividad 6 enfoque de la gestalt
 
Presentacion Semiologia
Presentacion SemiologiaPresentacion Semiologia
Presentacion Semiologia
 
Percepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendozaPercepcion visual en la arquitectura. genensis mendoza
Percepcion visual en la arquitectura. genensis mendoza
 
14. teorias implicitas del aprendizaje y la enseñanza isa
14. teorias implicitas del aprendizaje y la enseñanza isa14. teorias implicitas del aprendizaje y la enseñanza isa
14. teorias implicitas del aprendizaje y la enseñanza isa
 
TEORÍA DE GESTALT
TEORÍA DE GESTALTTEORÍA DE GESTALT
TEORÍA DE GESTALT
 

Más de Omar Duarte

Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseñoOmar Duarte
 
Anatomia de las letras
Anatomia de las letrasAnatomia de las letras
Anatomia de las letrasOmar Duarte
 
Manejo de camara digital
Manejo de camara digitalManejo de camara digital
Manejo de camara digitalOmar Duarte
 
Presentacion Web 2.0
Presentacion Web 2.0Presentacion Web 2.0
Presentacion Web 2.0Omar Duarte
 
como crear marca
como crear marcacomo crear marca
como crear marcaOmar Duarte
 

Más de Omar Duarte (7)

Fundamentos del diseño
Fundamentos del diseñoFundamentos del diseño
Fundamentos del diseño
 
Formas basicas
Formas basicasFormas basicas
Formas basicas
 
Anatomia de las letras
Anatomia de las letrasAnatomia de las letras
Anatomia de las letras
 
El Color
El ColorEl Color
El Color
 
Manejo de camara digital
Manejo de camara digitalManejo de camara digital
Manejo de camara digital
 
Presentacion Web 2.0
Presentacion Web 2.0Presentacion Web 2.0
Presentacion Web 2.0
 
como crear marca
como crear marcacomo crear marca
como crear marca
 

Último

GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulosRosarioLloglla
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxEdisonCondesoDelgado1
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezPaola575380
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxLeo Florez
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptxeldermishti
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajadayannanicolzuluetab
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...chechei12040303
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkkscristinacastro892534
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 

Último (20)

GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
secuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulossecuencias de los figuras de cuadros y rectangulos
secuencias de los figuras de cuadros y rectangulos
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx414414508-Diseno-de-Coberturas-Metalicas.pptx
414414508-Diseno-de-Coberturas-Metalicas.pptx
 
Triptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jajaTriptico de los derechos humanos pe señorees jaja
Triptico de los derechos humanos pe señorees jaja
 
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
Apuntes de criterios estrcuturales, calculo de trabes y contratrabes de concr...
 
Anexo Nivel 3 Ficha Lectura pptjsbdkks
Anexo  Nivel 3 Ficha  Lectura pptjsbdkksAnexo  Nivel 3 Ficha  Lectura pptjsbdkks
Anexo Nivel 3 Ficha Lectura pptjsbdkks
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 

Jerarquia visual tipografica

  • 1. LOGO “ Add your company slogan ” Jerarquías Tipográficas
  • 2. El Principio de Jerarquía La jerarquía, en términos de lógica visual, no es otra cosa que una manifestación de las relaciones que se producen entre las cosas que vemos y entre las cosas y nosotros mismos.
  • 3. El campo de la jerarquía en la percepción La jerarquía es un principio de valor que presenta numerosas variables y se produce en todo tipo de circunstancias. Desde el punto de vista de la creación gráfica, es de particular importancia cuando se considera en relación con la información que una persona recibe, ya que el principio jerárquico hace que valore más aquello que le afecta o es de su interés.
  • 4. Entre los aspectos que pueden hacer variar los valores jerárquicos de una persona en un momento dado están los que se refieren a la atención selectiva. Es decir, situaciones en las cuales un individuo busca o espera algo concreto. Esta atención selectiva afecta a los siguientes parámetros: • El interés, que se desvía hacia un campo concreto. • La situación, que es analizada con fuerte tendenciosidad por el individuo. • Los valores, que se adaptan a las circunstancias y pueden modificarse.
  • 5. Tipos de jerarquías naturales y culturales: Todo lo que nos rodea en sociedad está lleno de valores jerárquicos. Desde el semáforo que regula el tráfico al trato especial de que goza un jefe de gobierno. La naturaleza tampoco se libra de prioridades. Consideremos la forma de alimentación de los polluelos en el nido o el orden en la comida de un grupo de leones. Muchas de estas jerarquías se asocian a patrones visuales lógicos, que usamos sin apenas caer en la cuenta. Es lo que puede suceder al ceder el puesto en una mesa a la hora de comer o en la configuración que adoptamos cuando van a hacernos una fotografía. Veamos ahora algunos de estos elementos de lógica visual que afectan o son afectados por valores jerárquicos. www.themegallery.com
  • 6. La jerarquía arriba / abajo: Se manifiesta como la prioridad de lo superior en el espacio o en el plano, que presenta una conexión directa con lo superior en el orden de las ideas o en el orden moral.
  • 7. Jerarquía grande / pequeño Es una de las más utilizadas. En términos generales, abundan las situaciones en las que el valor de las cosas es proporcional a su tamaño físico, respecto de las cosas que hay a su alrededor. Un fenómeno que ya encontramos en el arte egipcio, en el que se nos muestran gigantescos faraones imperando sobre ejércitos de diminutas figurillas.
  • 8. Jerarquía centrado / periférico Esta jerarquía visual también es de las más utilizadas y ha sido denominada "fuerza del centro". Tiene su primer fundamento en la estructuración simétrica que presentan tantos seres y sucesos de la naturaleza. Una ley que captamos y proyectamos a numerosos hechos o cuestiones de trascendencia social.
  • 9. Jerarquía de lo contrastado Este tipo de jerarquía visual actúa mediante un juego de choque perceptivo. Aquello que contrasta salta hacia nosotros sin necesidad de que nosotros vayamos hacia él. Su primitivo fundamento es el de un acto de defensa, ligado a la exploración del medio en que nos movemos. www.themegallery.com
  • 10. Jerarquía de lo separado frente a lo grupal. Un viejo y desgastado chiste hacía decir a un vigilante en un fuerte del oeste americano: "¡vienen dos mil tres indios!". A la pregunta de cómo lo sabía, su respuesta era: "porque delante vienen tres y luego unos dos mil". Ciertamente, eso es lo que sucede en nuestra percepción: vemos lo separado y después el grupo. O si se prefiere, los grupos tienden a formar unidades de mayor nivel: tres árboles y un bosque.
  • 11. Jerarquía de lo brillante En términos generales, todo aquello que irradia ha sido valorado por las más diversas culturas: desde el oro hasta los atributos iconográficos de la santidad, con sus aureolas luminiscentes. Toda radiación tiene fuerza visual. Y casi toda fuerza visual puede traducirse en fuerza física. www.themegallery.com
  • 12. Cualidades anisotrópicas de la jerarquía visual Los seis tipos de jerarquías básicas que hemos comentado tienen aspectos anisotrópicos, es decir, de asimetría respecto de su comportamiento formal. Por ejemplo: una superficie brillante en un entorno mate llamará más la atención que la misma superficie en mate sobre un entorno brillante.
  • 13. Aplicaciones al diseño Las jerarquías visuales básicas ponen de manifiesto aspectos diversos de lógica visual y son aplicables al diseño gráfico, industrial y arquitectónico, y de hecho son usadas muy frecuentemente, tanto de manera consciente como inconsciente, por los profesionales. Los lectores de publicaciones, las personas que ven la televisión o circulan por las calles de las ciudades, llevan en sí mismos estos criterios de lógica visual. De ahí que, al usarlos, el diseñador, por así decir, hable un lenguaje formal conocido por ellos. Y este es un hecho que, evidentemente, facilita la comunicación con el público al que se dirige el mensaje. Usar principios jerárquicos, a través de cualquiera de sus muchas variantes, multiplica la eficacia de la comunicación sin limitar la creatividad formal o conceptual de los diseñadores. www.themegallery.com
  • 14. Aplicaciones al diseño www.themegallery.com
  • 15. Aplicaciones al diseño www.themegallery.com
  • 16. El principio de anomalía perceptiva Se denomina anomalía perceptiva a toda imagen o suceso que viene a romper un estado de normalidad o control perceptivo. La anomalía perceptiva tiene lugar, también, de manera menos escandalosa: cuando vemos algo que va contra una costumbre o contra un estilo. Entonces se genera un estado de perplejidad o de atención, que también ocupa un lugar alto en el plano jerárquico. Existen dos leyes que se relacionan con la anomalía perceptiva tal y como es vivida social y culturalmente. La ley del factor incremental de lo nuevo La ley de efectos decrecientes www.themegallery.com
  • 17. La ley del factor incremental de lo nuevo La ley del factor incremental de lo nuevo enuncia que toda novedad, por el hecho de serlo, toma para sí un incremento de interés, sea éste positivo (se acepta la novedad) o negativo (se rechaza). Este factor incremental, evidentemente, influye sobre la jerarquía de lo que vemos.
  • 18. La ley de efectos decrecientes La ley de efectos decrecientes enuncia que todo estado repetitivo tiende a generar falta de estimulación a medida que se repite en el tiempo o en el espacio. De esta manera, un estímulo "viejo" y reiterado, por el hecho de serlo, puede experimentar apreciables variaciones jerárquicas en nuestra percepción.
  • 19. Tipos de anomalía perceptiva Existen numerosos tipos de anomalías, aunque pueden resumirse en tres grandes bloques: • Anomalías semánticas • Anomalías formales • Anomalías cromáticas Las primeras atañen a variaciones o cambios en el significado de lo que vemos. En la imagen tenemos un ejemplo pedagógico, que también incluye aspectos formales y cromáticos. www.themegallery.com
  • 20. El segundo tipo de anomalía, la de carácter formal, se refiere a variaciones imprevistas experimentadas en la forma. En la imagen, el cuadrado establece una ley de formación, dentro de la cual el círculo es una entidad anómala, que por ello mismo reclama una mayor dosis de atención.
  • 21. El tercer tipo de anomalía se refiere a cambios que afectan al color. Como se aprecia, todas ellas generan notables efectos de jerarquía en el diseño, por lo que su uso es muy recomendable, por ejemplo, para guiar la lectura del espectador, estructurando y secuenciando la información que recibe.
  • 22. LOGO “ Add your company slogan ”