Cómo los colores pueden dar forma a su marca y las mejores herramientas que ayudan


Aasif
By Aasif  | May 25, 2018 9:47 am
crear un tema de color de aplicación

La elección de colores para tu marca y tu aplicación depende en gran medida del tipo de bienes y servicios que planeas vender, del consumidor objetivo al que te estás vendiendo y de la forma en que deseas que la audiencia se sienta cuando visite tu tienda. aplicación o están expuestos a tu marca y mirar todo lo que tienes que ofrecer.

Si tuvieras que elegir tus colores aleatoriamente en función de los gustos y aversiones personales, probablemente terminarás engañando a tu audiencia. Esto significa que no solo las personas que acceden a tu aplicación esperarían encontrar una línea de productos completamente diferente, sino también que el mercado objetivo real puede que ni siquiera se sienta atraído por lo que ofreces. ¡Esto significa que la aplicación que tú diseñaste tan minuciosamente no encontraría exposición para el tipo de audiencia que querías!

Tomemos el ejemplo de la icónica marca de automóviles, Mercedes-Benz. Los clientes objetivo de la marca son aquellos que buscan sofisticación, una especie de poder discreto con clase, por lo que eligieron su sitio web y los colores de la marca como una combinación de Negro con Blanco. Eternamente los colores de la sofisticación digna con un poder autoritario único asociado a ellos, la combinación clásica de blanco y negro son la opción perfecta para ellos.

Sabiendo esto, imagina que el sitio web, su imagen de marca y su identidad se reformulan en rojo y amarillo. ¿Cómo se siente al respecto ahora? ¿Qué impresión tendrían sus consumidores objetivo de la marca, y seguirían la marca más allá?

Como mencionamos anteriormente, la marca Mercedes-Benz está asociada con la sofisticación, la clase, la elegancia, los ricos y emana un tipo de poder discreto. Cada marca necesita una personalidad propia, y esta personalidad debe brillar a través de los colores que la marca elige usar en su sitio web, aplicación o cualquier otro canal. En el escenario actual, hay principalmente 5 personalidades de marca diferentes que prevalecen internacionalmente: sinceridad, entusiasmo, competencia, sofisticación y resistencia.

Ahora veamos una situación hipotética en la que Ann planea lanzar una gama de productos cosméticos que agregarían glamour a las personalidades de las mujeres.

Aquí, el público objetivo está formado por mujeres. Sin embargo, el objetivo no son todas las mujeres, solo aquellas mujeres que aspiran a verse glamorosas. Por lo tanto, Ann debería buscar colores que sean glamorosamente evocadores. Este es el momento de elegir colores para la marca. Los colores Morado y Negro son conmovedoramente glamorosos. Ann continúa eligiendo morado para su identidad de marca, esto significa que en su aplicación, el color primario del foco debe ser morado.

Así es como debes elegir colores para una marca que atraigas a tu aplicación a las personas adecuadas y, por lo tanto, disfrute de una mayor conversión.

Herramientas que pueden ayudar

Después de atravesar la inmensa cantidad de impacto que puede aportar a través del uso óptimo e informado del color en el diseño de tu aplicación, ¡ahora puedes comenzar a divertirte! Es muy divertido explorar diferentes combinaciones y puedes crear un tema de color de aplicación de la manera que lo visualizaste. Sin embargo, vas a necesitar la ayuda de algunas herramientas que pueden ayudarte a llegar allí.

Material.io

Sí, ¡los gigantes tecnológicos también vienen a tu rescate aquí! Las Pautas de diseño de materiales de Google tienen como objetivo generar un conjunto coherente de ideas sobre la forma en que desea que los desarrolladores se acerquen a la miríada de aspectos del diseño de tu aplicación, ya sea la disposición básica o la utilización de la animación de manera efectiva. Es como parte de estas pautas que Google también ofreció ciertas ideas sobre las mejores formas de usar el color.

Es solo el año pasado cuando Google comenzó a ampliar los consejos que ofrecen sobre temas de color y color para las aplicaciones y lanzó una gran herramienta de color nueva. Esta nueva herramienta está diseñada para ayudar a los desarrolladores y diseñadores a elegir el tipo correcto de paletas de colores para la aplicación que están desarrollando para una marca, empresa o servicio.

¡Esta herramienta única te ayudará, ya que un desarrollador crea su propia paleta de colores y la comparte también! Sin embargo, lo que realmente lo hace interesante es que la herramienta te ofrece la posibilidad de aplicar este esquema de color a una interfaz de usuario de muestra y a una serie de componentes de diseño de materiales en CodePen, ¡que es una especie de ‘Patio de recreo’ para los desarrolladores web de front-end!

Además de todas estas características geniales, esta herramienta única de Google evalúa automáticamente la legibilidad del texto para la paleta de colores específica que elegiste para el diseño de tu aplicación. Esta evaluación está de acuerdo con las Pautas de Accesibilidad para el Contenido Web. El enfoque principal de estas pautas reside en el contraste entre el color del contenido del texto y el color de fondo, de modo que las personas con distintos grados de discapacidad visual puedan leer mejor y con facilidad cuando usan tu aplicación.

Coolers.co

Cuando empiezas a jugar con diferentes colores, este puede ser un espacio emocionante donde puedes jugar con una gran variedad de opciones de color en tu paleta de colores. Puedes seguir explorando la herramienta hasta que encuentres exactamente los colores que más llamen tu atención. Una vez que hayas elegido los colores que consideres adecuados, puedes exportar este color elegido en una gran variedad de formatos, para descubrir cómo se ven en una amplia variedad de plataformas, pantallas, materiales, etc.

Además, Coolers.co también ofrece a aquellos que están luchando y necesitan algo de inspiración. Disponen de una biblioteca de creaciones completas para que puedas navegar, de modo que puedas inspirarse, y quizás identificar algún punto de partida en el proceso de decidir el tema de color para tu marca y la aplicación móvil que estás construyendo.

Colourcode

Colourcode tiene uno de los enfoques más interesantes para crear una paleta para tu aplicación. En el momento en que aterrizas en su página de inicio, tienes la libertad de escoger el color que desees, ¡sí, el color que desees! La pantalla es altamente interactiva y te permite crear una paleta vertical que acorde a tu marca y tu aplicación. Puedes mover el cursor y se mostrarán numerosas opciones para tu beneficio. Antes de elegir cualquier color, tienes muchas opciones que te pueden ayudar a refinar tus elecciones, ¡así que tienes un patio de recreo completo enfrente de ti para volverte loco!

Canva Color Palette Generator

Esta es una de las herramientas de diseño más versátiles que es posible que desees conservar en su arsenal. Lo bueno aquí es que puedes identificar los colores particulares que ya te gustan y utilizarlos para tu aplicación y diseño. Puede ser que hayas encontrado una imagen o una fotografía en particular que creas que será genial para tu imagen de marca, tu identidad y el diseño de tu aplicación. Aquí, puedes simplemente cargar la imagen en el generador de paleta de colores e instantáneamente tener toda la paleta de colores presentada con detalles. Lo hacen aún más fácil para ti al darle los números hexadecimales para que puedas tener toda la información contigo y puedas hacer uso de ella, en el futuro.

Kuler

El hecho de que Kuler provenga de Adobe, dice mucho sobre la calidad que ofrecerá a tus usuarios. En realidad, hay un número infinito de opciones para explorar los temas de color. La mayoría de estos fueron creados por los usuarios que vinieron a explorar y dejaron atrás una parte de su trabajo para inspirarte. El alcance de la experimentación con colores en Kuler es enorme y puedes crear cualquier combinación que te apetezca. ¡Aquí no hay límite, excepto quizás tu imaginación!

ColorSnapper

A pesar de la gran variedad de herramientas disponibles para que los diseñadores puedan elegir de ColorSnapper, se ha mantenido entre los selectores de color más favorecidos y más populares. Esto definitivamente no es sin razón. La aplicación Mac es increíble en sí misma, ya que te permite hacer una selección de color de aumento de manera bastante eficiente y rápida. La parte divertida es que este seleccionador de color único se puede usar en cualquier cosa que puedas ver, ya sea en línea o no.

Los colores que tan conscientemente eliges con el selector de color de ColorSnapper se almacenan en su panel de color y están listos para usarse más adelante, en el momento que lo necesites. En el momento en que desees copiar este color que almacenaste, todo lo que tienes que hacer es hacer clic en él y se copiará instantáneamente en el portapapeles, ¡listo para su uso!

Webflow Chrome Extension

¿Cómo podríamos hacer este blog sin mencionar esta herramienta? La extensión para Google Chrome Webflow, abreviación de in-Webflow Color picker, este seleccionador de color te permite escoger cualquier color desde tu propio proyecto. Esto significa, puedes escoger un color desde todo tu material de marca, como tu logo, una ilustración, o un archivo de Photoshop, ¡sin tener que salir de la aplicación o cambiar de interfaz! Ahora, ¿No es cool? Una vez te hayas decido con que color ir, es muy sencillo el hacer una adaptación global a partir de este. Esta adaptación puede ser fácilmente re utilizada en todo el sitio.

Brandmark’s Color Wheel

Ahora, ¡esta es una herramienta del futuro! Brandmar´s color Wheel hace uso de inteligencia artificial para automáticamente darle color a diferentes elementos como tu logo, Ilustraciones, Marcos, o cualquier arte grafico que planees usar durante el diseño de tu aplicación, Todo lo que necesitas hacer es subir tu diseño y tu paleta de colores que se generó apropiadamente para usarse y aplicarse a tu gusto. No solo es una herramienta de diseño realmente cool y futurista, sino que puede servir como un buen recuro de inspiración. El momento en el que subes un diseño completo en él, tendrás, al frente de ti literalmente miles de variaciones únicas de colores para navegar y selecciones la que se adhiera mas a la identidad de tu marca.

Aasif
About The Author

banner de blog

Utilizamos cookies para brindarle la mejor experiencia en línea. Al utilizar nuestro sitio web, acepta el uso de cookies de acuerdo con nuestra política de cookies. OK Obtenga más información aquí. aquí