Diseño web: ¡4 pasos para una carta gráfica perfecta!

¿DE QUÉ SE COMPONE UNA CARTA GRÁFICA?

Como recordatorio, la carta gráfica consiste en el logotipo, la tipografía, los colores y otros elementos gráficos de su sitio. Veremos elemento por elemento lo que puedes hacer para mejorar tu carta gráfica.

1. El logotipo

Muchos artículos de nuestro blog se centran en la creación de logotipos, pero ¿lo ha integrado en su carta gráfica?

El apartado de este último dedicado al logotipo debe contener las dimensiones en los diferentes soportes (web, mobile site, membrete, firma de correo electrónico, etc.), sus colores según el lugar donde se encuentre, sus proporciones, etc.

Todo lo que necesita para garantizar que su identidad visual se represente de la mejor manera, independientemente de las circunstancias.

2. Tipografía

Quizás más discreta que los otros elementos, la elección de la tipografía es de suma importancia en su carta.

Solo hay que mirar las reacciones en las redes sociales cuando los pequeños negocios utilizan comic sans para su comunicación para darse cuenta de que tiene un lugar indiscutible en su diseño (Pista: estos negocios son el hazmerreír de quienes lo notan).

Usar una fuente sans serif no enviará el mismo mensaje que escribir las páginas de su sitio web en Times New Roman. Elija sabiamente sus fuentes y posiblemente pida mucha investigación o busque el consejo de un profesional para usar una fuente que corresponda a su identidad y su sector de actividad.

3. Colores

Al igual que su logotipo, los colores de su sitio web deben reflejar la identidad de su marca. ¿Eres dinámico, tecnológico, auténtico, acogedor, excéntrico?

4. Otros elementos gráficos

Las imágenes

¿Las imágenes de su sitio web seguirán un estilo gráfico particular? ¿Más bien profesionales, tecnológicos, en forma de ilustraciones o fotografías?

Recuerde poner ejemplos en su carta, para que quienes la utilicen puedan reproducirla en consecuencia.

Los botones

Máquinas de conversión reales, los botones son de suma importancia en el diseño de su sitio web.

Considere especificar sus colores y ejemplos visuales de su comportamiento al pasar el mouse, al hacer clic y mientras se carga la página siguiente o la acción actual.

los iconos

Los iconos, que ayudan a navegar e ilustrar los conceptos de su producto, no deben descuidarse en su carta gráfica.

Recuerda mantener cierta coherencia entre ellos, para que el usuario encuentre su huella en tu sitio.

ALGUNOS EJEMPLOS

Tenga en cuenta en este ejemplo de carta gráfica la paleta de colores, los logotipos alternativos, las tipografías y los patrones utilizados para este fotógrafo.

Mucho más detallado, el acta constitutiva de este museo de arte contemporáneo argentino detalla, por ejemplo, la composición de los diferentes colores utilizados para reproducirlos en software gráfico o para impresión.

Un buen método para evitar diferencias de color debido a diferentes calibraciones de pantallas. También está lleno de ejemplos para ilustrar el uso de sus elementos gráficos “in vivo”.