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
Top Related