Como designer de interação
Quero acessar uma biblioteca de guia de estilo dos projetos
Para facilitar o desenho de produtos e garantir consistência e escalabilidade
Contexto
A problemática da inconsistência entre padrões de design de produtos do Felicilab, como o iSUS, causa retrabalho para os designers, aumenta o tempo de produção e fomenta a inconsistência entre plataformas.
O guia de estilo oferece a qualquer designer, que utilize o Figma do DesignLab, uma biblioteca de padrões (detalhados abaixo) que organiza e dimensiona aspectos da interface em valores mutáveis e escaláveis.
Escopo
Cores
Definição de um padrão de coloração para os produtos divididos em cores de destaque (primárias e secundárias), cores neutras para textos (branco, preto e tons de cinza) e cores de feedback (sucesso, erro, alerta e aviso)
Tipografia
Definição de padrões textuais considerando família, fonte, peso e tamanho da tipografia. Organização por contextos de uso: legendas, corpo de texto (1 e 2) e títulos
Formas
Definição das características visuais dos elementos da interface considerando aspectos de arredondamento, bordas, opacidade e sombra
Espaçamento
Listagem do padrão de espaço em pixel que poderá haver entre os elementos na interface, tendo como base de calculo múltiplos de 8
Objetivo
Como designer de interação Quero acessar uma biblioteca de guia de estilo dos projetos Para facilitar o desenho de produtos e garantir consistência e escalabilidade
Contexto
A problemática da inconsistência entre padrões de design de produtos do Felicilab, como o iSUS, causa retrabalho para os designers, aumenta o tempo de produção e fomenta a inconsistência entre plataformas.
O guia de estilo oferece a qualquer designer, que utilize o Figma do DesignLab, uma biblioteca de padrões (detalhados abaixo) que organiza e dimensiona aspectos da interface em valores mutáveis e escaláveis.
Escopo
Cores Definição de um padrão de coloração para os produtos divididos em cores de destaque (primárias e secundárias), cores neutras para textos (branco, preto e tons de cinza) e cores de feedback (sucesso, erro, alerta e aviso)
Tipografia Definição de padrões textuais considerando família, fonte, peso e tamanho da tipografia. Organização por contextos de uso: legendas, corpo de texto (1 e 2) e títulos
Formas Definição das características visuais dos elementos da interface considerando aspectos de arredondamento, bordas, opacidade e sombra
Espaçamento Listagem do padrão de espaço em pixel que poderá haver entre os elementos na interface, tendo como base de calculo múltiplos de 8
Links
https://www.figma.com/file/3j6jvnl9YlYddaEc1IiwWw/Design-System?node-id=0%3A1