Jerarquía, contraste y espacio en blanco

Jerarquía

La organización de elementos visuales, de mayor a menor y de más importante a menos.

Contraste

Capacidad de los elementos de llamar la atención en el diseño.

Espacio en blanco

El espacio en blanco o espacio vacio ocupa un espacio. El espacio vacio permite resaltar mayormente a los elementos importantes.

oscar Ivan Toro Gonzalez

hay un libro que se llama fundamentos del diseño de wucius wong es buenísimo se los recomiendo

Daniel Andres Dobles Franquiz

Jerarquía:

La jerarquía en diseño se refiere a cómo organizas y presentas elementos para guiar la atención del espectador hacia los aspectos más importantes de tu diseño. Puedes lograrlo utilizando diferencias visuales en tamaño, color, forma y posición. Al crear jerarquía, estás indicando qué elementos son más relevantes y cómo deben ser interpretados en relación con otros.

En una página web, por ejemplo, la jerarquía podría manifestarse en el tamaño más grande de los títulos, lo que indica su importancia, mientras que los subtítulos y el cuerpo del texto serían más pequeños en comparación.

Contraste:

El contraste se trata de resaltar diferencias visuales entre elementos en tu diseño. Estas diferencias pueden ser de color, tamaño, forma, textura, entre otros. El contraste es esencial para atraer la atención a elementos específicos y crear claridad en la comunicación visual.

En un cartel, por ejemplo, un contraste de colores entre el fondo y el texto puede hacer que el texto sea legible y se destaque claramente. El contraste también puede utilizarse para crear énfasis y añadir profundidad visual a tus diseños.

Espacio en Blanco (Espacio Negativo o Espacio Vacío):

El espacio en blanco se refiere al área vacía o no ocupada en un diseño. Aunque a primera vista puede parecer “vacío”, el espacio en blanco es una herramienta fundamental para dar equilibrio, claridad y respiro a tu diseño. Puede ayudar a separar elementos, mejorar la legibilidad y crear una experiencia visual más agradable.

En un anuncio, por ejemplo, el espacio en blanco alrededor de un producto puede permitir que el producto se destaque y sea más fácil de entender. El espacio en blanco también puede dar lugar a una sensación de elegancia y sofisticación.

Combinando los Conceptos:

Estos conceptos no solo se utilizan de forma aislada, sino que se combinan para lograr un diseño efectivo. Por ejemplo, al utilizar contraste en tamaño y color, puedes establecer una jerarquía visual clara entre elementos. El espacio en blanco puede ayudar a enfocar la atención en la información más importante, al mismo tiempo que proporciona un equilibrio visual.

Al aplicar estos conceptos en conjunto, puedes crear diseños que sean atractivos, comprensibles y capaces de comunicar tu mensaje de manera efectiva.

Mariana Orihuela

Jerarquía: imagen > marca
Contraste: fondo oscuro, figura rojiza.
Espacio en blanco: fondo limpio sin distractores.
Leyes de Gestalt: figura-fondo y cierre.

Kenneth

![](https://pin.it/4XYiSFO)![](https://pin.it/4XYiSFO)![](https://static.platzi.com/media/user_upload/descarga-bdf732b4-f42f-439f-bf89-1be081bcfae2.jpg) * Jerarquía: El logo es el objeto mas grande, le siguen las letras. * Contraste: Fondo Negro y su contraste blanco, letras blancas * Espacio en blanco / Espacio Vacio. Ademas de esto la imagen usa una ley de la Gestald la cual es "Figura Fondo" Donde se ve el tenedor, pero también se ven unas botellas de vino.

Kelly María Ahon Farroñan

hace 6 meses

![](https://static.platzi.com/media/user_upload/image-3afcc1e8-7259-4989-b718-aaa7ee3970e1.jpg) #### Jerarquía * La organización de elementos visuales, **Grano de café, seguido del líquido y la taza.** #### Contraste * Capacidad de los elementos de llamar la **el líquido de café genera al caer en la taza un contraste, movimiento y fuerzo al ver como fluye en la taza**. #### Espacio en blanco * El espacio en blanco o espacio vacio ocupa un espacio. **El espacio vacio de color rojo permite resaltar el café en sus diferentes facetas importantes, resaltando su escencia.**

Soledad Hernández Modesto

esta imagen esta cumpliendo las leyes complementarias ademas de alguna de la gestalt

Fabián Cortes

Este me pareció muy bueno
https://pin.it/4dCjvHR

Gabriela Morales

Me gustó mucho este, tiene los tres https://powertotheposter.com/index.php?p=posters/no16

Carlos Andres Clavijo Villa

![](https://static.platzi.com/media/user_upload/image-9c836a27-46ea-43be-a02d-6e9cf850af1b.jpg) En la anterior pieza gráfica, observamos las leyes enseñadas en la clase. Jerarquía tanto en la tipografía como en la imagen. Contraste, que aunque son de un solo tono se maneja para que contrasten entre sí y el espacio en blanco para no saturar y que la vista se centre en la imagen y su información.

Camila Noel Pungitore

[](

Tiene contraste fuerte con el fondo oscuro el logo de mc amarillo saturado.
Tiene un monton de espacio en blanco que te permite centrarte en el mencaje principal.
Jerarquia comenzando en el color saturado, pasando sal auto en azul y por ultimo el mensaje abajo del afiche con un mensaje claro.

Dilary Montero Riera

en esta imagen pude apreciar la jerarquia dirijiendo mi atencion pricipoalmente a los personajes, luego el contrate y el espacio en blanco.![](https://i.postimg.cc/90tmdjpx/fac42d0c8d0d4b3f99115a6e52e18bdd.jpg)

Pablo Aliaga Calzado

![](https://i.pinimg.com/564x/93/84/ed/9384edc37d523961128adf1a6a4a5fb1.jpg) se puede ver la jerarquía y contraste del sujeto principal enfocado con respecto al resto

Melisa del Valle Barrera

hace 6 meses

![](https://static.platzi.com/media/user_upload/image-83340d54-3c1f-4411-b4c2-b4c2e5a12c94.jpg) ¡Hola! En esta pieza tenemos a los personajes y la escena que contrastan con el fondo liso. Este contraste también le da jerarquía al título o nombre de la serie. Además, en el dibujo se genera una jerarquía entre los personajes.

Yesenia Jimenez Cardenas

https://ar.pinterest.com/pin/124904589654632180/ Jerarquia, contraste y espacio en blanco

Mariana Parra

jerarquia y contraste:
https://i.pinimg.com/564x/cd/b9/d8/cdb9d81d34bdf4381ccc690eb613e89e.jpg

Belén Valdez

Acá dejo el link a una imagen de pinterest que cuenta con Jerarquía, contraste y espacio en blanco, sumado con la ley de la Gestalt de “Figura fondo” https://ar.pinterest.com/pin/563018694369731/ 🤓

Michelle Alarcón

![](https://static.platzi.com/media/user_upload/image-7eb6312d-72d8-4856-81e8-9d259a438298.jpg)Ejemplo de estos fundamentos Jerarquia, contraste y espacio en blanco.

Leandro Baldo

![](https://static.platzi.com/media/user_upload/Buena%20Publicidad%20on%20Twitter-dfa47dbc-4ccb-4fb2-968a-c3bb5e30603a.jpg) Se puede observar jerarquía en el logo constaste en la utilización predominante del color y que hace referencia ala marca junto con el espacio en blanco.

Matias Acosta

* **Jerarquia:** Se podría traducir simplemente como orden. La organización de elementos visuales, de mayor a menor y de más importante a menos. Siempre tiene que haber algo más grande, mas prominente o pronunciado para que nuestro cerebro dirija primero su mirada ahí. * **Contraste** Un elemento resalta mas que otros. Lo que se busca es que el mensaje se transmita rapidamente con una imagen muy rápida. * **Espacio en blanco / Espacio en negativo.** No significa que debe ser de color blanco, si no que debe de ser aire, espacio vacío. Es algo que nos ayuda a enfocarnos en el mensaje. Este espacio en blanco no es un espacio desperdiciado. Es una forma de que podamos entender más rápido el mensaje y de que no hayan elementos distractores. Esto se utiliza para que nuestra mirada vaya puntualmente a donde tiene que ir.

Nieves Garcia

hace 7 meses

![](https://static.platzi.com/media/user_upload/image-e7f7d7e5-d393-4be7-b8ca-5e452b511297.jpg)

Víctor Daniel Hernández Bermúdez

En este anuncio podemos encontrar **espacio en blanco** que funciona para dar a entender el tamaño del producto, El **contraste** en donde el producto es lo que más resalta y la **jerarquía** entre la imagen del producto y el texto. ![](https://static.platzi.com/media/user_upload/image-c31006bd-dbbc-44e5-aa01-d97036905ce6.jpg)

wilson guevara

Jerarquía: las chicas son el elemento princial Constraste: resalta las dos chicas Espacio en blanco: la arena y el cielo forman un corazon ![](https://i.pinimg.com/originals/da/94/fd/da94fda4e7caebabb0824378756329fc.jpg)

Ángela Torres

![](https://static.platzi.com/media/user_upload/basketball-is-in-my-dna-jan-deelmann-269bd7ab-0f06-440e-9482-da29261f76e1.jpg)![]()![]() ```js Jerarquía: nos enfoca a la idea central de representar un balón de básquetbol y el orden que llevan entre cada uno de los textos que contiene la composición tanto en su tamaño y ubicación. Contraste: Con el uso de los colores como el blanco y el llamativo naranja sobre negro Espacio en blanco o creería que en negativo: por el uso del negro como color de fondo y el espacio vacío que genera alrededor los elementos de la composición para destacarla ```

Gabriela Ogando

![]()![]()![]()![](https://static.platzi.com/media/user_upload/Imagen%20de%20WhatsApp%202024-01-20%20a%20las%2009.42.18_59c8cbcd-5a32bffd-8f60-41ac-ad07-9c22a6761e7f.jpg)

Walter Gabriel Sberna

hace un mes

Afiche que reúne las tres: Jerarquía, contraste y espacio en blanco 💪 ![]() ![](https://static.platzi.com/media/user_upload/afiche-aa048446-a167-42bf-b97c-d8b0499eef51.jpg)

Alejo Barrios

hace un mes

Estos detalles importantes me ayudarán a mejorar mis exigencias como profesional, si bien he aplicado mis conocimientos dentro de los aspectos audiovisuales como comunicador social, esto me permite ampliar mis horizontes, simplemente excelente

Lina Marcela Paz Cuello

hace 3 meses

![](https://pin.it/4LMLEyaSk)![](https://pin.it/4LMLEyaSk)Jerarquía: La marca de la bebida que con texto, envase o colores ya genera una referencia, tiene toda la atención. Contraste: La bebida es el centro de todo y hace que resalte y llame la atención el juego que se hace con las burbujas de gas. Espacio en blanco: Los colores utilizados no son ajenos a la marca y aunque el fondo es llamativo, la atención sigue estando en al bebida.

James Zabala

hace 3 meses

![](https://static.platzi.com/media/user_upload/image-b3bb1af4-c60e-4658-8a99-372bbd109f23.jpg)![](https://static.platzi.com/media/user_upload/image-046a4709-dd8c-4270-857c-772cdafaece2.jpg)

MARIA TERESA PANIAGUA RIVERA

hace 3 meses

Gracias

Ernesto Campos Villa

<https://pin.it/2b5nQhPvq>

Manuela Arechaga

La siguiente imagen posee jerarquía y contraste https://pin.it/5d0fQpDxx

Manuela Arechaga

Cuán importante es tener en cuenta estos conceptos básicos del diseño 🙌🏼

Laura Sofia Vallejo Bermúdez

![](https://static.platzi.com/media/user_upload/image-3d9226d4-88a3-41ea-9c54-94b6bd88f100.jpg)

Laura Sofia Vallejo Bermúdez

![](https://static.platzi.com/media/user_upload/image-3837b707-6ed0-4753-965e-c44a34395bf8.jpg)

Israel Gonzalez

![](https://static.platzi.com/media/user_upload/d6614940-e1eb-4a62-a1d1-1ecefaa4b885-4c6d8aab-148e-4ade-8199-200b9d7528ec.jpg)

Diana Karen Diaz Romero

[WebMuseum: Malevich, Kasimir: Suprematist Compositions (pinterest.com.mx)](https://www.pinterest.com.mx/pin/716002040777694581/)

Dina Linina

En esta imagen se puede ver: Jerarquía - el nombre de la revista que resalta a la primera vista Contraste - letras de color oscuro en el lienzo claro, los labios y el ojo El espacio en blanco - 3 elementos focales elementos en el fondo claro![](https://pin.it/1ApA5eDAo)

Dina Linina

![](https://1drv.ms/i/c/c1ef77bdbc856479/EWjDh0dZIjBDm5vQ1EY8y3AB6Z6b13tSF82cqew6lCbqxg?e=ugeh7u)En esta imagen se puede ver: Jerarquía - el nombre de la revista que resalta a la primera vista Contraste - letras de color oscuro en el lienzo claro, los labios y el ojo El espacio en blanco - 3 elementos focales elementos en el fondo claro

Karen Loaiza Castro

Jerarquía Contraste Espacio en blanco o en negativo ![](https://static.platzi.com/media/user_upload/descarga%20%281%29-6967ab9d-5d4e-4d4d-a9bc-e847bb894a43.jpg)

Edid Carrero Ramírez

no he podido insertar la foto de muestra de jerarquia y espacio en blanco

Edid Carrero Ramírez

![](foto1)![]()

Karen Benites Segura

hace 7 meses

Aquí vemos dos principios: el de jerarquía: el grupo es el protagonista, por lo que ocupa más espacio en la composición, y las letras son más pequeñas porque ofrecen información adicional. Incluso en los títulos vemos jerarquía: resalta el título porque es el tema principal de la imagen (nombre del álbum) y abajo un subtítulo más pequeño con información adicional (es un álbum diferente al anterior con el mismo nombre). Además, veo el principio de contrastre ya que los títulos son en blanco, resaltando del tono gris de la imagen y equilibrando la composición haciendo que el cerebro también le preste atención a las letras y no sólo a las personas del grupo. ![](https://static.platzi.com/media/user_upload/image-0901064c-56f3-4de1-9326-47abb95ee303.jpg)

Adriana Dominguez

![](https://pin.it/6x2b7izyt)Hola! Gracias a todos por los aportes y por la clase. Clarísimos los conceptos. Yo busqué y encontré está imagen en Pinterest. Aplican los 3 principios. ![](https://pin.it/6x2b7izyt)

Julián Felipe Sánchez Leguizamón

![](https://static.platzi.com/media/user_upload/image-8e3bd40b-5d5b-4ef6-90b7-dd04b2925fe9.jpg)

Magali Morán Díaz

También sirve mucho el libro Non-designers design book de Robbin Williams :D

Manuel Ortiz

![](https://i.pinimg.com/564x/25/5b/56/255b569a367f7e6e7dbb7926f5a83fa4.jpg)

Edelweis Galindo

Jerarquía: Los elementos están distribuidos de manera que el producto es el protagonista del mensaje, es el más grande y está situado en el centro, en tamaño le sigue el texto Time to refuel? Haciendo énfasis al mensaje y por último más pequeño pero no menos importante, el logotipo de la marca. Contraste: los colores vivos del producto llaman la atención entre los demás colores que acompañan el diseño. Espacio en blanco: permite concentrar la mirada en el centro donde se encuentra el protagonista: el McCafé

boris ardila

![](https://static.platzi.com/media/user_upload/image-c1472020-497d-47b4-b73d-abbf19a8c9e8.jpg)

EDWIN ALEXANDER PARRA GOMEZ

![](https://static.platzi.com/media/user_upload/Designer-6edd2238-fc76-4fb2-821d-acd6f2b8fe67.jpg)

nicolas murcia arango

Estos post me parecieron muy experimentales usando gran parte de las reglas. [Acid Wave Poster Series en Behance](https://www.behance.net/gallery/160624335/Acid-Wave-Poster-Series?tracking_source=search_projects\&l=5)

nicolas murcia arango

![]()![](<Captura de pantalla 2023-12-05 a la(s) 12.13.32 p. m.>)

Edith Johana Colmenares Contreras

1. Jearquia : El numero 13 2. Contraste : el color rojo 3. El esapcio en blanco : la parte de abajo no tiene mayor objetos que desvien el ojo de la persona , solo hay un pequeñpo texto , asi que el foco sera el numero ![](https://static.platzi.com/media/user_upload/Captura%20de%20pantalla%20%28712%29-3bb1a618-bb90-43a1-97fd-94fa5a9824e8.jpg)

Juan Diego Paredes Hoyos

Aquí mi ejemplo de jerarquía y constraste

Olivia Romero

![](https://pin.it/7bnLjA3)`Esta imagen me gustó mucho, aplica el fundamento de espacio en blanco ya que no hay nada más en la imagen que el elemento central resaltándolo. También aplica el fundamento de contraste puesto que el elemento principal está en negro sobre el fondo completamente blanco.`

Olivia Romero

<https://pin.it/7bnLjA3> Esta es la imagen que el anterior mensaje no se visualiza.

Luis Tanicuchí

Esta imagen me parecio excelente https://i.pinimg.com/564x/d7/84/09/d784092e16fca9599bd7364bbf9016fd.jpg

Mauricio Carrasco

Este <https://co.pinterest.com/pin/37084396922673025/> tiene Jerarquía y figura fondo.

Andrea juliana Epalza peña

![](https://th.bing.com/th/id/R.6f4e70b138bb4950d8e6ef2739426748?rik=K5OAZabnMn5BqA\&riu=http%3a%2f%2f1.bp.blogspot.com%2f-dP8FZBHvTdM%2fTp6zUn_5viI%2fAAAAAAAAADU%2fl5gM1pXRIcI%2fs1600%2fposterstop1.jpg\&ehk=icFcxTFTvYkdeKv%2fOM%2fv00EJ3o%2fJyPQlTU42DeVk8tQ%3d\&risl=\&pid=ImgRaw\&r=0)

Yeni Catalina Castelblanco Jimenez

Siulexhy Carolina Mendoza Ocanto