Close

Categorias

Template do sistema de design

por InVision

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 sua empresa se desenvolver, é muito provável que você precise evoluir sua marca e design também. 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 InVision proporciona as ferramentas necessárias para definir seus 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

Your design principles are the foundation of your design system: they are the values that guide you as you create new products, features, and functionality, and they interact to create your unique look and feel. Choose principles that are concrete, that reflect your organization’s unique point of view, and that designers can apply – using their expert discretion to resolve any tensions or conflicts.

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 InVision é a plataforma de design de produtos digitais usada para criar as melhores experiências do cliente do mundo.

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

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

  • Design component template

    Tony Starr

    Líder de Design de Conteúdo
    Atlassian

    Componente de design

    Documente os componentes do sistema de design com este template prático.