Close

Categorias

Template do sistema de design

por Atlassian

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

Usar template
Template do sistema de design

À 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 Sistema de design

Etapa 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, recursos 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.

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

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

Etapa 3. Defina suas regras de escrita

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

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

Etapa 5. Documente seus componentes

A Atlassian é uma empresa de software corporativo que desenvolve produtos para desenvolvedores de software, gerentes de projeto e gestão de conteúdo.

  • Content design glossary template

    Atlassian

    Content design glossary

    Teach writers how to use product names, industry terms, and other content with an A-Z guide.

  • Content strategy template

    Atlassian

    Estratégia de conteúdo

    Crie planos de estratégia de conteúdo e organize o calendário editorial.

  • Customer interview report template

    Atlassian

    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.