Introducción al Diseño

1

Bienvenidos al Curso de Fundamentos de Diseño

2

¿Qué es el diseño?

3

El objetivo del diseño

Principios del Diseño

4

Comunicación efectiva en el diseño

5

¿Qué es el contraste?

6

¿Qué es el concepto?

7

Diseño universal

8

Qué es diseño atemporal

9

El boceto

10

¿Qué son los elementos visuales?

11

¿Qué es la alineación en diseño?

12

¿Qué es la síntesis gráfica?

Composición

13

La composición y su función

14

Unidad visual y principios de la Gestalt

15

Balance o equilibrio visual

16

Dirección Visual

17

Tipos del balance visual

18

Aplicación de elementos de composición

19

Movimiento

20

Estructuras naturales

21

Patrones de lectura

22

¿Qué es el ritmo?

23

Ejercicios de composición

Jerarquía

24

¿Qué es la Jerarquía?

25

Herramientas de jerarquización

26

Espacio en blanco en el diseño

Formatos

27

¿Qué es el formato?

28

Retículas y guías

Imagen Digital

29

Análogo vs. Digital

30

Pixel y resoluciones

31

Mapas de Bits y Vectores

Color

32

Qué es círculo cromático: usa la rueda de color

33

Sistemas de color

34

Tipos de paletas de colores: ¿qué son y cuál elegir?

35

Color en interfaces

36

Psicología del color

37

3 Errores comunes en el uso del color

Tipografía

38

Tipografía en el diseño

39

Selección tipográfica

40

Manejo y edición de textos

41

Cómo crear composición con texto

42

Identificar problemas en composición de texto

Proyectos de Fundamentos de Diseño

43

Proyecto: Portada de disco

44

Diseño de la portada de disco

45

Conclusiones del proyecto: Portada de disco

46

Proyecto: Poster de película

47

Diseño del poster de película

48

Conclusiones del proyecto: Poster de película

Rutas Profesionales en Diseño

49

Cómo ser un Diseñador de Producto

50

Cómo ser Diseñador de Marca

51

Afina tu composición visual

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Convierte tus certificados en títulos universitarios en USA

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

19 Días
4 Hrs
19 Min
9 Seg

¿Qué es la Jerarquía?

24/52
Recursos

La jerarquía es la organización en la escala de importancia de los diferentes elementos que tenemos en diseño, es donde identificamos que le sigue a qué. Los problemas que tienen los diseños tienden a partir por problemas de jerarquía.

Repasa qué son los espacios en blanco.

**Contribución creada por: Giuseppe Ramírez, John Banguera y Rosa Palacios **

Aportes 145

Preguntas 15

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Bueno, este es mi intento de expresar algunas cosas que he aprendido, espero sus criticas

orden

creciMIENTO

T3nS1Ön

Buenas, me parece que aquí la jerarquía se dispone de la siguiente manera:
1_Centro de la imagen con personaje principal
2_título superior
3_Nombre del autor.

Creo que los diseños de las infografías denotan y usan mucho la jerarquía.

Creo que esta imagen tiene más escalones de jerarquía, ¿qué opinan?

JERARQUÍA VISUAL
LIBRO:

  1. TITULO
  2. TEXTO PRESENTACION
  3. TEXTO DESCRIPCIÓN
  4. OTROS
    POSTER:
  5. Imagen
  6. Titulo
  7. Fecha
  8. Lugar

WEB:

  1. Titulo sitio
  2. Pequeña info del sitio
  3. Buscador
  4. Explorar pagina

Jerarquía Visual
.
Es la organización en escala de importancia de los distintos elementos que tenemos en nuestro diseño. Es común que los problemas de los diseños partan de un problema de jerarquía.
.
La jerarquía se logra agregando peso visual a los elementos de mayor importancia para que destaquen por encima de los otros.

Muy bien, he entendido el concepto de jerarquía visual, sencillamente es la organización en escala de importancia de los diferentes elementos de nuestro diseño.

La jerarquía nos ayuda a comunicar una idea de forma estructurada y clara.

Mi jerarquía para organizar mis apuntes del curso

TU CREES
que puedes
diferenciar _
CUAL ES PRIMERO
y segundo y tercero?

También, resalto que la jerarquía visual nos permite identificar grupos de información. Lo cual es importante a la hora de realizar la composición para crear unidad.

La jeranquia esta dictada en gran medida por el peso visual de cada uno de los elementos

Me ha gustado bastante el curso, se lo recomendaría a cualquier persona hasta para hacer una presentación

mi aporte

Acá dejo un poster y la jerarquía que cada elemento tiene en la composición. Ustedes lo captan igual??

en las app y en las paginas web es muy importante también tener jerarquias e incluso tener jerarquias en la información.

¿Qué es la Jerarquía?
Jerarquía visual, es la organización en la escala de importancia de los diferentes elementos que tenemos en diseño, es donde identificamos y que le sigue.

Los problemas que tienen los diseños tienden a partir por problemas de jerarquía.

Esta jerarquía es peso visual, aquí vemos como aplicando diferentes pesos visuales podemos lograr que un elemento destaque por encima de los otros, el asignar esos pesos visuales nos permite comunicar que es lo mas importante y que le sigue.


Para mi punto de vista es un buen ejemplo a lo atendido.

Con la Jerarquía es más fácil comprender el orden de la importancia de la información, de tal forma que al ver los elementos el ojo va a mirar directamente la información mas importante.
Se puede lograr utilizando:

  • Tamaño
  • Color
  • Espacio en Blanco

Esta información es valiosa, un mensaje bien realizado y contundente demanda de esos detalles de composición, jerarquía para lograr el cometido de la comunicación visual.

Mi ejemplo de jerarquia en el diseño seria esta, la interfaz de la app de xbox claramente destaca los elementos con los cuales quiere llamar nuestra atencion y luego en tamaño un poco mas pequeño nos muestra lo demas:

¿Cual entonces es la manera correcta para poder jerarquizar los elementos en un proyecto audio visual?

Es la importancia de cada elemento en la composición

La jerarquía es la importancia de los elementos en el diseño.

Alguien me puede decir cual era la respuesta del examen con respecto a este tema por que todas las respuestas me parecieron ambiguas y medianamente correctas.

La jerarquía visual tiene sus bases en los pesos visuales. si podemos aplicar esto vamos a lograr que un elemento destaque por enzima de otro.
Esto nos permite hacer énfasis en lo que queremos que la audiencia retenga.

Jerarquía: es organizar los elementos en una escala de mayor relevancia o importancia de un diseño.

La jerarquía es la escala de importancia en relacion a nuestros elementos

Primero identificamos que es lo mas importante (lo mas llamativo) y de ahí lo que sigue y lo siguiente, tanto de imágenes y textos.

La jerarquizacion se puede lograr usando diferentes tamaños, colores o con contrastes por ejemplo.

Jerarquía

¿Qué es la jerarquía?

Es la organización en escala de importancia de los diferentes elementos. Identificamos qué es lo más importante. Es darle un peso visual.

![](

podemos apreciar que lo primero que notamos es el nombre del video juego.
luego la empresa y la categoria de edad, luego en la parte superior el logo de psp

Me siento contenta de poner en practica al instante lo aprendido.
Aquí mi aporte.

hola! les comparto mi ejercico.

Jerarquía Visual

Así lo percibí:

Gracias la jerarquía de elementos dentro de un diseño podemos visualizar y dirigir la atención hacia lo mas importante e ir dando un seguimiento para poder completarlo.

Algo que me causa mucha curiosidad es, por qué las formas geométricas redondas generan mayor peso visual sobre otras?

“Con la aplicacion de esta podemos facilmente identificar grupos de informacion sin necesidad de que se mencione directamente.”

excelente información

La jerarquía nos ayuda a priorizar lo más importante

Con la jerarquia podemos identificar a simple vista diferentes partes de un mismo texto, sin ella (la jerarquia) el texto se veria como un bloque de texto separados en parrafos. La jerarquia nos permite diferenciar las diferentes partes de un mismo texto, lo cual lo vuelve mucho más comprensible. Esto mismo se aplica en el diseño.

Para poder hacer un buen diseño hay que saber aplicar bien la Jerarquía

La Jerarquía visual es la organización de los elementos, en escala de importancia, que tenemos en el diseñño.
Para lograr una correcta jerarquía debemos aplicar peso visual para poder comunicar que es lo más importante y lo que le sigue.

Vaya, sabia que los diseños de algunos documentos tenían una jerarquía, creo que inconscientemente lo sabia, pero no a ciencia cierta. Buena clase.

La jerarquia es totalmente importante para reconocer la organizacion de un espacio visual y su orden de importancia! Genial!

Jerarquía es el orden de los elementos de un diseño

Al saberlo aplicar, el mensaje quedará mas claro aún

La jerarquia visual es fundamental para la implementacion de un buen diseño ya que nos ayuda a transmitir el mensaje de una manera mas clara y ordenada,

Jerarquía es la organización de elementos en escala de importancia

Jerarquía Visual

  • Donde identificamos importancia según el orden
  • Los diseños que tienen problemas parten por el tema de la Jerarquía.
  • Como lograr que un elemento destaque por encima de los otros.

Palabras Claves
Escala de importancia
Pesos visuales
Elementos de jerarquía

Muchos se preguntan sobre la claridad del diseño, si no se comunica lo que pretendías es porqué no le diste el peso o la importancia al elemento más significante del diseño.

La jerarqui puede dañar un todo el diseño de entrada

En lo personal una buena jerarquía me genera tranquilidad y me incita a continuar


Lo primero que se observa es Reserva tu viaje luego el nombre de la com pañía, después el botón de buscar hoteles y finalmente la información restante

La jerarquía es la organización en orden de importancia en el diseño.

Este concepto es perfecto para saber hacer wireframes ♥

¿Qué es la Jerarquía?
La jerarquía suele ser un problema muy común que se presenta en el diseño, es por ello por lo que es de mucha importancia el considerarla. La jerarquía es una organización en escala de importancia de los elementos de un diseño, esto nos ayudará a darle un sentido y poner foco sobre elementos que nosotros consideramos sean más importantes. Un buen ejemplo de jerarquía visual es:

Este es mi intento de poner en practica lo aprendido hasta el momento, por favor espero sus criticas.

Genial. Es como en el concesionario. El vendedor no le presta atención al Padre de Familia. Se va directo a los niños y a la señora.

La jerarquía

<h3>¿Qué es?</h3>

La organización del diseño para dar orden e importancia a las cosas

<h3>¿Cómo se logra?</h3>

Aplicando peso visual a los elementos

Muy claro. Gracias

El cambio de audio, es brutal.

JERAQUIA EN EL POSTER DE MAYWEATHER VS PAUL

  1. Los boxeadores Mayweather y Paul que se lleva la atención del afiche.
  2. El titulo de la pelea y los protagonistas
  3. La fecha, el lugar de la pelea y el canal donde lo transmitirán.
  4. Tal vez las marcas participantes para el combate.

Estas clases ayudan a desarrollar un ojo critico y darse cuenta de la distribución el orden y el significado de los elementos visuales

La jerarquía visual es el principio de diseño que consiste en dotar de un orden a los elementos de una interfaz según su importancia, para facilitar la interacción a la persona usuaria.

📌| En resumen:

La jerarquía es una estructura en la que existe un orden ascendente y descendente.

La Jerarquia es la forma en la que le damos mayor importancia e interes visual a ciertos puntos de la imagen antes que a otros, ya sea por su tamaño, color o contraste con el resto del diseño

**JERARQUÍA: ** es la organización de los elementos que tenemos en nuestro diseño con escala de importancia.

Jerarquía



Es el orden importancia en de los elementos. La idea es organizarlos según la relevancia y el orden en que quieras que sean leídos.

Es importante hacer esta distinción porque no todo tiene el mismo peso para el mensaje que queremos transmitir. De tenerlo entonces eso dificultaría la lectura del diseño, y uno de los principios es que tienen que ser fáciles de entender sobretodo porque estamos contando con el tiempo de las personas.

Excelente explicación gracias

Si la sabemos usar podemos establecer los patrones de lectura usando como herramienta un buen uso de la jerarquía

Una forma fácil de entender la jerarquía es basarse por ejemplo en la escala de cargos que tiene una empresa y la importancia de cada uno de ellos en esa empresa, así mismo es de importante la jerarquía en cualquier tipo de diseño, damos relevancia a lo que más queremos trasmitir y poco a poco vamos organizando la información de tal manera que el resultado sea claro y conciso.

La falta de jerarquía es un problema frecuente en el diseño.
Con la jerarquía destacamos que elementos son importantes en una escala de tamaños y ubicación

La jerarquía es un pilar fundamental para reconocer la organización de un espacio visual y su orden de importancia.

Jerarquía = BSC

Hay que notar muy bien como aplicamos la jerarquía a nuestros diseños 👍.

Me encanta como solamente utilizando la jerarquía un bloque de información que solo contiene texto se puede transformar en algo mucho más estético y fácil de leer.

Es la organización a escala de importancia que le damos a nuestros elementos de una composición, entre mas grande un elemento mayor será su escala de importancia, por ende, mayor será su orden jerárquico.

Jerarquía Visual: Organización de los elementos en el diseño.
Jerarquía aplicada: Identifica grupos de Información, sin decir el tipo de información.

La jerarquía es sinónimo de fluidez, la manera en cómo organizamos la jerarquía de un elemento visual estará en función de la precedencia que le queremos establecer.

Cuando me explicaron jerarquía visual en la carrera fueron un poco más parcos en su uso, por decirlo de alguna forma, por lo que hacer este repaso ha sido de gran ayuda para entender mejor su funcionamiento.

Creo que ver esquemas e imágenes de ejemplo puede ser sencillo, pero interiorizar los elementos que componen el diseño debe ser de una forma más intuitiva, deberían incluir ejercicios prácticos y no solo un proyecto final.

niceee

Interesante !

Me encantó el ejemplo de Airbn

muy buen aporte

Es la organización en escala de importancia de diferentes elementos que tenemos en un diseño
Y como aplicando diferentes pesos o recursos visuales podemos hacer que un elemento destaque del resto.

Buena clase!

la jerarquía visual se apoya junto con el peso visual y el patrón de lectura