Una hoja de trucos de bolsillo para diseñadores de UI.
Los mosaicos de estilo son hojas de referencia de diseño del tamaño de un bocado, así que seamos breves y concisos.
Como probablemente sabrá, una guía de estilo de marca tiene como objetivo compartir las reglas y estrategias de diseño utilizadas para representar eficazmente a una empresa en cualquier medio físico o digital. De forma similar a la guía de estilo de marca, el mosaico de estilo se utiliza para recopilar los estilos y recursos utilizados, pero en un diseño de interfaz de usuario. Los mosaicos de estilo son excelentes no solo como referencia personal, sino también para entregar el trabajo a otras personas con la tranquilidad de que crearán un trabajo coherente con la marca y con usted mismo.
Sin embargo, es posible que los mosaicos de estilo no se utilicen necesariamente para entregar el trabajo; también pueden ser un gran ejercicio de diseño visual y le ayudarán a comprender cómo se mezclan elementos como colores, formas y otros activos en sus diseños.
Por ejemplo, eche un vistazo a este mosaico de estilo creado por JT Grauke en regatear. Es una pequeña obra de arte en sí misma, que representa de manera efectiva los elementos y estilos de diseño utilizados en el proyecto. Cualquier diseñador que se precie podría diseñar fácilmente una página web con el mismo estilo con solo esta imagen como referencia.
Personalmente, me encanta esta estética, deja salir algunas vibraciones serias de Slack.
Diseñador de mosaicos de estilo de JT Grauke para focuslab en Dribbble
Entonces, ¿qué puedo poner exactamente en mi mosaico de estilo?
Bueno, cualquier cosa, en realidad, todas las partes importantes. Sin embargo, no se preocupe demasiado por la copia o el tono de voz. Los ingredientes principales a seguir incluyen los siguientes:
Color
Incluya su paleta de colores en sus mosaicos de estilo, esto no debería ser demasiado difícil, incluso si opta por mostrar el color usando los elementos de su interfaz de usuario en lugar de mostrar los colores solos como en el ejemplo anterior. Esto debería ser algo natural. Intente ceñirse a la paleta de colores principal. No te preocupes demasiado si tus diseños utilizan 5 tonos diferentes de negro. Sin embargo, si algo como esto es importante, intente pensar en una forma compacta de mostrar estos tonos. Ser breve.