Quiz e Flashcards sobre iDS Itaú Design System

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

O que o iDS (Itaú Design System) oferece?

Um repositório de código aberto

Apenas design para aplicativos móveis

Elementos de interface e componentes reutilizáveis (correct)

Um ambiente de desenvolvimento para programadores

O iDS é o design system oficial do banco Itaú.

True

Quais são as duas divisões principais dos design tokens no iDS?

Foundations tokens e Default tokens

O iDS não é __________.

A Work.co Signup and view all the answers

Associe as definições corretas sobre iDS com suas características:

Foundations tokens = Tokens de pré-definições usadas por todas as marcas Default tokens = Tokens com pré-definições específicas para cada marca iDL = Uma das ferramentas dentro da diretriz iDS Design System = Um guia para construir experiências consistentes Signup and view all the answers

Qual é a visão de produto do iDS?

Ser o design system único do Itaú, atendendo todas as marcas e plataformas Signup and view all the answers

Os design tokens são a maior parte de um design system.

False Signup and view all the answers

Quais são alguns exemplos de marcas que utilizam Default tokens?

IBBA, Credicard, iti Signup and view all the answers

Qual é a principal função dos componentes no Itaú Design System?

Permitir a escala, padronização e agilidade na produção de telas Signup and view all the answers

Os componentes são acessíveis apenas por pessoas designers e não por pessoas desenvolvedoras.

False Signup and view all the answers

Quais são alguns exemplos de componentes mencionados?

Botões, modal, slider, menu, checkbox, accordion. Signup and view all the answers

As bibliotecas devem estar ligadas no arquivo, incluindo iDS Core components, iDS General Tokens, iDS Brands e iDS ______.

Icons Signup and view all the answers

Associe as bibliotecas às suas respectivas descrições:

iDS Core components = Componentes reutilizáveis para design iDS General Tokens = Tokens de design para uniformidade iDS Brands = Elementos da marca para design iDS Icons = Ícones utilizados em interfaces Signup and view all the answers

O que é necessário fazer para ativar uma biblioteca no Figma?

Ir em 'Assets' > 'Library' > 'Your teams' Signup and view all the answers

Os design tokens são elementos que formam os componentes.

True Signup and view all the answers

Qual é o primeiro passo para adicionar componentes no Figma?

Clicar na aba Assets no canto superior esquerdo. Signup and view all the answers

Study Notes

iDS - Itaú Design System

iDS é o sistema de design oficial do Itaú, proporcionando uniformidade em produtos e marcas.
Inclui elementos de interface, componentes reutilizáveis, guias de estilo e regras de acessibilidade.

O que o iDS é e não é

Não é: Voxel, Master, Work.co, ou iDL (iDS é uma ferramenta dentro da diretriz iDL).
É: Sistema de design para múltiplos produtos do banco, suporte à construção de jornadas em iDL.

Visão do Produto

A visão do iDS é ser um sistema único, atendendo todas as marcas e plataformas do Itaú.
Objetivo é facilitar experiências rápidas e consistentes para os clientes, mantendo qualidade e eficiência.

Design Tokens

Design tokens são variáveis de estilo pré-definidas (como bordas, cores, tipografia) usadas por times de design e tecnologia.
Representam a menor unidade do design system, formando juntos os componentes.
Divididos em:
- Foundations tokens: pré-definições universais para todas as marcas.
- Default tokens: pré-definições específicas para marcas como IBBA e Credicard.

Componentes

Componentes são elementos reutilizáveis que utilizam design tokens e regras de acessibilidade e codificação.
Permitem escalabilidade e agilidade na produção de interfaces digitais.
Acessados por desenvolvedores via repositórios de tecnologia e por designers através de bibliotecas no Figma.

Conexão com o Figma

Para ativar bibliotecas no Figma, acesse "Assets" > "Library" > "Your teams".
Exemplos de componentes incluem botões, modais, sliders, menus e checkboxes.

Ligação de Bibliotecas no Figma

Com o arquivo aberto, vá em "Assets" e clique no ícone de Libraries.
Selecione a aba Itaú Unibanco e escolha [iDS] Itaú Design System.
Adicione bibliotecas: Core components, General Tokens, Brands e Icons.
As bibliotecas devem estar localizadas em iDS Resources para uso.

Adicionando Componentes no Figma

Componentes reutilizáveis são criados com design tokens, permitindo padronização e agilidade.
Para adicionar componentes: clique no respectivo ícone no Figma e selecione os desejados para a interface.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Neste quiz, você aprenderá sobre o iDS, o design system oficial do Itaú. Descubra suas características, elementos de interface, e como ele se integra ao ecossistema de produtos e marcas do banco. Teste seus conhecimentos sobre o que o iDS representa e como ele é utilizado.

Introdução ao iDS - Itaú Design System

Choose a study mode