Template do sistema 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.

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.

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.

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.

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.