O sushi é o próprio sistema de design do Zomato, que ajuda a construir interfaces de usuário robustas após uma linguagem de design limpa e simples. Nós no Zomato, construímos isso a partir do solo. Não é apenas um sistema de design para nós, mas mais do que isso nos ajuda a fornecer uma experiência nova e aprimorada aos nossos usuários. O sushi pode ajudá-lo a criar interfaces de usuário sob medida após uma linguagem de design atômica, limpa e simples. Embora o sushi se acumule sua própria linguagem de design, ele abraça e usa os componentes de design de material do Google internamente em muitas áreas.
Como sistema de design e uma referência para diretrizes de marca, é utilizado e representado por várias equipes dentro do Zomato, Tal - Produto, Engenharia, Marketing e Branding.
O que é um Sistema de design?
Um sistema de design é uma coleção de componentes reutilizáveis, guiados por padrões claros, que podem ser montados juntos para criar qualquer número de aplicativos. Um sistema de design não é apenas uma coleção dos ativos e componentes que você usa para construir um produto digital. De acordo com Emmet Connolly, diretor de design de produto no Intercom, "... a maioria dos sistemas de design são realmente apenas bibliotecas de padrão: uma grande caixa de peças de Lego de Ui que podem ser montadas em maneiras quase infinitas. Todas as peças podem ser consistentes, mas isso não significa que os resultados montados serão. Seu produto é mais do que apenas uma pilha de elementos ui reutilizáveis. Tem estrutura e significado. Não é uma página web genérica, é a forma de realização de um sistema de conceitos. "
Sistema de design de sushi
Fundações
As fundações são diretrizes de marca digital, que definem tipografia, paletas de cores, ícones, espaçamento, sombra e arquitetura de informações do nosso sistema de design. Sushi, seguindo princípios de design atômico, é construído de baixo para cima usando componentes composíveis, ordenados como átomos ➡️ moléculas ➡️ Organismos.
design atômico
design atômico (como descrito por Brad Frost ) Mapeado para o nosso sistema.
#atoms
as menores unidades indivisíveis são átomos. No Android (ou qualquer UI móvel), botões e titulares de imagem são átomos.
#molecules
Vistas que envolvem vários átomos para formar, mas ainda parecem e se comportar Como uma única entidade para o usuário são moléculas. Por exemplo, os campos de entrada têm a caixa de entrada, o campo de erro e um botão claro, mas juntos é uma única entidade.
#Organisms
componentes complexos, mas reutilizáveis , esse funciona de forma coesa juntos. Composto por múltiplos átomos e moléculas. Um caso no ponto sendo barras de classificação, que consiste em tags, cada um com um número e um ícone. As tags também mudam de cor, quando diferentes classificações são selecionadas. Cada tag individualmente também é usada em outros lugares, mas como uma barra de classificação, tudo funciona juntos para criar novo significado.
tipografia
Tipografia, como você pode saber, é A arte de organizar o tipo para tornar a linguagem escrita legível, legível e atraente quando exibida. O arranjo do tipo envolve a seleção de tipos de letras, tamanhos de ponto, comprimentos de linha, espaçamento de linha e espaçamento de letras e ajustando o espaço entre pares de letras.
Nós apoiamos as seguintes variações de tipo
Extralight
Light
Regular
Médio
Semibold
Bold
Extrabold
Você pode usar qualquer fonte que tenha até 8 pesos de fontes e atribuí-los a partir destes apelido. Enquanto temos metrópole, quiabo e roboto para demonstração, você pode usar qualquer fonte que acompanha sua marca.
cores
sushi também fornece um conjunto de cores predefinidas em sua paleta . Para casos extremamente únicos, sinta-se à vontade para usar suas próprias cores, mas de outra forma, recomendamos usar cores desta paleta para todos os componentes do seu produto.
9Apps 4.9
