Design system template

Plantilla de sistemas de diseño

Creado por:

Atlassian logo

Escala tu equipo de diseño desarrollando un sistema de diseño unificado con ayuda de los profesionales

Categorías

  • Diseño

FUNCIONES CLAVE

  • Documentación

  • Alineación del equipo

  • Centro de ayuda

Design system template

A medida que crezca tu organización, probablemente tendrás que evolucionar tu marca y también tu diseño. Desarrollar un sistema de diseño te ayudará a acelerar el proceso de diseño, eliminar las incoherencias y reducir la deuda de diseño en toda tu organización. La plantilla de sistemas de diseño te ofrece las herramientas que necesitas para definir tus principios de diseño, documentar los componentes y aclarar las reglas y prácticas recomendadas para el diseño, la escritura y mucho más. Es el punto de inicio perfecto para cualquier sistema de diseño.

Cómo utilizar la plantilla de sistemas de diseño

  1. 1

    Define los principios de diseño

    Tus principios de diseño son los pilares de tu sistema de diseño: son los valores que te guían a medida que creas nuevos productos, funciones y funcionalidades, e interactúan para crear tu aspecto único. Elige principios que sean concretos, que reflejen el punto de vista único de tu organización y que los diseñadores puedan aplicar utilizando su criterio experto para resolver cualquier tensión o conflicto.

  2. 2

    Describe tu lenguaje visual

    Una vez que hayas definido los principios de diseño, es hora de que te ocupes de los elementos de tu lenguaje visual. Son cosas como tu paleta de colores, la tipografía, el tamaño y las reglas de espaciado, así como tus bibliotecas de iconos e ilustraciones. Para cada elemento de diseño, enumera las reglas que los diseñadores deberían aplicar e incluye unos cuantos puntos sobre qué hacer y qué no para demostrar cómo se utilizan los elementos en la práctica.

  3. 3

    Escribe tus reglas de escritura

    Cuando hayas terminado con los elementos visuales, es hora de pasar a las palabras. Cada organización tiene un estilo de escritura diferente y una voz distinta. Incluso las convenciones de mayúsculas y minúsculas, puntuación y números pueden variar de un equipo de diseño a otro. Incluye las reglas de escritura prácticas en la parte inferior de la página, añade términos de la marca a tu diccionario y crea una ficha de ayuda en la parte superior para resolver las preguntas habituales o recordarle al equipo de diseño convenciones de escritura importantes.

  4. 4

    Diseña las prácticas recomendadas

    Sabes lo que le funciona y lo que no le funciona a tu equipo de diseño. En la siguiente sección, anota tus prácticas recomendadas para elementos como la accesibilidad, la compatibilidad del navegador y el diseño móvil. De esa forma, los diseñadores tienen una buena ficha de ayuda para ayudarles a crear diseños probados y demostrados que son bonitos e inclusivos.

  5. 5

    Documenta tus componentes

    Ahora ha llegado el momento de entrar en detalles. Pega un fragmento de código para cada componente en tu sistema de diseño y utiliza las tablas de esta sección para describir las formas en las que se puede modificar en diferentes contextos de diseño. Esta sección es crítica para garantizar que los desarrolladores de tu organización implementan tus diseños de forma correcta y uniforme, así que asegúrate de prestarle toda tu atención y tiempo.

Plantillas relacionadas

Diseño

Plantilla de glosario sobre diseño de contenidos

Enseña a los redactores a usar los nombres de los productos, los términos del sector y otro contenido con una guía completa.

Diseño

Plantilla de estrategia de contenidos

Traza tu estrategia de contenidos y organiza tu calendario editorial

Gestión de productos

Plantilla de informe de entrevistas con los clientes

Convierte las entrevistas a los clientes en conocimiento con el informe de entrevistas con los clientes.