Guia de estilo visual: Menesha
- Fecha: 07/18/2023
Mi rol & Responsabilidades – Diseño UI, Diseño Gráfico.
Timeline – 1 mes.
Contexto – Esta fue una guia de estilo visual desarrollada para mi maestria en diseño de experiencias de usuario.
Resumen
El logotipo diseñado para la clase de Herramientas de Prototipado y Diseño de Interfaz de Usuario de la Maestría de Diseño de Experiencias de Usuario en la Universidad Internacional de la Rioja (UNIR) busca representar la diversidad étnica y cultural de las mujeres afrodescendientes. La palabra africana elegida para capturar el espíritu de la marca es «MENESHA», que en amhárico significa «ORIGEN».
Esta elección refuerza el mensaje de la marca, destacando la importancia de la conexión con las raíces, la identidad cultural y la valoración de la diversidad étnica.
En resumen, este logotipo busca ir más allá de una simple representación visual y aspira a convertirse en una marca poderosa y positiva. A través de la palabra africana «MENESHA» y su diseño distintivo, se busca honrar la diversidad étnica y cultural de las mujeres afrodescendientes, promoviendo la igualdad y el reconocimiento de su invaluable contribución a la sociedad.
Logo
En conjunto, el diseño del logotipo busca ser una representación poderosa y auténtica de las mujeres afrodescendientes.
A través de elementos gráficos inspirados en la cultura africana y colores vibrantes, se pretende transmitir un mensaje de orgullo, empoderamiento y visibilidad para esta comunidad, pero si tuviera que elegir una palabra además de la que representa el concepto de la marca que es “ORIGEN”, para justificar en totalidad lo que es “MENESHA”, elegiría la palabra “ARMONÍA”. El logotipo busca captar la atención y transmitir un sentido de identidad y pertenencia, resaltando la belleza y la diversidad de las mujeres afrodescendientes y promoviendo la apreciación de su cultura y herencia.
Espacio Seguro
El logotipo de MENESHA necesita un espacio mínimo para tener una buena visualización, a este espacio se le conoce como “Área de Respeto o Espacio Seguro” esta área es la presentada a continuación para su icono y para el logotipo
Blanco y Negro
El logotipo de MENESHA ha sido cuidadosamente diseñado para garantizar su legibilidad y adaptabilidad en una variedad de contextos visuales. Su diseño está optimizado para su uso en impresiones o aplicaciones donde se requiere el uso de una sola tinta sobre un fondo negro.
El logotipo de MENESHA presenta características que le permiten destacarse y ser fácilmente reconocible incluso en fondos con formas complejas o con poco contraste. Esto se logra mediante un equilibrio adecuado entre el tamaño, la forma y la distribución de los elementos del logotipo.
Colores
La elección de colores vibrantes y expresivos tiene como objetivo transmitir la vitalidad y la energía de la comunidad afrodescendiente.
Se busca representar la diversidad y la riqueza de esta comunidad mediante tonalidades intensas que llamen la atención y generen impacto visual. Estos colores reflejan la pasión, la alegría y el dinamismo presentes en la cultura afrodescendiente, al mismo tiempo que resaltan la importancia de la presencia y la voz de las mujeres afrodescendientes en la sociedad.
Tipografía
Primaria
Laviossa – Medium
Laviossa es una tipografía única y distintiva que captura la belleza y la elegancia. Esta tipografía se caracteriza por su estilo cursivo y fluido, con una ligera inclinación hacia la derecha. Cada letra tiene trazos suaves y delicados, creando un aspecto armonioso y sofisticado.
La forma de las letras en Laviossa es orgánica y ligeramente estilizada, lo que le confiere un toque de originalidad. Las curvas suaves y sinuosas se combinan con trazos finos y elegantes, creando un equilibrio perfecto entre elegancia y claridad.
Tipografía
Secundaria
Poppins
Poppins se inspira en el estilo de las tipografías geométricas del siglo XX, como la Futura, pero presenta un toque más contemporáneo. Su diseño se basa en formas simples y líneas rectas, lo que le da un aspecto limpio y minimalista. Los trazos son uniformes y bien definidos, lo que facilita su legibilidad tanto en tamaños pequeños como en tamaños más grandes.
Titulares
Los Titulares que se usarían en esta marca para mantener una estructura visual correcta se plantearían siguiendo la secuencia de Fibonacci en sus tamaños:
Los títulos H1 se usarían únicamente con la fuente Laviossa con peso “Medium”.
Los títulos H2 se usarían únicamente con la fuente Poppins peso “Semibold”.
Los títulos H3 se usarían únicamente con la fuente Poppins peso “Medium”, no aplica el uso de subtitulo para la etiqueta H3.
Los títulos H4 se usarían únicamente con la fuente Poppins peso “Extra Light”.
Texto
Los textos al igual que los titulos estan diseñados para garantizar la estructura visual de la marca, los subtitulos se aplicaran en los titulos H1 y H2 unicamente, en el titulo H3 puede considerarse usar el subtitulo 2 pero considero mas practico no subtitular esta etiqueta.
Los cuerpos de texto de la marca deben usar siempre el mismo tamaño peso y altura obligatoriamente, en caso de ser necesario el tamaño de cuerpo de texto puede incrementarse hasta 16 como máximo.
Espaciados y Estructura
Grilla
Una grilla de diseño para iPad, iPhone y PC de la marca MENESHA asegura la consistencia visual, facilita el diseño responsivo, mejora la eficiencia del proceso de diseño y garantiza una adaptabilidad adecuada a múltiples pantallas. Al implementar una grilla de diseño, la marca MENESHA puede ofrecer una experiencia de usuario coherente y atractiva en todas las plataformas, fortaleciendo así su imagen de marca y conectando mejor con su audiencia.
Componentes
Los conos de MENESHA son iconos bold que buscan dar la sensación de solidez, todos tienen una medida de 34 x 34 y esquinas bordeadas para imitar a la fuente Laviossa creando un aspecto suave, armonioso, sofisticado y con delicadeza.
Al igual que con la fuente Laviossa la forma de los iconos es orgánica y ligeramente estilizada, lo que le confiere un toque de originalidad, buscando siempre curvas suaves y sinuosas junto con trazos finos y elegantes, creando un equilibrio perfecto entre elegancia y claridad.
íconos
Los íconos de MENESHA son iconos bold que buscan dar la sensación de solidez todos tienen una medida de 34 x 34 y esquinas bordeadas para imitar a la fuente Laviossa creando un aspecto suave, armonioso, sofisticado y con delicadeza.
Al igual que con la fuente Laviossa la forma de los íconos es orgánica y ligeramente estilizada, lo que le confiere un toque de originalidad buscando siempre curvas suaves y sinuosas junto con trazos finos y elegantes, creando un equilibrio perfecto entre elegancia y claridad.
Botones
Los botones de MENESHA están diseñados para seguir el mismo estilo suave y armonioso de la fuente principal y los íconos sin perjudicar su propósito, se prefirió el color Rojo Vivo y Carmesí Claro en degradado en los botones por ser los colores de mayor peso visual en contraste con el blanco.
Imput
El Input de MENESHA consta de un diseño tradicional con los 5 estados posibles para este, conserva las características planteadas anteriormente en tipografía, sus medidas son de 343 de ancho por 48 de alto lo que los hace prácticos tanto en pc como en celular, la fuente utilizada es Poppins – light con un tamaño de 15 px en el interior del text área y Poppins – Medium en los titulos.
Text Area
Al igual que con los input, los text área están diseñados de una forma tradicional, respetando la estructura planteada en puntos anteriores, la fuente utilizada es Poppins – light con un tamaño de 15 px en el interior del text área y Poppins – Medium en los titulos.
Select
Los Selects de MENESHA tienen una medida de 345 de ancho por 48 de alto, la fuente utilizada es Poppins – light con un tamaño de 15 px, de esta forma respetando la linea grafica y estructura de la marca
Check Box y Radio
Los siguientes componentes: Botón Radio, Check Box y Botón Toggle fueron diseñados siguiendo el mismo estilo tradicional de los componentes anteriores, sencillos y usando los colores de la marca, los botones radio y los check boxes tienen una altura de 24 px mientras que los botones toggle tienen una altura de 20 px.
Conoce Menesha
El sitio web de MENESHA aun esta en desarrollo pero ya puedes ver un poco sobre el, dale click al botón y conoce a MENESHA.