El documento habla sobre la jerarquía y composición en diseño gráfico. Explica que la composición implica combinar elementos visuales de manera equilibrada para transmitir un mensaje claro. La jerarquía se logra mediante el tamaño, color, forma y ubicación de los elementos. También discute sobre proporciones, simetría, equilibrio y el uso de iconos y señales para transmitir información de manera efectiva.

1. JERARQUIA Y
COMPOSICION

2. COMPOSICION
 Adecuar distintos elementos
gráficos dentro de un
espacio visual, que
previamente habremos
seleccionado,
combinándolos de tal forma
que todos ellos sean capaces
de poder aportar un
significado para transmitir
un mensaje claro a los
receptores del mensaje.
 1. La disposición de
elementos diversos para
expresar decorativamente
una sensación.
 2. Una disposición de los
elementos para crear un
todo satisfactorio que
presente un equilibrio, un
peso y una colocación
perfecta.

3. En una composición debemos buscar
 máxima eficacia comunicativa
 impactar visualmente al público
Realmente no existe una norma específica que nos asegure el éxito de
nuestra composición, pero sí unas pautas, que si se conocen pueden
hacer más eficaz nuestro mensaje.

4. PROPORCIONES
· Saber a qué segmento de la población va dirigido y que margen
geográfico vamos a cubrir (nacional, internacional, provincial...).
· Seleccionar los elementos que vamos a utilizar. Todos los
elemento de la composición deben tener un por qué de su utilidad
en dicha composición.
· Es recomendable hacer unos bocetos de cómo podría ser la
composición, cambiando la ubicación de elementos, colores,
tamaño del cuerpo de texto, para respondernos visualmente a
preguntas como, ¿qué es lo más importante del mensaje?, ¿dónde
debe estar el impacto visual?, ¿podría verse de lejos?, ¿es adecuada
la disposición y el estilo de las letras con respecto al mensaje?...
· También es bueno saber el tipo de material en que se reproducirá
el diseño.

5. PROPORCIONES
 Recuerde siempre que el diseño debe ser un todo
en el que no falle ningún elemento.
· 1. Lo primero que debemos establecer es, qué parte del
área de diseño deben ocupar los elementos, y por el
contrario, qué espacios quedarán ausentes de elementos.
· 2. Una vez determinadas las áreas de diseño que vamos a
ocupar con las líneas (títulos, textos) y las formas
(fotografías, ilustraciones, gráficos), podemos combinar estos
elementos dentro de un mismo espacio para crear
composiciones alternativas.

6. PROPORCIONES
 Podemos delimitar proporciones mediante
- el color, que nos puede ir definiendo progresivamente
distintas áreas tonales que nos permiten distribuir de
forma adecuada toda la información gráfica.
- disposición de los distintos bloques de elementos, de
forma que parcialice y estructure las zonas de nuestro
diseño. Sin embargo debemos tener cuidado con la
parcialización, que nos puede llevar a la creación de un
excesivo número de bloques de elementos, ya que unos
pueden llegar a perturbar a otros y restarles
significación.

7. SIMETRIA
 Con las formas redondeadas, la proporción y la simetría
suelen combinarse, puesto que las formas
perfectamente circulares también son simétricas.
 El tamaño de un elemento en relación con el resto de
los elementos: Las formas grandes, altas o anchas,
suelen ser percibidas como potentes o fuertes, mientras
que las formas pequeñas, cortas o finas, nos parecen
delicadas y débiles.
 Escala: el color es brillante o apagado en yuxtaposición
con otros valores, asimismo no puede existir lo grande
sin lo pequeño.

9. LA REGLA AUREA
 Es una proporción entre medidas - división armónica de
objetos:
 el segmento menor es al segmento mayor, como este es
a la totalidad del mismo.
 si colocamos los elementos principales del diseño en una
de las líneas que dividen la sección áurea, se consigue
el equilibrio entre estos elementos y el resto del diseño.

19. EQUILIBRIO
 apreciación subjetiva (percepción) de que los elementos
de una composición no se van a caer. No quiere decir
que todo (texto, titulares, formas, fotografías,
ilustraciones...) sea igual en tamaño, color u otra
dimensión. Por ejemplo, una parte de nuestro área de
diseño puede estar formada por muchos elementos y a
la vez tener equilibrio con otra parte de dicho diseño
que solo consta de un elemento.

20. EQUILIBRIO simétrico

21. EQUILIBRIO simétrico

22. EQUILIBRIO asimétrico

23. EQUILIBRIO asimétrico

24. EQUILIBRIO asimétrico

25. EQUILIBRIO asimétrico

26. EQUILIBRIO asimétrico

27. EQUILIBRIO asimétrico

28. EQUILIBRIO asimétrico

29. EQUILIBRIO asimétrico

30. JERARQUIA Y COMPOSICION
 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.

31. JERARQUIA Y COMPOSICION

32. JERARQUIA Y COMPOSICION

33. JERARQUIA Y COMPOSICION
 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.

34. JERARQUIA Y COMPOSICION
 2. El tamaño

35. JERARQUIA Y COMPOSICION
 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.
DISTINCION SOBREPOSICION EXCLUSION

36. JERARQUIA Y COMPOSICION
 3. El color

37. JERARQUIA Y COMPOSICION
 3. El color

38. JERARQUIA Y COMPOSICION
 3. El color

39. JERARQUIA Y COMPOSICION
 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

40. JERARQUIA Y COMPOSICION
 4. La forma

41. JERARQUIA Y COMPOSICION
 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.

42. JERARQUIA Y COMPOSICION
 5. La ubicación

43. JERARQUIA Y COMPOSICION
 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.

44.  6. La composición de
elementos

45. Otros tipos de equilibrio

53. ICONOS
 Representaciones o metáforas. Sustituyen a una unidad
de significado (idea, concepto, acción).
 La principal ventaja es que pueden representar más
unidades en un menor espacio. Son de gran utilidad en
interfaces en las que es muy importante obtener una
funcionalidad máxima en el mínimo espacio y con la
máxima rapidez.
 En la interfaz de los programas: identifican las carpetas,
aplicaciones, archivos o herramientas, identificar
secciones, para separar párrafos, como acento gráfico o
como pequeña ilustración.

54. ICONOS
 El círculo:
 El cuadrado:
 El triángulo:

55. ICONOS

56. ICONOS

57. ICONOS

58. Errores al diseñar ICONOS
POCA DIFERENCIACION ENTRE ICONOS

59. Errores al diseñar ICONOS
DEMASIADOS ELEMENTOS EN UN MISMO ICONO

60. Errores al diseñar ICONOS
FALTA DE UNIDAD DE DISEÑO EN UN SET DE
ICONOS

61. Errores al diseñar ICONOS
ICONOS CON FALTA O EXCESO DE
ORIGINALIDAD

62. Errores al diseñar ICONOS
TEXTO DENTRO DEL ICONO

63. SIGNOS
1. Identidad frente a
información.
La señalización.
La señalética estudia las
relaciones funcionales entre los
signos de orientación en el
espacio y los comportamientos de
los individuos. Son producto del
aumento de la movilidad social y
tienen por objeto transmitir
información, mediante una
adecuada disposición de los
signos, a sujetos receptores en
movimiento.

64. SIGNOS
1. Identidad frente a información.
La señalización.
Es una disciplina acerca de aquellas señales en el espacio que
constituyen un lenguaje instantáneo, automático y universal, cuyo fin
es resolver las necesidades informativas y orientativas de los individuos
.

65. SIGNOS
1. Identidad frente a
información.
La señalización.
Todo sistema señalético
supone la existencia de un
lenguaje visual formado
por pictogramas, textos y
colores, ordenado
conforme a unas reglas
sobre una estructura
previamente determinada
y que forma una secuencia
en la percepción de los
individuos.

66. SIGNOS