DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

9

Click here to load reader

Transcript of DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

Page 1: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

A2 ComposiCión gráfiCa básiCaperCepCión Visual, apliCaCión práCtiCabeatriz garcía fernándezuoC grado multimedia · abril 2012

Page 2: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

percepción visuAl

principios perceptivos y leyes visuAles utilizAdos según gestAlt

Para realizar el icono para la aplicación me he basado en los siguientes principios y leyes:

· Principio perceptivo de reificación, creando la percepción de un elemento sin dibujarlo (en el caso del icono realizado se sugiere la forma de un smartphone).

· Ley visual del parecido: he unificado varios elementos vectoriales regulares como círculos y estrellas a otros sin forma regular utilizando el mismo color (en este caso, el mismo degradado).

contrAstes compositivos utilizAdos según dontis

Para darle un toque de viveza y de dinamismo he utilizado las siguientes características compositivas:

· Inestabilidad: genera inquietud y hace que los elementos de la composición tengan un papel más activo.

· Asimetría: realza lo inesperado y le quita clasicismo.

· La espontaneidad de las formas geométricas (tamaños, orientación y distribución) y la actividad (la inclinación y el degradado) sugieren movimiento y viveza.

· Aleatoriedad de las formas: hace de la composición algo casual y vivo.

· Acento: el smartphone de color plano destaca sobre la mancha vectorial de color degradado, que a su vez también crea un acento de color.

Page 3: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

percepción visuAl

colores utilizAdos

Los colores seleccionados han sido los siguientes:

Los colores de tono azul y de tono magentoso tienen una luminosidad y una saturación muy parecida, siendo el color azul un color más frío que el color lila que tiene componentes magentosos que le dan más calidez.

#FFFRGB (0, 0, 0)

#0099FFRGB (0, 153, 255)

#CC00FFRGB (204, 0, 255)

Page 4: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

percepción visuAl

peso visuAl, puntos de AtrAcción y direccionAlidAd

Tanto la direccionalidad como el peso visual vienen dados por la inclinación y por la irregularidad de las formas, potenciado con la utilización de un degradado circular que centra la atención en un punto.

Page 5: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

iconos finAles

versión 3 tintAsversión 1 tintA en negAtivo miniAturAs

Page 6: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

iconos finAles

diferentes versiones de color del icono

Siempre que no haya rivalidad de colores entre el icono y su fondo, se utilizará la versión original.

En el caso que exista confrontación de colores, el icono se puede adaptar al fondo sobre el que se coloque, tanto en versión positiva como en negativa.

Page 7: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

dAtosiptc

dAtos básicos iptc del icono de lA AplicAción

AutorBeatriz García Fernández

TítuloAplicación_descarga_vectores

DescripciónIcono realizado para aplicación de descarga de elementos vectoriales desde una aplicación móvil.

Aviso de CopyrightEste obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0

Términos de Uso de DerechosVisitar el siguiente link para conocer los términos de uso de la imagen: http://creativecommons.org/licenses/by-nc-sa/3.0/

Page 8: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)

comentArio

La versión que iba a ser la definitiva para el icono estaba compuesto por diferentes elementos vectoriales con degradados realizados a partir de los 2 colores principales, dándole volumen. Pero a la hora de realizar la miniatura se perdía legibilidad ya que la superposición de elementos creaba confusión (sobretodo comparándola con la versión en negativo que era visualmente más potente).

Así que a partir de ese momento decidí eliminar la superposición de los elementos y unificarlo en una misma forma y aplicarle el degradado de forma común, sacrificando el volumen por una imagen plana y bidimensional, pero más potente.

Comparación de miniaturas de las diferentes versiones. Al compararlas se demuestra que el icono formado por la superposición de elementos pierde legibilidad.

Page 9: DG A2: Composición gráfica básica (percepción visual, aplicación práctica)