Thursday, June 18, 2009

La jerarquía y la composición

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.
Es así como surgen las jerarquías. Esto es mas importante que esto otro y a su vez, que esto otro. Y para el manejo de las imágenes, es el mismo tratamiento jerárquico.

Parece fácil en principio jerarquizar, decir qué el titular es el primer llamado que uno debe leer, luego la bajada o los destacados, luego los datos anexos, etc. ¿Pero cómo hacer para que la importancia que conceptualmente le dimos a los elementos, logren eficientemente que cumplan el orden jerárquico?.

Si analizamos una nuevamente una composición podremos entender que con una determinada cantidad de trucos para jerarquizar, podemos tener libertad infinita para componer. Entonces, los métodos más frecuentes para destacar o esconder elementos dentro de un producto de diseño son:

1. El orden de lectura
Nuestra cultura occidental es muy rígida en aspectos de lectura, desde muy chicos aprendimos a que debemos leer todo de izquierda a derecha y de arriba hacia abajo.
Es muy dificultoso entender que dos elementos que tienen las mismas características, se lean de proceso inverso. Tenemos inconscientemente una manera automática de ordenar los elementos, y de acuerdo a esoo no podemos luchar.
Por ejemplo, en la imagen de más arriba, vemos 12 barras horizontales dispuestas una arriba de la otra. Si te pones a contarlas probablemente tu cerebro empiece a hacerlo de arriba hacia abajo. Ahora, si lo piensas ¿por qué leemos primero la barrita de arriba siendo que la de abajo es 4 veces más grande?
En un segundo ejemplo podemos entender que si los círculos estuvieran unidos, probablemente el orden de lectura nos guíe a la manera tradicional de leer, de izquierda a derecha. Sin embargo hay un único factor que puede romper el de arriba a abajo y de izquierda a derecha, es el de la superposición: de adelante hacia atrás.


2. El tamaño
El manejo del tamaño de los elementos es sin duda, el más usado de los sistemas de jerarquía y no necesita gran explicación.
En el ejemplo, basta con agrandar un círculo para entender que su importancia es mucho mayor que la del resto.
Sin embargo, agrandar un objeto no es la única manera de hacerlo destacar, en el ejemplo podemos entender que el objeto destacado no tiene por qué ser el más grande para ser jerárquicamente el más importante.


3. El color
Una de las maneras más interesantes de destacar es por color. Lo saben los mejores diseñadores del mundo y lo ocupan a su favor a diario, ya sea para levantar en importancia algún elemento, o bien para ocultarlo.
En el ejemplo podemos observar el típico ejemplo de cómo el color magenta se apodera de nuestra primera mirada para decirnos que el punto más importante de la composición no es el primer punto de la primera fila, sino que el que se destaca por ser distinto.
¿Pero qué pasa cuando todos son distintos?. Por lo general, cuando reina el color, el negro se sobrepone a todo, y da lo mismo cuánto colorido haya, el negro siempre será el más importante.
Otra manera de destacar por color es por exclusión. Esta manera de jerarquizar, se usa mucho en el diseño de logotipos. Julián Naranjo, un destacado diseñador chileno, comentaba que la fórmula del éxito en el diseño de identidad corporativa era elegir 2 colores de similar peso o gama, y por exclusión, elegir un color que se le oponga diametralmente.


4. La forma
Otra forma de romper con la homogeneidad de los elementos y destacar a uno por sobre los demás, es trabajar con formas similares para determinados grupos jerárquicos, y otras formas completamente diferentes para los demás.
Muy probablemente fijaremos nuestra vista en los elementos de forma más estridentes, y leeremos al final los elementos cuya forma sea más tranquila y ordenada.



5. La ubicación
La posición de los elementos dentro de la página, es un factor fundamental a la hora de componer una pieza de diseño. Agrupar por formas tanto como excluir de las mismas es una muy buena manera de levantar y hundir información sin ser estridente. No es necesario cambiar ni tamaños ni colores ni formas.
La elegante manera de dominar la hoja y disponer los elementos como si fuera un escenario teatral, como si fuera una cancha de fútbol en el que se entiende a la perfección cuál es el punto con mayor visibilidad.


6. La composición de elementos
Jerarquizar elementos mediante el ordenamiento de los mismos elementos es una avanzada manera de entender cómo funciona la composición. Se ocupa mucho en la composición de escena en comics, fotografía y cine.
Por lo general las puntas y diagonales son la manera más fácil de destacar un objeto dentro de la composición. En el ejemplo, podemos ver cómo los elementos se ordenan diagonalmente para formar una especie de punta de flecha que indica casi gráficamente diciendo "tu, eres el elemento destacado".
Si bien es cierto, a la derecha también hay un elemento destacado por una diagonal, se entiende que el tamaño y la jerarquía de los pesos de que rompen la ortogonal, son diferentes para un objeto que para otro. La proporción es clara, y el blanco de la contraforma refuerza lo anterior.

268 comments :

«Oldest   ‹Older   201 – 268 of 268
Coupon Blues said...

This article will assist the internet people for setting up new
web site or even a blog from start to end. Macy's Coupon
JcPenney Coupons
Bluefly Coupon Codes
Target Promo Codes
Barnes & Noble Coupon Code
Groupon Promo Codes
Amazon Promo Codes
Best Buy Coupons
American Eagle Promo Code
AutoZone Coupons
Walmart Coupon Codes
Next Day Flyers Coupon Codes
Overstock Promo Codes
bebe Coupon Codes
Light In The Box Coupons
SmartBargains Coupons
Bed Bath and Beyond Coupon

Airport Taxi said...

Thats good
Airport Taxi

Airport Taxi said...

it is soo nice

Tom Brian said...

Good post, keep up the good work.
Airport Taxi

Tom Brian said...

Good post, keep up the good work.
Airport Taxi

Airport Taxi said...

I wonder how you got so good. This is really a fascinating blog,
=Airport Taxi
Toronto Airport Taxi
Burlington Airport Taxi
Hamilton Airport Taxi
London Airport Taxi
Kitchener Airport Taxi
Mississauga Airport Taxi
Richmond Hill Airport Taxi
Scarborough Airport Taxi

Airport Taxi said...

I wonder how you got so good. This is really a fascinating blog,
=Airport Taxi
Toronto Airport Taxi
Burlington Airport Taxi
Hamilton Airport Taxi
London Airport Taxi
Kitchener Airport Taxi
Mississauga Airport Taxi
Richmond Hill Airport Taxi
Scarborough Airport Taxi

william max said...

Esto es mas importante que esto otro y some sort of su vez, que esto otro. Truly incredible post, Thank you for imparting This knowledge.excellently composed article.

william max said...

Esto es mas importante que esto otro y some sort of su vez, que esto otro. Truly incredible post, Thank you for imparting This knowledge.excellently composed article.If you interest more please visit Glendale Carpet

uzair ahmed said...

very interesting blog, thanks for sharing.
Custom Essays

Custom Essays said...

very interesting blog, thanks for sharing.
Custom Essays

natalee porterfield said...

such an informative blog.
Cheap Essays

Shabnam said...

Great explanation about this topic and i am new guy to this job thanks to sharing the wClipping Path serviceonderful articles

Search Strings said...

The post is very informative. It is a pleasure reading it.
Search Strings
SEO Company
Google Adwords
Social Media
Web Analytics
Conversion Optimization
Reputation Management

Search Strings said...

thats great
Search Strings
SEO Company
Google Adwords
Social Media
Web Analytics
Conversion Optimization
Reputation Management

Dosage Forms said...

I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post.

Visi Cooler Mumbai said...

A reliable informative post that you have shared and appreciate your work for sharing the information.Got some entertaining information and would like to provide it a try. Applaud your work and keep sharing your information.

Customized Lighting Solutions said...

Truly impressed with your article. I agree that the subject was not much popular and no one was taking the initiative. But because of your initiative its helping other and so it became popular. Please keep follow up on this article. I am expecting more views from you.

Torronto Pearson Aiport Taxi said...

Wooooooow, nice and great post, You shown the creativity work man. Thanks for sharing information here with us good work keep it up.
Toronto Pearson Airport Taxi
Toronto Airport Taxi
Pearson Airport Taxi

pagalworld said...

Good covered point, But i think because know one sure how it will going to happen It looks like just coping ideas which someone has already written. Finally, an affair that I am amorous about and Your armpit is abundantly appreciated.

pagalworld said...

Thanks for providing this information because maintenance is very important.It is great post for me.Keep it up.

pagalworld said...

Good covered point, But i think because know one sure how it will going to happen It looks like just coping ideas which someone has already written. Finally, an affair that I am amorous about and Your armpit is abundantly appreciated.

pagalworld said...

Thanks for providing this information because maintenance is very important.It is great post for me.Keep it up.

zachray taylor said...


Wow amazing stuff I really enjoyed thanks for the amazing stuff.
Cheap Essays

ibogaine thailand said...

Ibogaine is a non-addictive substance that doesn't need to be taken on a continuing basis. Many studies have shown that Ibogaine is a valuable aid in treating physical drug dependency and associated withdrawal symptoms.

ibogaine thailand said...

Ibogaine is a non-addictive substance that doesn't need to be taken on a continuing basis. Many studies have shown that Ibogaine is a valuable aid in treating physical drug dependency and associated withdrawal symptoms.

ibogaine thailand said...

Ibogaine is a non-addictive substance that doesn't need to be taken on a continuing basis. Many studies have shown that Ibogaine is a valuable aid in treating physical drug dependency and associated withdrawal symptoms.

Tina brian said...

and odfyingAwesome post this one realy helped me at my point of confusion :) Realy thanx alot for sharing :) Keep it up ;)
Billy Bishop Airport
YTZ Airport
Taxi to Billy Bishop Airport

Tina brian said...

Awesome post this one realy helped me at my point of confusion :) Realy thanx alot for sharing :) Keep it up ;)
Billy Bishop Airport
YTZ Airport
Taxi to Billy Bishop Airport

pagalworld said...

Hind music has charms to touch the core of minds and hearts of every human within and across the boundaries. The pagalworld offer the convenient availability to download Bollywood songs on just a single click.

pagalworld said...

Hind music has charms to touch the core of minds and hearts of every human within and across the boundaries. The pagalworld offer the convenient availability to download Bollywood songs on just a single click.

pagalworlds said...

Music is the great source to release stress and have enjoyment in life taking a break from the regular tedious work schedule. The pagalworlds plays a vital role to reduce our stress because it offers various Bollywood songs like latest songs, yo yo honey singh songs, etc.

pagalworlds said...

Music is the great source to release stress and have enjoyment in life taking a break from the regular tedious work schedule. The pagalworlds plays a vital role to reduce our stress because it offers various Bollywood songs like latest songs, yo yo honey singh songs, etc.

pagalworlds said...

Whenever people are in the dumps, one of the best manner of cheering themselves up is reading Hindi jokes, funny jokes, Hindi sms and listen to latest Bollywood songs, new Hindi songs, honey singh mp3 songs, Bollywood DJ remix songs and download them free of cost from pagalworld.

pagalworlds said...

Humor can enlighten us by helping us keep cool, calm and collected. Spread humor in your surroundings by reading Hindi sms, funny jokes, Hindi jokes and listening songs like Yo Yo Honey Singh mp3 songs, Bollywood songs 2014 and get the facility from pagalworld of Hindi songs free download.

1220 said...

info khusus untuk pria wanita dewasa, kami jual alat bantu sex mnyediakan berbagai macam penis silikon, penis palsu ini merupakan peralatan yang dapat di gunakan kaum wanita untuk di jadikan alat pelampiasan hasrat seksual. selain penis mainan sex wanita kami juga juga jual vagina silikon yang dapat di pakai pria untuk onani / masturbasi.

alat sex wanita said...

info khusus untuk pria wanita dewasa, kami jual alat bantu sex mnyediakan berbagai macam penis silikon, penis palsu ini merupakan peralatan yang dapat di gunakan kaum wanita untuk di jadikan alat pelampiasan hasrat seksual. selain penis mainan sex wanita kami juga juga jual vagina silikon yang dapat di pakai pria untuk onani / masturbasi.

alat sex wanita said...

info khusus untuk pria wanita dewasa, kami jual alat bantu sex mnyediakan berbagai macam penis silikon, penis palsu ini merupakan peralatan yang dapat di gunakan kaum wanita untuk di jadikan alat pelampiasan hasrat seksual. selain penis mainan sex wanita kami juga juga jual vagina silikon yang dapat di pakai pria untuk onani / masturbasi.

pagalworld said...

Humor is an inexpensive, yet priceless tool in your relationship tool box. You can regularly sharpen this tool from pagalworld by making surrounding happier through spreading funny jokes, Hindi jokes and listen to new Hindi songs, Honey Singh songs, 2014 Hindi mp3 songs and also download them.

pagalworlds said...

Whenever people are in the dumps, one of the best manner of cheering themselves up is reading Hindi jokes, funny jokes, Hindi sms and listen to latest Bollywood songs, new Hindi songs, honey singh mp3 songs, Bollywood DJ remix songs and download them free of cost from pagalworld.

Anonymous said...

http://niazmezon.ir/
http://speedvpn.ir/
http://niazmezon.ir/
http://www.uwsb.in/

Anonymous said...

very good

خرید لباس زنانه خريد vpn خريد vpn پوشاک زنانه

Accredited GED Online said...

such a great work has done thanks for sharing and keep it up

Play Online Poker said...

Nice post!

get rid of cellulite said...

Amazing! Its definitely great paragraph, I've got considerably clear idea about from this post.
KLEBE BH

Play Poker said...

Nice blog!

Ferris said...

Diseño web en Mexico DF, En Merca-Tech somos especialistas en el diseño de sitios web profesionales con administrador de contenidos, carritos de compras y posicionamiento en buscadores

Contect: - opotla, Miguel Hidalgo
México, D.F.
11400
+55 6390-6045
info@merca-tech.com.mx
=========

René Descartes, Filósofo Matemático said...

Interesante diseño inclusive para una etiqueta

René Descartes, Filósofo Matemático said...

Interesante diseño inclusive para una etiqueta

Karan said...

Superb post this is one really helped me,,

Songspk said...

its a good .

Bhoomi Desai said...

This is very effective way of writing a blog, I am really impressed from such type of comments, keep it continue in the future... Forex tips

Poker game said...

The photos collection are very good .. awesome collection of kaftan really mindblowing thing liked it.

Maya Angelou said...

excellent post
Hijama Therapy Training Courses
Hijama Therapy London
Prophetic Medicine Course
Wet Cupping Therapy Course
Diploma in Hijama Therapy

Maya Angelou said...

excellent post
Hijama Therapy Training Courses
Hijama Therapy London
Prophetic Medicine Course
Wet Cupping Therapy Course
Diploma in Hijama Therapy

Maya Angelou said...

amazing post
Storage services dubai
Furniture Installation In Dubai
Moving and Storage
Movers And Packers
International relocation companies in Dubai
Mover companies in dubai

Jessica Amy said...

Great Sharing!
Niagara Falls Airport Taxi
Richmond Hill Airport Taxi
Markham Airport Taxi
Vaughan Airport Taxi
Pickering Airport Taxi

Harpreet said...

nice blog..!

Play Online Poker said...

Awesome post. I would like to say thanks for your efforts. Good job! Keep sharing. I will come back soon for your future updates.

Raja said...

Happy Independence Day 2015

Happy Independence Day 2015 SMS


Happy Independence Day 2015 Messages

Thanks for the article this is very nice and amazing

Happy Independence Day 2015 Poems

Happy Independence Day 2015 Shayaris

Happy Independence Day 2015 Quotes

Happy Independence Day 2015 Saying

http://www.happyindependenceday2015i.com/

Pangako Sayo 2015 Episode

Hindi Tv Shows

Pinoy TV Shows


Hindi and Pinoy TV Shows Online

Poker game said...

Wooooooow, nice and great post......

Rummy games said...

Thank you for sharing this!

rehan said...

The info you provided in the blog that was really unique I love it!!!
Dermstore Coupon Code
6pm Coupon Code
Walgreens Coupon Code

Clipping path service India said...

Thanks for the post and sharing the blog. Valuable and excellent post, as share good stuff with good ideas and concepts.
lots of great information and inspiration. I just would like to say thanks for your great efforts.
I appreciate your excellent post.

Clipping path service India said...

Thanks for the post and sharing the blog. Valuable and excellent post, as share good stuff with good ideas and concepts.
lots of great information and inspiration. I just would like to say thanks for your great efforts.
I appreciate your excellent post.

all tv channels said...

Pakistani Dramas Online

Ultimate Gangster said...

http://www.1-street.com/

http://www.1-street.com/pinoy-tv-shows/

Ultimate Gangster said...

Pinoy Tv Show

Rummy Reviews said...

Great blog and good info!!

«Oldest ‹Older   201 – 268 of 268   Newer› Newest»