La jerarquía y la composición

portadaCuando 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.
1Por 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?
2
3En 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.
4En 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.
6En 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.
7¿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.
8Otra 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.
9Muy 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.
10La 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.
116. 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.
12Por 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.

I simply want to mention I am very new to weblog and certainly loved your web-site. Very likely I’m likely to bookmark your site . You actually come with incredible posts. Cheers for sharing your web site.

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 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 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.

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.

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.

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.

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.

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.

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.

The Secret Survey: Michael Fiore Takes You Inside The Male Mind And Reveals The Most Highly Guarded Secrets Every Man Wants You To Know But Could Never Tell You…If You’re A Woman, This Is Pure Gold!…

Oh! Amazing and really wealthy content and very helpful data. I got it my answer from over here. I highly suggest his/her workings with the useful informative information. Thanks a allotment.online casino

If truth be told awe-inspiring toil with the blog. I do akin to your durable employment and will hang around for more post from you as post gave me satisfaction and gives some helps to do same work right here. Thanks a lot…………………………bonuses casino

After reading your article I was amazed. I know that you explain it very well. And I hope that other readers will also experience how I feel after reading your article. I feel very grateful that I read this. It is very helpful and very informative and I really learned a lot from it.
aa reviews

After reading your article I was amazed. I know that you explain it very well. And I hope that other readers will also experience how I feel after reading your article. I feel very grateful that I read this. It is very helpful and very informative and I really learned a lot from it.
aa reviews

I enjoyed reading you post. Usually writing skills is attained via practice: e. I am sharing it with my other friends on social networking sites,as the information is really very useful. Keep sharing your excellent work.
clipping path

I came across on your site when doing a research about how to lose weight, lam actually 6lbs over weight and is putting a lot of pressure on my heart. Nevertheless, l will add your site to my group of reference sites.

This is the initial instance I stopover this blog. Really this is grand employment with the blog. It is incredibly happiness to acquire it as I got gigantic helps right here. I exceedingly be pleased about the bloggers workings and will kill time for more post from the admin. check cashing corona

This is the primary occasion I stopover this blog. Actually this is overwhelming labor with the blog. It is extremely enjoyment to obtain it as I got enormous helps right here. I extremely be grateful for the bloggers workings and will stay for more post from the direction. essay writing service

Hola!
Conocí el blog hace unos días y me interesan mucho los contenidos que posteas. Me parece que cubren un espacio de información muy necesario para el público latinoamericano, ya que brindan data que no es tan facil de encontrar, y menos agrupada toda en una sola página. Quería sugerir si podría enviarte un artículo acerca de crowdsourcing. El crowdsorucing es una nueva modalidad de diseño que ofrece un diseño a pedido del consumidor, (logo, página web, folleto…) más fácil y acesible a todos los negocios del mundo. Fusiona la comunidad del diseño y de los negocios en una plataforma para estimular la creatividad y profesionalismo. Un cliente pide un diseño y miles de diseñadpres presentan sus propuestas, el cliente elige la que mas le gusta y solo paga por ella. Choosa es un portal de crowdsourcing internacional que se esta lanzando en latinoamerica y ayudaría mucho a los diseñadores que a diario buscan informacion o trabajo en su portal y tambien a los emprendedores que quieran poner en marcha su empresa. Si están de acuerdo, un periodista profesional escribiría el artículo donde se explican las características y el funcionamiento del crowdsourcing, asi como sus beneficios. O si prefieren, puedo enviarles toda la información para que lo hagan aquellos que escriben los artículos en su página. Les dejo la página para que la visiten, http://www.choosa.net/es
Espero su respuesta,
Desde ya muchas gracias
Clara

We stand behind the quality Cheap Costumes the products we sell, so we offer excellent quality for all items on our site.. Do you ever examine yourself to many others? The instant you’re in the action of researching, whether or not you experience people fall short and / or feel great as compared to, you are in the issue.. Read More ». Unit was pulled from Mascot Costumes working printer and guaranteed operational. Please hurry up, the price may be changed without notice!!!. A 2 step selection process, including hand selection, ensures that only nuts 11 to 13mm in diameter go into our delicious dark chocolate with 50 percent cocoa. VERSACE VERSENSE by Gianni Versace for WOMEN: EDT .17 OZ MINI (note* minis approximately 1-2 inches in height) Make sure you only buy from this website.

authentic football jerseysThe WLA set out to replace men in the fields, the milking parlours and the forests for the duration. These will only make you far more sleepy than before even when for the initial few minutes it will really feel as if they may be invigorating you. authentic jerseys. First of all, players have to make the adjustment from the system their team ran in college to the one employed by their new team in the NFL. Some experts are saying that the Saints are better on the ground even with their success in the air. What this means for the consumer is more and better choices at more competitive prices are in the offing as cable tv services try desperately to keep the subscribers they have which is much cheaper than trying to lure people away from 揟he Dish? And if you love Pro Football like I do there is no other choice but DirecTV and NFL SUNDAY TICKET. nfl football jerseys

Great article. I came across on your site when doing a research about how to lose weight, lam actually 6lbs over weight and is putting a lot of pressure on my heart. Nevertheless, l will add your site to my group of reference sites.

y aficionado a crearlas (no todo lo bien que me gustaría) he empezado a leer y no he podido parar, la verdad se ve que sabes de lo que hablas (cosa que muchos “diseñadores no saben” y más aún que el nivel educativo en Chile con respecto al menos al diseño deja a las escuelas Españolas al nivel del fondo marino del atlántico. Por mi trabajo en una imprenta encuentro a muchos “diseñadores” que no saben las diferencias entre CMYK y RGB …. así que me ha encantado todo lo relativo no sólo a las tipografías sino todo al completo… Enhorabuena y seguiré con atención lo que vayas publicando..jerseys cheap
cheap football jerseys

This is the perfect blog for anyone who wants to know about this topic. The article is nice and it’s pleasant to read. I have known very important things over here. I admire the valuable advice you make available in your expertly written content. I want to thank you for this informative read; I really appreciate sharing this great.

Thanks for posting this informative article. I haven’t any word to appreciate this post.Really i am impressed from this post. The person who creates this post it was a great human. Thanks for shared this with us.

Creo que no tengo más que agregar, ya lo han dicho todo.
Sigo tu blog hace tiempo. Fui el que te envió el aggregation con la foto comentándote que te habían mencionado en la revista española Visible.
E puesto un extracto en mi journal a modo de difusión, espero que no te moleste.
Saludos, y gracias, por todo el relevant que aportas a la comunidad.

Creo que no tengo más que agregar, ya lo han dicho todo.
Sigo tu journal hace tiempo. Fui el que te envió el accumulation con la foto comentándote que te habían mencionado en la revista española VISUAL.
E puesto un extracto en mi diary a modo de difusión, espero que no te moleste.
Saludos, y gracias, por todo el real que aportas a la comunidad.

Wonderful post. I am searching awesome news and idea. What I have found from your site, it is actually highly content. You have spent long time for this post. It’s a very useful and interesting site. Thanks!

Your article super glued me to read it fully without bringing to a halt which shows that your writing and groundwork of information is really marvelous. It was informative and stirring article.

Nice to be visiting your blog again, it has been months for me. Well this article that I’ve been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.

this is one of the best posts that I’ve ever seen; you may include some more ideas in the same theme. I’m still waiting for some interesting thoughts from your side in your next post.

Easily, the post is really the sweetest on this worthwhile topic. I fit in with your conclusions and will eagerly look forward to your approaching updates. Saying thanks will not just be sufficient, for the exceptional clarity in your writing. I will immediately grab your rss feed to stay privy of any updates.

Això és realment interessant, ets un blogger molt hàbil. M’he unit a la seva alimentació i esperem que busquen més del seu missatge meravellós. A més, he compartit el seu lloc en els meus xarxes socials !

Really great post, Thank you for sharing This knowledge.Excellently written article, if only all bloggers offered the same level of content as you, the internet would be a much better place. Please keep it up!

Thank you for sharing to us.there are many person searching about that now they will find enough resources by your post.I would like to join your blog anyway so please continue sharing with us

It’s awesome blog post here…. really very interesting for reading….. I enjoyed it. Thanks for the share…. just keep posting such an informative articles, I want to know more about this topic.

Hola Juan Pablo, podrias ponerte en contacto conmigo? Es para pedirte la autorización para reproducir tu articulo en otra pàgina web, evidentemente junto a la fuente y el enlace correspondiente.

Hello.. Firstly I would like to send greetings to all readers. After this, I recognize the content so interesting about this article. For me personally I liked all the information. I would like to know of cases like this more often. In my personal experience I might mention a book called Green Parks Costa Rica in this book that I mentioned have very interesting topics, and also you have much to do with the main theme of this article.

To start with I would like to congratulate the cradores of this blog, mainly because when I read it I enjoyed it very much. A few years ago I attended a conference called guanacaste costa rica real estate, at that conference had many interesting topics. Perhaps readers may find no relationship between the blog and this conference, but if someday can attend, would realize that there is much to do with this blog.

Excelente artículo. Me voy a dar una buena vuelta por el blog en cuanto tenga algo más de tiempo.
¿Podrías mencionar algo de bibliografía al respecto?
Gracias por compartir.

Muy buen post, gracias por compartir! En el último caso, difiero, entiendo que la importancia lo tienen los dos rectángulos alineados (no solamente el de la izquierda), porque “rompen” con la estructura visual.

Abrazos!

Está bien lo que cuentas, no sé si lo sacaste de aqui pero lo que cuentas básicamente son las leyes de la Gestalt. Hay un libro de D.A. Dondis donde explica todo esto profundizando mucho más “La sintaxis de la imagen”.
Saludos.

Xènia

hola, muy bueno tu blog amigo, llegue aca de casualidad y me gusto mucho la informacion que dejas, es muy interesante y muy educativa, te invito a que visites mi blog, es de un grupo de estudiantes de diseño grafico de la uba, decidimos armar algo simple para exponer algunas ideas e informacion de la catedra de diseño 1 de la UBA.
en fin…segui asi que esta muy bueno el blog
saludos

http://www.allfunction.blogspot.com

Creo que no tengo más que agregar, ya lo han dicho todo.
Sigo tu blog hace tiempo. Fui el que te envió el mail con la foto comentándote que te habían mencionado en la revista española VISUAL.
E puesto un extracto en mi blog a modo de difusión, espero que no te moleste.
Saludos, y gracias, por todo el material que aportas a la comunidad.

Muy buena la entrada, y sobretodo INTERESANTE. Me alegro de haber encontrado tu blog, si veo para ello,la opción me hago seguidora.

¡Saludos!

hummmm ok eh leido todo su blog xD es increible el contenido y creo que puedo responder mi propia pregunta jaja no debo buscar tipografias si no crearlos o por ultimo modificar alguna a mi gusto creo que ya no tengo dudas 🙂

mmmm tal ves solo en algunos conceptos ya que soy nuevo en el mundo de la tipografias

nuevamente un saludo y espero ansioso el proximo post 🙂

hola

e quedado impactado por su blog es muy bueno el contenido y los ejemplos es un deleite para leer 🙂

se a ganado un seguidor mas, me gusto leer tanto sobre las tipografias pues como estudiante (si soy estudiante aun xD) es muy util ummm aun no e leido todos los articulos pero si tiene algun post sobre como relacionar texto e imagen le agradeceria mucho ya que ago pequeñas ilustraciones y quisiera saber como complementarlo con tipografias 🙂

un saludo

PD: humm ah si no es mucha mlestia le dejo mi blog “el cafe cibernetico” http://poetastro-n.blogspot.com/ quisiera una opinion te un profesional 🙂

No te olvides de nosotros amigo, te extrañamos mucho. No dejes de escribir por tanto tiempo. Saludos desde la hermana república mexicana.

Hola, valió la pena la espera, gracias por compartir.

Ademáseo que tienes bastante audienciaentre ellos un gran diseñador y amigo Tzek, felicidades y sigue adelante.

Esperamos más aportes.

A tus ordenes.

Ricardo Meraz

Excelente blog y excelente post.

En general la manera de destacar un objeto dentro de una composicion es “rompiendo la armonia”, como en el ejemplo del cuadro rotado dentro de cuadros.

asi la palabra CREPUSCULO con un pequeño resalte (lo dejo a su imaginacion) pasa al lector “otra” informacion y de paso se crea un nuevo objeto (dentro del objeto primario: palabra crepusculo)

personalmente me gusta el concepto con que la pintura japonesa trata el “blanco” del papel.

Hace tiempo encontré este blog mientras preparaba una conferencia sobre tipografía para mis compañeros de clase y me fue de gran ayuda, lastima que aún no estaba publicada esta entrada pues yo les explique todo esto pero de una manera mucho más aburrida y sin ejemplos visuales tan atractivos y claros.
De todos modos me ha encantado leer este post y recordar cosas tan basicas como estas pero que desgraciadamente por el hecho de ser tan basicas se pasan por alto.
Enhorabuena por el blog!!

Está muy bueno el post en particular y también el blog en general.

Es muy grato encontrar sitios donde se comparta infomación “de la básica” pero que muchas veces no está al fácil alcance. También el lenguaje y los ejemplos visuales que utilizas son super accesibles al rápido y correcto entendimiento. Esto lo digo como diseñador, profesor y amante de las comunicaciones.

Mis felicitaciones por la iniciativa y ha sido un gusto llegar a tu blog.

Saludos al autor.
Y a todos los que pasan por acá, invitación abierta a visitar mi blog.

Hola…hoy he llegado a tu blog redireccionado, como amante de las tipografias, y aficionado a crearlas (no todo lo bien que me gustaría) he empezado a leer y no he podido parar, la verdad se ve que sabes de lo que hablas (cosa que muchos “diseñadores no saben” y más aún que el nivel educativo en Chile con respecto al menos al diseño deja a las escuelas Españolas al nivel del fondo marino del atlántico. Por mi trabajo en una imprenta encuentro a muchos “diseñadores” que no saben las diferencias entre CMYK y RGB …. así que me ha encantado todo lo relativo no sólo a las tipografías sino todo al completo… Enhorabuena y seguiré con atención lo que vayas publicando…..

Muy bueno la idea que queres transmitir.Lo importante no es impactar sino dirigir,comunicar a tráves del diseño un ojeto o escritura.