Close

Categorías

Plantilla de sistemas de diseño

por Atlassian

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

Usar plantilla
Plantilla de sistemas de diseño

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 usar la plantilla Sistema de diseño

Paso 1. Define tus 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.

Paso 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.

Paso 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.

Paso 3. Escribe tus reglas de escritura

Paso 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.

Paso 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.

Paso 5. Documenta tus componentes

Atlassian es una empresa de software empresarial que crea productos para desarrolladores de software, gestores de proyectos y gestión de contenidos.

  • Glosario sobre diseño de contenidos

    Atlassian

    Glosario sobre diseño de contenidos

    Enseña a los redactores a utilizar los nombres de los productos, los términos del sector y otros contenidos con una guía completa.

    Usar plantilla Más información
  • Estrategia de contenidos

    Atlassian

    Estrategia de contenidos

    Crea un plan estratégico de los contenidos y organiza tu calendario editorial.

    Usar plantilla Más información
  • Informe de entrevistas con los clientes

    Atlassian

    Informe de entrevistas con los clientes

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

    Usar plantilla Más información