Close

Categorías

Plantilla de sistemas de diseño

por InVision

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 InVision te ofrece las herramientas que necesitas para definir tus principios de diseño, documentar los componentes, así como para clarificar 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

InVision es la plataforma de diseño de productos digitales que se usa para crear las mejores experiencias de clientes del mundo.

  • Customer interview report template

    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
  • Design component template

    Tony Starr

    Diseñador jefe de Contenidos
    Atlassian

    Componente de diseño

    Documenta los componentes de tu sistema de diseño con esta práctica plantilla.

    Usar plantilla Más información
  • Design sprint template

    Figma

    Design sprint

    Crea un marco para responder a preguntas empresariales críticas mediante el diseño y las pruebas.

    Usar plantilla Más información