diseño y composicion

GRÁFICA DIGITAL IFilip ZiolkowskiCOMPOSICIÓN

COMPOSICIONY DESIGNER TIPS

Existen 13 leyes:Ley de la Totalidad: El todo es más que la suma de sus partes.Ley de la Estructura: Una forma es percibida como un todo, independientemente de las partes que la constituyen.Ley del Contraste: Una forma es mejor percibida, en la medida en que el contraste entre el fondo y la forma sea más grande.Ley de la Compleción: Si un contorno no está completamente cerrado, el espíritu tiende a cerrarlo.Noción de Pregnancia: El concepto "pregnancia" se relaciona, también, con la idea de "impregnación". Es decir, aquello con lo que nos quedamos "impregnados" cuando miramos.Es la forma cargada de información, la fuerza de la forma, es la dictadura que la forma ejerce sobre los ojos.Principio de Proximidad: Los elementos aislados, pero con cierta cercanía tienden a ser considerados como grupos.Principio de Memoria: Las formas son tanto mejor percibidas cuanto mayor sea el número de veces presentadas…Principio de Jerarquización: Una forma compleja será tanto más pregnante en cuanto la percepción esté mejor orientada: de lo principal a lo accesorio (jerarquizadas).

http://es.slideshare.net/percynegrete/leyes-de-la-gestalt-12293125?next_slideshow=1http://es.slideshare.net/luti82/leyes-de-la-gestalt-2056078http://es.slideshare.net/percynegrete/leyes-de-la-gestalt-12293125

Comunicación

- Cual es el objetivo?- Cual es el audiencia?- Tono?- Simple o saturado?- Que sensación se quiere lograr?

ejemplo: productos baratos vs caros- Que sensación se quiere lograr?- AIDA - Metáforas y figuras retoricas para llamar atención http://www.slideshare.net/rokoromeo/figuras-retrica-en-la-publicidad- Genera credibilidad, emociones, lógica

Color

- Uso máximo 4 colores- Claros - Emoción positiva - Saturados – Para niños- Seriedad y profesionalismo - Opacos - Blanco – Para la claridad- Psicología del Color- Circulo cromáticohttps://color.adobe.com/es/

Contraste

- Color- Tamaño- Tipografías- Texto y fondo- Enfoque: text bold, linea, Italic, color

solo 10% del documento

Repetición

- Cogerencia: Repite elementos visuales (fuentes, tamaños, iconos, colores) para crear la continuación, coherencia

- Personalidad del diseño

Orden

- Todos los objetos son conectados- Alinear- Cercanía de los objetos parecidos- Establece estilo:

- estabilidad (horizontales) - dinamismo (angular)- Manten margenes- Usa reticula- Hierarquia del documento- Punto de enfoque- F / Z

PUNTO DE ENFOQUE

RETICULAGRID

F / Z

HIERARQUIA

Espacio Blanco (Negativo)

- 1+1 =3 Cuando creas dos objetos, espacio entre ellos es el 3 objeto

- Propósito del uso espacio negativo Saturación sin espacio crea falta la credibilidad

http://www.noupe.com/tutorial/55-adobe-illustrator-icon-design-tutorials-2.html

Tipografía

- 2 fuentes de diferentes familias, contrastantes

- Personalidad - comunicación- Evite fuentes comunes (Comic)- Legibilidad- Interlineado, leading, tracking

Iconos

- Para facilitar la lectura del documento usa iconos, contornos - shapes

- Agrega iconos para memorizar - Líneas, flechas para captar

atención solo cuando necesario

Fotografía – Ilustración

- Mejora la recordación - Resolución (72 para web, 300 para print)- Busca plano para comunicar- El cuerpo para la salud, vitalidad, sensualidad- La cara para comunicar personalidad y intelecto- Dirección del cuerpo / cara- Usa el tamaño de objetos y dimensión para

comunicar- Cogerencia entre estilo, color, luz- Simetría o asimetría para comunicar la paz o

dinamismo- Los ángulos creativos llaman la atención

SIMETRÍA

•COMPOSICIÓN SIMÉTRICALa composición simétrica es sencilla, solemne y formal; pero fría y demasiado mecánica.

•Muchos de los temas que se fotografían habitualmente tienen uno o varios planos de simetría. Personas, animales, objetos, incluso la línea del horizonte pueden actuar en tal sentido.

•Los motivos situados a ambos lados del eje de simetría tienen el mismo "peso visual".

COMPOSICIONES SIMÉTRICAS

•COMPOSICIÓN ASIMÉTRICASe la conoce con el nombre de las formas de letras o figuras que adoptan. Las más utilizadas son la triangular y las realizadas en forma de S, L, o C., que parecen ser las que mejor lectura y recorrido visual proporcionan.

STATIC VS DINAMIC

PLANOS

El encuadre

El encuadre

El plano detalle es el plano más cercano. Como ocurría con otro tipo de planos, el contexto de la escena definirá que se trate de un plano detalle o no. De esta forma, una imagen de la torre Eiffel puede ser un primer plano de la torre o un plano detalle de la ciudad. Este tipo de planos son difíciles de emplear con acierto, ya que pueden confundir al espectador al no dar referencia alguna ni del entorno ni, siquiera, del propio sujeto. Los detalles se agrandan al máximo y la carga emocional alcanza su punto álgido.

ANGULO

Composición

- Hierarquia - Scanable F/Z- Regla de los tercios- Sangrado - Fibonacci

LINEA DE COMPOSICION

LA REGLA DE LOS TERCIOS

EQUILIBRIO

SANGRE

DESIGNER TIPS

Anotan!

UN ELEMENTOPRINCIPAL

THE GOLDEN RATIOFIBONACCI

GESTALT RULE

Gestalt psychology (German: Gestalt [ɡəˈʃtalt] "shape, form") is a theory of mind. Gestalt psychology tries to understand the laws of our ability to acquire and maintain meaningful perceptions in an apparently chaotic world.

DESIGNER TIPS

1. QUE QUIEREMOS COMUNICARNOS? 2. COLOR3. CONTRASTE4. REPETICIÓN5. ORDEN6. ESPACIO BLANCO7. TIPOGRAFIA8. ICONOS9. FOTOGRAFIA / ILLUSTRACION 10. UN ELEMENTO PRINCIPAL, PUNTO DE

ENFOQUE