Font size
WorksheetsDesenvolvedor Web: Design 04
Total questions: 54
Worksheet time: 52mins
Selecione as ferramentas utilizadas na organização e distribuição de tarefas.
Notion
Trello
Todoist
Figma
Wireframe
O que é o briefing?
Reunião onde se definem instruções, diretrizes para a execução de um determinado trabalho.
O briefing é uma conferência onde se discutem ideias e estratégias.
O briefing é uma conferência onde se discutem ideias e estratégias.
O briefing é uma conferência onde se discutem ideias e estratégias.
O briefing é uma reunião onde se planejam atividades de equipe.
O que é o RoadMap?
Um roadmap é uma representação visual de um plano estratégico que descreve metas, marcos e direções para alcançar um objetivo ou visão em um período específico.
Um roadmap é uma lista de metas e marcos definidos para atingir um objetivo ao longo do tempo.
Um roadmap é um gráfico que mostra a evolução de um projeto ao longo de um período determinado.
Um roadmap é uma representação visual que ajuda a acompanhar o progresso em direção a metas específicas em um determinado período.
Um roadmap é um plano estratégico que usa gráficos e ilustrações para traçar uma rota para o sucesso..
O que é Benchmarking?
Benchmarking é um processo de comparação sistemática das práticas, produtos ou serviços de uma organização com os líderes do setor ou as melhores práticas do mercado, com o objetivo de identificar oportunidades de melhoria e impulsionar o desempenho.
Benchmarking é o ato de copiar as estratégias de negócios de uma organização de sucesso.
Benchmarking é um termo usado para descrever o estabelecimento de metas de desempenho em uma empresa.
Benchmarking é o processo de medir o desempenho de uma empresa exclusivamente com base em sua própria história.
Benchmarking é uma técnica para avaliar a satisfação do cliente em relação a um produto ou serviço.
O que é Mood Board?
Um mood board é uma ferramenta visual que reúne imagens, cores, texturas e elementos de design para representar o estilo, a atmosfera ou o conceito de um projeto, produto ou ideia.
Um mood board é uma apresentação de slides que resume o conteúdo de um projeto de design gráfico.
Um mood board é um documento que lista as etapas de um projeto criativo.
Um mood board é um tipo de painel de controle usado para monitorar o clima e as condições atmosféricas.
Um mood board é uma técnica para avaliar a popularidade de uma marca ou produto nas redes sociais.
Para desenvolver o design da página web, precisamos:
Marca e Identidade Visual do cliente.
Identificar a concorrência, o público-alvo e os objetivos.
Arquitetar a estrutura do site com protótipos.
Construir o banco de dados.
Hospedar o site.
A arquitetura de websites refere-se ao (a) da (b) de um site para posteriormente desenvolvê-lo de maneira organizada.
Em arquitetura de websites, nós temos a (a) , que é uma maneira de fazermos alguns exemplos teste/visuais de como o site deve ficar.
Selecione os tipos de protótipos:
Baixa-Fidelidade
Média-Fidelidade
Alta-Fidelidade
Mais-Fidelidade
Menos-Fidelidade
Corresponda o tipo de prototipagem com a imagem correta.
Baixa-Fidelidade
Média-Fidelidade
Alta-Fidelidade
O que é wireframe?
Um wireframe é um esboço visual básico de um design de página da web ou aplicativo que representa a estrutura e o layout, sem detalhes visuais.
Um wireframe é um gráfico detalhado que representa a identidade visual de um site.
Um wireframe é um tipo de gráfico que exibe dados estatísticos em um formato simplificado.
Um wireframe é uma técnica de codificação para desenvolver sites.
Quem é a melhor professora do mundo?
Carol
Carolini
O que é um mapa do site?
Um diagrama que mostra as cores usadas em um site.
Uma representação visual da estrutura de um site.
Um logotipo usado no cabeçalho de uma página da web.
Um desenho que mostra as ações do site.
Um mapa do site é uma representação visual da (a) de um site.
Qual é a importância de um mapa do site?
É uma representação visual da estrutura de um site.
É um logotipo usado no cabeçalho de uma página da web.
É um desenho que mostra as ações do site.
É um diagrama que mostra as cores usadas em um site.
Quais são os princípios básicos do design de interface?
Consistência, feedback, eficiência e estética.
Originalidade, interatividade, acessibilidade e segurança.
Integridade, usabilidade, personalização e confiabilidade.
Escalabilidade, adaptabilidade, inovação e colaboração.
Quem é Jakob Nielsen?
Um famoso jogador de futebol.
Um programador que inventou o Figma.
Um designer gráfico.
Um especialista em UX/UI.
O que é usabilidade em design de interface?
É a capacidade de um site ser encontrado em mecanismos de busca.
É a facilidade de uso e aprendizado de um site ou aplicativo.
É a aparência visual de um site ou aplicativo.
É a velocidade de carregamento de um site ou aplicativo.
As (a) são um conjunto de (b) simples e criadas por (c) para avaliar a (d) de um site ou aplicativo.
Quais das seguintes opções NÃO é uma das heurísticas de Nielsen?
Diversão e entretenimento.
Visibilidade do status do sistema.
Prevenção de erros.
Feedback do usuário.
Flexibilidade e eficiência de uso.
(a) são as melhores práticas que tornam as interfaces mais intuitivas e familiares para os (b) .
Os padrões de design de interface do usuário são como receitas que ajudam a criar interfaces mais fáceis de usar e consistentes.
Selecione alguns desses exemplos.
Menu de hamburger
Carrossel
Abas
Efeito Bokeh
Doodle Animado
Corresponda o tipo de prototipagem com a imagem correta.
Baixa-Fidelidade
Média-Fidelidade
Alta-Fidelidade
A prototipagem de baixa-fidelidade é uma representação (a) do design, geralmente feita (b) , para testar conceitos.
A prototipagem de média-fidelidade é (a) , usando (b) para criar uma versão mais próxima do produto final
A prototipagem de alta-fidelidade é (a) , usando (b) para criar uma versão que se assemelha muito ao produto final em termos de aparência e interação.
O que é um mapa do site?
Um diagrama que mostra as cores usadas em um site.
Uma representação visual da estrutura de um site.
Um logotipo usado no cabeçalho de uma página da web.
Um desenho que mostra as ações do site.
Um mapa do site é uma representação visual da (a) de um site.
Qual é a importância de um mapa do site?
É uma representação visual da estrutura de um site.
É um logotipo usado no cabeçalho de uma página da web.
É um desenho que mostra as ações do site.
É um diagrama que mostra as cores usadas em um site.
Quais são os princípios básicos do design de interface?
Consistência, feedback, eficiência e estética.
Originalidade, interatividade, acessibilidade e segurança.
Integridade, usabilidade, personalização e confiabilidade.
Escalabilidade, adaptabilidade, inovação e colaboração.
Quem é Jakob Nielsen?
Um famoso jogador de futebol.
Um programador que inventou o Figma.
Um designer gráfico.
Um especialista em UX/UI.
O que é usabilidade em design de interface?
É a capacidade de um site ser encontrado em mecanismos de busca.
É a facilidade de uso e aprendizado de um site ou aplicativo.
É a aparência visual de um site ou aplicativo.
É a velocidade de carregamento de um site ou aplicativo.
As (a) são um conjunto de (b) simples e criadas por (c) para avaliar a (d) de um site ou aplicativo.
Quais das seguintes opções NÃO é uma das heurísticas de Nielsen?
Diversão e entretenimento.
Visibilidade do status do sistema.
Prevenção de erros.
Feedback do usuário.
Flexibilidade e eficiência de uso.
(a) são as melhores práticas que tornam as interfaces mais intuitivas e familiares para os (b) .
Os padrões de design de interface do usuário são como receitas que ajudam a criar interfaces mais fáceis de usar e consistentes.
Selecione alguns desses exemplos.
Menu de hamburger
Carrossel
Abas
Efeito Bokeh
Doodle Animado
Corresponda o tipo de prototipagem com a imagem correta.
Baixa-Fidelidade
Média-Fidelidade
Alta-Fidelidade
A prototipagem de baixa-fidelidade é uma representação (a) do design, geralmente feita (b) , para testar conceitos.
A prototipagem de média-fidelidade é (a) , usando (b) para criar uma versão mais próxima do produto final
A prototipagem de alta-fidelidade é (a) , usando (b) para criar uma versão que se assemelha muito ao produto final em termos de aparência e interação.
Guias de estilo são determinadas para começar a criação do protótipo de (a) fidelidade.
Guias de (a) são como um conjunto de regras para manter a consistência no visual de um site.
As guias de estilo definem coisas como:
cores
fontes
tamanhos de texto
tamanhos de imagem
linguagem de programação
Ao definirmos as (a) , deixamos claro quais serão as primárias e suas variações e também as de feedback.
A cor hexadecimal é referenciada pelo seguinte valor:
#FF4500
33 55 66 77 99
i989865577
#8723486367403
Em um guia de estilo de web design, a seleção de fontes e a (a) são importantes para garantir uma aparência consistente e legível do texto.
Geralmente definimos de 1 a 3 (a) de texto.
Cada fonte precisa dos seguintes valores:
tamanho do texto
tipo de texto ( ítalico, negrito, sublinhado )
cores
saturação
imagem
Após determinarmos quais cores e fontes a serem utilizadas no projeto, precisamos selecionar também para a guia de estilo ...
ícones
espaçamentos
distribuição de tela ( grids )
caixas de interação ( inputs, seletores, botões, etc )
cores, tamanhos e formas de elementos ( imagens, tabelas, etc )
No guia de estilo de web design, definir práticas de espaçamento e margens é importante para manter uma consistência visual na disposição dos elementos em uma página.
Verdadeiro.
Falso.
A seção de conteúdo de um guia de estilo costuma incluir informações sobre o público-alvo do site, mas não detalhes sobre tom de voz e estilo de escrita.
Verdadeiro.
Falso.
Selecione somente as sentenças verdadeiras.
Um guia de estilo deve ser rígido e inflexível, sem espaço para adaptação com base nas necessidades específicas de cada projeto de web design.
Em um guia de estilo, a seção de imagens e ícones pode especificar formatos de arquivo aceitáveis e resoluções recomendadas para gráficos a serem usados no site.
Definir práticas de espaçamento e margens em um guia de estilo ajuda a manter a disposição consistente dos elementos em uma página da web.
Um guia de estilo raramente inclui diretrizes para o uso apropriado do logotipo da empresa em diferentes contextos.
Em um guia de estilo, é comum incluir informações sobre a história da empresa para adicionar contexto ao design do site.
Combine os nomes com as descrições.
Conjunto de cores específicas para manter a identidade visual consistente.
Paleta de Cores
Documento que descreve a seleção de fontes para o site.
Tipografia
Componentes críticos que determinam a distância entre elementos, criando equilíbrio e clareza no layout.
Espaçamento e Margens
Especificações para formatos e tamanhos ideais a serem usados no site.
Diretrizes para Imagens
Descrição de cores, tamanhos e tipos de ícones a serem utilizados no site.
Íconografia
Coloque na ordem correta os passos para a criação de site.
Briefing
Wireframe
Guias de Estilo
Protótipo de Alta Fidelidade
Desenvolvimento do site em programação
