1 / 35

LA JERARQUIA Y LA COMPOSICION

LA JERARQUIA Y LA COMPOSICION. Cuando trabajamos algún nuevo proyecto de diseño , lo primero que tenemos que determinar , antes de incluso desarrollar conceptos visuales , es qué tan importantes son cada uno de los elementos que componen nuestro producto de diseño.

adelio
Download Presentation

LA JERARQUIA Y LA COMPOSICION

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. LA JERARQUIA Y LA COMPOSICION

  2. Cuandotrabajamosalgúnnuevoproyecto de diseño, lo primeroquetenemosquedeterminar, antes de inclusodesarrollarconceptosvisuales, esqué tan importantes son cadauno de los elementosquecomponennuestroproducto de diseño.

  3. Es asícomosurgenlasjerarquías. Estoesmasimportantequeestootroy a suvez, queestootro. Y para el manejo de lasimágenes, es el mismotratamientojerárquico.

  4. Parecefácil en principio jerarquizar, decirqué el titular es el primer llamadoqueunodebe leer, luego la bajadao los destacados, luego los datosanexos, etc.

  5. ¿Perocómohacerparaque la importanciaqueconceptualmente le dimos a los elementos, logreneficientementequecumplan el ordenjerárquico?.

  6. Si analizamosunanuevamenteunacomposiciónpodremosentenderque con unadeterminadacantidad de trucosparajerarquizar, podemostenerlibertadinfinitaparacomponer. Entonces, los métodosmásfrecuentesparadestacaroesconderelementosdentro de un producto de diseño son:

  7. 1. El orden de lectura • Nuestracultura occidental esmuyrígida en aspectos de lectura, desdemuychicosaprendimos a quedebemos leer todo de izquierda a derechay de arribahaciaabajo.

  8. Es muydificultosoentenderque dos elementosquetienenlasmismascaracterísticas, se lean de procesoinverso. Tenemosinconscientementeunamaneraautomática de ordenar los elementos, y de acuerdo a esoo no podemosluchar.

  9. Porejemplo, en la imagen anterior, vemos 12 barras horizontalesdispuestasunaarriba de la otra. Si te pones a contarlasprobablementetucerebroempiece a hacerlo de arribahaciaabajo. Ahora, si lo piensas ¿porquéleemosprimero la barrita de arribasiendoque la de abajoes 4 vecesmásgrande?

  10. En un segundoejemplopodemosentenderquesi los círculosestuvieranunidos, probablemente el orden de lecturanosguíe a la maneratradicional de leer, de izquierda a derecha. Sin embargo hay un único factor quepuede romper el de arriba a abajoy de izquierda a derecha, es el de la superposición: de adelantehaciaatrás.

  11. 2. El tamaño • El manejo del tamaño de los elementoses sin duda, el másusado de los sistemas de jerarquíay no necesitagranexplicación.

  12. En el ejemplo, basta con agrandar un círculoparaentenderquesuimportanciaes mucho mayor que la del resto.

  13. Sin embargo, agrandar un objeto no es la únicamanera de hacerlodestacar, en el ejemplopodemosentenderque el objetodestacado no tieneporqué ser el másgrandepara ser jerárquicamente el másimportante.

  14. 3. El color • Una de lasmanerasmásinteresantes de destacarespor color. Lo saben los mejoresdiseñadores del mundoy lo ocupan a su favor a diario, ya sea paralevantar en importanciaalgúnelemento, obienparaocultarlo.

  15. En el ejemplopodemosobservar el típicoejemplo de cómo el color magenta se apodera de nuestraprimeramiradaparadecirnosque el puntomásimportante de la composición no es el primer punto de la primerafila, sinoque el que se destacapor ser distinto.

  16. ¿Peroquépasacuandotodos son distintos?. Por lo general, cuandoreina el color, el negro se sobrepone a todo, yda lo mismocuántocoloridohaya, el negro siempreserá el másimportante.

  17. Otramanera de destacarpor color esporexclusión. Estamanera de jerarquizar, se usa mucho en el diseño de logotipos. JuliánNaranjo, un destacadodiseñadorchileno, comentabaque la fórmula del éxito en el diseño de identidadcorporativa era elegir 2 colores de similar peso ogama, yporexclusión, elegir un color que se le opongadiametralmente.

  18. 4. La forma • Otra forma de romper con la homogeneidad de los elementosydestacar a unoporsobre los demás, estrabajar con formassimilaresparadeterminadosgruposjerárquicos, yotrasformascompletamentediferentespara los demás.

  19. Muyprobablementefijaremosnuestra vista en los elementos de forma másestridentes, yleeremos al final los elementoscuya forma sea mástranquilayordenada.

  20. 5. La ubicación • La posición de los elementosdentro de la página, es un factor fundamental a la hora de componerunapieza de diseño. Agruparporformastantocomoexcluir de lasmismasesunamuybuenamanera de levantaryhundirinformación sin ser estridente. No esnecesariocambiarnitamañosnicoloresniformas.

  21. La elegantemanera de dominar la hojaydisponer los elementoscomosifuera un escenarioteatral, comosifueraunacancha de fútbol en el que se entiende a la perfeccióncuáles el punto con mayor visibilidad.

  22. 6. La composición de elementos • Jerarquizarelementosmediante el ordenamiento de los mismoselementosesunaavanzadamanera de entendercómofunciona la composición. Se ocupa mucho en la composición de escena en comics, fotografíay cine.

  23. Por lo general laspuntasydiagonales son la maneramásfácil de destacar un objetodentro de la composición. En el ejemplo, podemosvercómo los elementos se ordenandiagonalmenteparaformarunaespecie de punta de flechaqueindicacasigráficamentediciendo "tu, eres el elementodestacado".

  24. Si bienescierto, a la derechatambién hay un elementodestacadoporuna diagonal, se entiendeque el tamañoy la jerarquía de los pesos de querompen la ortogonal, son diferentespara un objetoqueparaotro. La proporciónesclara, y el blanco de la contraformarefuerza lo anterior.

More Related