LOGOTIPO Y APP ICON - robertoo01/TMI-2024-VisitaMe GitHub Wiki
¿Cómo es?
Para presentar el logotipo de la aplicación web se han diseñado dos versiones haciendo uso del icono que se deseaba y su nombre y la finalidad a la que vamos a destinar su uso. Por un lado se tiene un App Icon. Se trata de un formato cuadrado para ser utilizado como icono de la web y será el encargado de dotar de identidad a nuestro proyecto. Además, este puede ser utilizado como icono de aplicación móvil si en algún momento surge la necesidad de hacerlo. Por otro lado, se ha diseñado una versión en horizontal. Este está más enfocado en ser utilizado como encabezado pudiendo ser de utilidad en redes sociales o en otras plataformas en las que promocionarse. En los siguientes apartados se muestra cómo se ven estos elementos.
App Icon | Logotipo en horizontal |
---|---|
Idea:
Para comenzar con la explicación de la idea de este logotipo hemos partido de dos premisas que son base en nuestro proyecto:
- La aplicación permite visitar lugares emblemáticos de diferentes municipios.
- La aplicación se centra en fotografía los lugares emblemáticos visitados.
Por estas dos premisas se realizó una lluvia de ideas en las que se sacaron una serie de puntos para enfocar el tipo de logotipo o imagen visual que se quería tener como identidad.
- Incluir el nombre de la aplicación.
- Incluir un elemento de cámara, concretamente se decidió por el objetivo de una cámara pues es el elemento más reconocible de estos dispositivos.
- Incluir elementos que puedan parecer lugares emblemáticos como son ruinas, torres, puentes romanos o incluso riveras relevantes.
- Darle un enfoque infantil y familiar (utilizando de dibujos sencillos y colores atractivos).
- Introducir elementos de naturaleza, como árboles, flores o animales, para transmitir una sensación de conexión con el entorno y la aventura.
- Hacer uso de líneas tanto rectas como curvas para dar dinamismo al dibujo y ejemplificar que con el uso de la aplicación puedes encontrar de todo ya sea esperado o inesperado.
Prototipos de ideas:
Teniendo estas ideas en mente se desarrollaron tres prototipos diferentes cada uno con una personalidad concreta.
Prototipo 1 | Prototipo 2 | Prototipo 3 |
---|---|---|
En este primer elemento se optó por los siguientes elementos: - Una V y una M que represente el nombre de la aplicación Visita-Me. - Una serie de monumentos saliendo de la estructura formal del icono para dar la sensación de "romper lo tradicional y salir a la aventura". | En esta segunda versión del logotipo se decidió: - Seguir la estética de una cámara de fotografías tomando como elemento diferenciador la lente de la cámara. - Incluir de nuevo monumentos que salgan del icono por lo mismo coincidiendo con el anterior. - Se decide incluir el nombre de la aplicación dentro del propio icono. | Este tercer diseño surge de juntar los apartados que más nos gustaron de los dos logos anteriores: Se incluye una V y una M como representación del nombre de la aplicación. - Se incluye la lente de la cámara de tal forma que aproveche la V del nombre de la aplicación. Se incluyen los monumentos dando sensación de dinamismo y aventura. - Se incluye el nombre de la aplicación dentro del propio icono. |
Teniendo estas tres opciones, finalmente nos decantamos por la tercera pues era la que incluía todos los elementos que nos habían gustado de las anteriores y por tanto pensamos que era la que mejor representaba todo lo que queríamos transmitir.
Selección de colores:
Si bien en un principio optamos por seleccionar los colores de forma arbitraria e ir viendo cómo mejor combinaban, finalmente decidimos hacer un pequeño análisis sobre qué queríamos transmitir y con qué colores lo representaríamos.
Tras este análisis, finalmente se eligieron tres colores principales y uno secundario:
- Tonos ocres (marrones): enfocados en los lugares de interés dado que suelen tornar en esos colores con el paso del tiempo, siendo bastante reconocibles.
- Tonos celestes: solemos relacionar este color con un cielo despejado que se espera cuando realizamos salidas al exterior. Un buen tiempo da energía para salir de casa y visitar lugares nuevos.
- Tonos verdes: relacionados nuevamente con salir al exterior y la naturaleza, reflejando el poder respirar aire puro al aire libre.
- Tonos amarillos/dorados: se suele relacionar este color con el lujo y lo valioso, por eso vamos a seleccionarlo para el nombre de la aplicación, intentando hacer ver al usuario que descubrir lugares nuevos es un lujo.
Teniendo la estructura del logotipo y los colores. Se le describió a DALL·E 2 el tipo de logotipo que queríamos y nos generó el siguiente icono con los colores solicitados:
A este, finalmente se le agregó el nombre a través de la herramienta de Canva para agregar el nombre de la aplicación en la parte posterior de este y crear la versión en horizontal.
Daltonismo:
Una vez obtenido el logotipo y dado que habíamos seleccionado los colores para llamar la atención y captar nuevos posibles usuarios potenciales, debíamos tener en cuenta que estos colores lograran su efecto independientemente de la capacidad visual de la persona.
Por ello, utilizamos la extensión Let's get colorblind para comprobar cómo se veía nuestro logotipo con los diferentes tipos de daltonismo.
D. Rojo | D. Azul | D. Verde |
---|---|---|
Como se puede observar, a pesar de los problemas para distinguir los colores, el logotipo aún logra llamar la atención debido a la diferencia de colores y las formas utilizadas, por lo que decidimos aceptarlo como válido. Además, aprovechamos la opinión de conocidos que sufren de daltonismo, quienes nos confirmaron que les gustaba y les parecía llamativo.