Quantcast
Channel: Microsiervos
Viewing all articles
Browse latest Browse all 4878

Style Dictionary, una solución de código abierto para crear estilos multiplataforma

$
0
0

Si la experiencia de usuario no es consistente en los diferentes canales los usuarios cuestionarán la credibilidad de la organización.

– Jakob Nielsen

Style Dictionary es un trabajo de Danny Banks, diseñador de UX en Amazon: un sistema para crear estilos multiplataforma que se vean igual y funcionen «en todas partes». Lo cual incluye iOS, Android, CSS, JS, HTML, y hasta la documentación – un trabajo que suele ser tedioso pero que gracias a este sistema se resuelve básicamente «con un toque» y queda a disposición de todos los que participan en el proyecto.

El vídeo muestra una demostración de cómo funciona: los cambios generales en el branding o los diseños básicos – como los colores primarios o secundarios de una marca, las tipografías, etcétera se adaptan y trasladan a las apps en cuestión de segundos, de modo que es fácil encontrar ese equilibrio entre la consistencia de estilos y la adaptación a cada formato. Tras probar las variaciones basta exportar los estilos para ver si el resultado es bueno – todo es automático.

Style Dictionary Colors

El código, plantillas y demás están disponibles en Github: Style Dictionary. Está desarrollado en node.js y en continua evolución. Este artículo de AWS cuenta algo más sobre la inspiración e ideas detrás del proyecto: Style Dictionary: An Open Source Tool for Building Customer Trust Through Design Consistency.

# Enlace Permanente


Viewing all articles
Browse latest Browse all 4878

Trending Articles