Design system template

Template Sistema de design

Criado por:

Atlassian logo

Dimensione sua equipe de design ao desenvolver um sistema de design unificado com a ajuda de profissionais

Categorias

  • Design

Principais funções

  • Documentação

  • Alinhamento da equipe

  • Base de conhecimento

Design system template

À medida que a empresa cresce, é muito provável que também seja necessário evoluir a marca e o design. Desenvolver um sistema de design vai ajudar a acelerar o processo de design, eliminar inconsistências, bem como reduzir débitos em toda a empresa. O template do sistema de design proporciona as ferramentas necessárias para definir os princípios de design, componentes do documento, além de esclarecer as regras e as práticas recomendadas para design, escrita e mais. É o ponto inicial perfeito para qualquer sistema de design.

Como usar o template de sistemas de design

  1. 1

    Defina seus princípios de design

    Os princípios são a base do sistema de design: eles orientam na criação de novos produtos, funções e funcionalidades e, além disso, interagem para criar a aparência exclusiva. Escolha princípios concretos, que reflitam o ponto de vista único da empresa e que os designers possam usar, usando critérios de parceiros para resolver tensões ou conflitos.

  2. 2

    Descreva sua linguagem visual

    Assim que tiver definido seus princípios de design, mude seu foco para os elementos de sua linguagem visual, por exemplo, paleta de cores, tipografia, tamanho, regras de espaçamento, seu ícone e as bibliotecas de ilustração. Para cada elemento de design, liste as regras que os designers devem aplicar e inclua uma lista de o que fazer e o que não fazer para demonstrar como os elementos são usados na prática.

  3. 3

    Defina suas regras de escrita

    Após trabalhar nos elementos visuais, mude seu foco para as palavras. Toda empresa tem um estilo de escrita e uma voz diferente. Até mesmo convenções de capitalização, pontuação e números podem variar de uma equipe de design para outra. Defina suas regras básicas, adicione termos da marca ao léxico e crie uma folha de consulta para responder às perguntas comuns ou lembrar a equipe de design sobre as convenções de escrita importantes.

  4. 4

    Crie suas práticas recomendadas

    Você sabe o que funciona ou não para sua equipe de design. Na próxima seção, escreva suas práticas recomendadas para acessibilidade, suporte ao navegador e design móvel. Desse modo, os designers vão ter uma folha de consulta para ajudar a elaborar designs testados e comprovados que sejam bonitos e inclusivos.

  5. 5

    Documente seus componentes

    Agora é hora de se aprofundar. Cole um snippet de código para cada componente em seu sistema de design e use as tabelas nessa seção para descrever os modos pelos quais ele pode ser modificado em diferentes contextos de design. Essa seção é fundamental para garantir que seus designs sejam implementados com consistência e correção pelos desenvolvedores em sua empresa, então dê toda a sua atenção e tempo a isso.

Templates relacionados

Design

glossário de design de conteúdo

Ensine escritores a usar nomes de produtos, termos do setor e outros conteúdos com um guia de A–Z.

Design

estratégia de conteúdo

Mapeie a estratégia de conteúdo e organize o calendário editorial

Gestão de produto

Relatório de entrevista com o cliente

Transforme as entrevistas com o cliente em dados com o último relatório de entrevista com o cliente.