Este documento describe el proceso de diseño de un icono para una aplicación móvil. Explica los principios perceptivos y leyes visuales utilizados como la reificación y el parecido. Describe los colores, la direccionalidad, el peso visual y los puntos de atracción. Incluye diferentes versiones del icono y miniaturas, así como datos IPTC. Finalmente, comenta que la versión definitiva fue plana en lugar de volumétrica para mejorar la legibilidad en miniatura.

1. A2
Composición
gráfica básica
Percepción Visual, aplicación práctica
Beatriz García Fernández
UOC Grado Multimedia · Abril 2012

2. percepción
visual
Principios perceptivos y leyes visuales contrastes compositivos utilizados según Dontis
utilizados según gestalt
Para darle un toque de viveza y de dinamismo he utilizado
Para realizar el icono para la aplicación me he basado las siguientes características compositivas:
en los siguientes principios y leyes:
·Inestabilidad: genera inquietud y hace que los elementos
· rincipio perceptivo de reificación, creando la
P de la composición tengan un papel más activo.
percepción de un elemento sin dibujarlo (en el
caso del icono realizado se sugiere la forma de un · simetría: realza lo inesperado y le quita clasicismo.
A
smartphone). · La espontaneidad de las formas geométricas (tamaños,
· ey visual del parecido: he unificado varios
L orientación y distribución) y la actividad (la inclinación
elementos vectoriales regulares como círculos y y el degradado) sugieren movimiento y viveza.
estrellas a otros sin forma regular utilizando el · leatoriedad de las formas: hace de la composición algo
A
mismo color (en este caso, el mismo degradado). 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.

3. percepción
visual
colores utilizados
Los colores seleccionados han sido los siguientes:
#FFF #0099FF #CC00FF
RGB (0, 0, 0) RGB (0, 153, 255) RGB (204, 0, 255)
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.

4. 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.

5. iconos
finales
versión 3 tintas
versión 1 tinta en negativo miniaturas

6. 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.

7. datos
iptc
datos básicos IPTC DEL
ICONO DE LA APLICACIÓN
Autor
Beatriz García Fernández
Título
Aplicación_descarga_vectores
Descripción
Icono realizado para aplicación de descarga de elementos
vectoriales desde una aplicación móvil.
Aviso de Copyright
Este obra está bajo una licencia de Creative Commons
Reconocimiento-NoComercial-CompartirIgual 3.0
Términos de Uso de Derechos
Visitar el siguiente link para conocer los términos de uso de la
imagen: http://creativecommons.org/licenses/by-nc-sa/3.0/

8. comentario
La versión que iba a ser la definitiva para el Comparación de miniaturas de las
icono estaba compuesto por diferentes elementos diferentes versiones. Al compararlas
se demuestra que el icono formado
vectoriales con degradados realizados a partir
por la superposición de elementos
de los 2 colores principales, dándole volumen. pierde legibilidad.
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.