Design Digital A2

Prévia do material em texto

Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Pergunta 1
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Analise a figura a seguir.
 
 
Fonte: Elaborada pelo autor.
 
A figura representa como um poderá ser navegado em um (navegador),site browser 
apresentando a sua forma estrutural de maneira visual, como deverá ser desenvolvido o
projeto, antes mesmo de iniciar o processo de programação dos códigos em HTML ou
CSS.
 
Nesse sentido, assinale a alternativa que indique qual é o nome técnico que representa a
figura.
Wireframe ou diagrama de wireframe.
Wireframe ou diagrama de wireframe.
Resposta correta. A representação visual da estrutura de como irá funcionar uma tela de um
aplicativo ou uma página é conhecida como wireframe ou diagrama de , que deve serwireframe
criado no começo do desenvolvimento de um projeto, antes de iniciar o processo do design
visual e conteúdo.
Pergunta 2
Resposta
Selecionada:
Resposta Correta:
Comentário
No desenvolvimento de uma página em HTML5, existe a função conhecida
como que permite incorporar informações e conteúdo de páginas ou sistema deembed 
terceiros em um projeto digital. Esse conteúdo pode ser informações de redes sociais e até
APIs, que aumentam o leque de possibilidades de desenvolver páginas com diversos
conteúdos e recursos.
Nesse sentido, assinale a alternativa que indique qual é a definição de APIs.
Programação que permite utilizar funções de um programa externo em uma página
HTML.
Programação que permite utilizar funções de um programa externo em uma
página HTML.
Resposta correta. A alternativa está correta, pois API - Application Programming Interface,
1 em 1 pontos
1 em 1 pontos
Comentário
da resposta:
Resposta correta. A alternativa está correta, pois API Application Programming Interface,
Interface de Programação de Aplicativos, é um grupo de rotina padrão determinado por um
programa, que permite utilizar as funções desse programa em uma página ou outros
aplicativos, sem ter a necessidade que este o programa seja implementado no sistema.
Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Pergunta 3
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Analise o trecho a seguir.
Para proporcionar um carregamento mais rápido de um projeto web, além das imagens
estarem formatadas da maneira correta, a aplicação de boas práticas __________,
definidas pelo W3C facilita muito o trabalho no momento do desenvolvimento e da
manutenção de uma página HTML. 
Assinale a alternativa que preenche corretamente a lacuna.
na codificação.
na codificação.
Resposta correta. A aplicação de boas práticas na codificação conforme o W3C facilita muito o
trabalho do desenvolvedor, além de proporcionar uma consistência de código e nos estilos,
otimizar o tempo e evitar problemas de visualização, tornar o carregamento da página mais
rápido e ser necessário a manutenção, esse trabalho se tornará mais fácil.
Pergunta 4
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Analise o texto a seguir.
Em projetos com uma grande quantidade de informações, é importante o desenvolvimento
do mapa do – tanto para a equipe de design digital responsável pela interface, quantosite 
para a equipe de desenvolvimento da programação e arquitetura da informação – possuir
documentos para iniciar o seu trabalho.
 Para diminuir a possibilidade de erros e minimizar problemas, além de desenvolver o
mapa do , é indicado desenvolver outros documentos. A partir do exposto, associe taissite 
documentos às suas características.
I. Wireframe 
II. Modelos
III. Protótipos
( ) Ilustração básica da estrutura e componentes de uma página web.
( ) Na maioria dos casos, aproximam-se ou são idênticos ao design final do projeto.
( ) Layouts com alguma funcionalidade básica já pronta. 
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência
correta.
I, II, III.
I, II, III.
Resposta correta. Ilustração básica da estrutura e componentes de uma página web
=Wireframe. Na maioria dos casos, aproximam-se ou são idênticos ao design final do projeto =
Modelos. Layouts com alguma funcionalidade básica já pronta = Protótipos. 
Pergunta 5
Analise o texto a seguir. 
Na prática, a criação de convenções com normas e regras simplifica e facilita a
organizaçãofront-end de um projeto de design digital que resulta em uma quantidade
menor de tempo para o desenvolvimento, ganhando maior produtividade e uma
consistência real do trabalho. 
Algumas sugestões de regras podem ser definidas para otimizar a organização front-end ,
como nome e conteúdo dos arquivos de algumas pastas (diretórios) do projeto. 
A partir do exposto, associe tais pastas às características dos arquivos que devem contê-
las:
1 em 1 pontos
1 em 1 pontos
1 em 1 pontos
las: 
I. components;
II. services;
III. scene. 
Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
( ) conter os elementos primários como os buttons. 
( ) conter os elementos que podem ser utilizados em diversas partes do projeto.
( ) conter os elementos que são necessários para rodar um programa no projeto.
 
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência
correta.
I, II, III.
I, II, III.
Resposta correta. A pasta que deve conter os elementos primários como os buttons =
components. A pasta que deve conter os elementos que podem ser utilizados em diversas
partes do projeto = services. A pasta que deve conter os elementos que são necessários para
rodar um programa no projeto = scene.
Pergunta 6
Resposta Selecionada: 
Resposta Correta: 
Comentário
da resposta:
Leia o texto a seguir.
A empresa Google, além de ser uma referência no mecanismo de busca, possui
plataformas que, na sua grande maioria, disponibilizam códigos fonte aberto de softwares
que suportam APIs. Embora sejam voltadas para programadores, é importante o
conhecimento do designer digital para sugerir inovações para as interfaces.
A respeito das plataformas de API da Google, analise as afirmativas a seguir e assinale V
para a(s) Verdadeira(s) e F para a(s) Falsa(s).
1. ( ) Um dos APIs da plataforma é o Google , o qual pode ser personalizado,Maps
inserindo todos os recursos do API, como traçar rotas e funções do Google Street
View.
2. ( ) No API há uma série de fontes com licença liberadas que podemGoogle Fonts,
ser utilizadas nas interfaces, sem a necessidade de estarem instaladas nos
navegadores.
3. ( ) Na plataforma Google Design, há um para o Material Design que possuilink site 
uma série de diretrizes para APIs do Sistema IOS.
4. ( ) As APIs, das interfaces de aplicativos, precisam ter unidade visual de acordo com
o sistema operacional que será visualizado.
Assinale a alternativa que apresenta a sequência correta.
V, V, F, V.
V, V, F, V.
Resposta correta. A sequência está correta. Pois utilizando o API, Google , é possívelMaps
disponibilizar os recursos da plataforma, como inserir o endereço de uma empresa dentro de
uma página do site. No API, Google disponibiliza fontes de alta qualidade liberadas paraFonts
o uso em projetos web. Todos os projetos têm a sua identidade visual, mas para projetos de
aplicativos, é necessário que as APIs também tenham uma unidade visual, de acordo com o
sistema operacional que será visualizado, que, no caso das APIs da Google, é o Android.
Pergunta 7
Os projetos web devem ser desenvolvidos para que sejam visualizados corretamente em
todos os navegadores,mas também é preciso proporcionar acessibilidade para que todos
os indivíduos possam ter acesso e possam utilizar os serviços que são disponíveis nas
páginas dos websites.
Sobre as normas de acessibilidade web, analise as asserções a seguir e a relação
proposta entre elas
1 em 1 pontos
1 em 1 pontos
proposta entre elas.
1. I. As normas de acessibilidade web têm o objetivo de que todas as pessoas possam
ter a experiência de utilização das páginas na internet.
Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Resposta
Selecionada:
Resposta Correta:
Comentário
da resposta:
PORQUE
2. Determinam que todas as pessoas devem ter as mesmas condições de poder
entender e navegar de forma totalmente autônoma.
A seguir, assinale a alternativa correta.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa correta da I.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa
correta da I.
 Resposta correta. As asserções I e II são proposições verdadeiras, pois as normas de
acessibilidade web determinam que todas as pessoas devem ter as mesmas condições de
igualdade de poder entender e navegar de forma totalmente autônoma para ter acesso aos
serviços e que estão disponíveis na internet. Sendo assim, a asserção II é uma justificativasites 
correta da I.
Pergunta 8
Resposta
Selecionada:
 
Resposta Correta:
Comentário
Analise a figura a seguir.
 
 
Fonte: Elaborada pelo autor. 
 
A resolução correta para a imagem ser carregada mais rapidamente nos projetos de design
digital para web é 72 PPI. Nunca se deve aumentar as dimensões da imagem ou a
resolução; se uma imagem não estiver nesta resolução correta, existe um procedimento
que é o indicado de ser executado. 
Nesse sentido, assinale a alternativa que indique qual é o procedimento correto que deve
ser executado no , no menu Tamanho da imagem – Image Size.software Photoshop 
Tirar a seleção do recurso Resample Image e depois alterar a resolução para 72.
Tirar a seleção do recurso Resample Image e depois alterar a resolução para
72.
Resposta correta. Ao abrir a janela do tamanho da imagem no Photoshop, o primeiro
1 em 1 pontos
da resposta: procedimento é tirar a seleção do item Resample Image, depois inserir o valor correto de 72.
Dessa maneira, a imagem será redimensionada para o tamanho no qual a sua qualidade não
será perdida.
Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Pergunta 9
Resposta Selecionada:
 
Resposta Correta: 
Comentário
da resposta:
Leia o texto a seguir.
No código de uma página quando utiliza o CSS, o atributo font-family 
indica as tipografias, como o exemplo: {font-family: Arial, Verdana, Tahoma, Sans-Serif;}.
Este código representa que a principal fonte é Arial, caso não tenha no computador do
usuário, será trocada por Verdana, se não tiver a Verdana será trocada por Tahoma e
assim por diante.
 A respeito da formatação de tipografias no HTML, analise as afirmativas a seguir e
assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s).
1. ( ) Os navegadores utilizam as fontes instaladas no sistema operacional do usuário,
usar fontes desconhecidas pode prejudicar a visualização correta do projeto.
2. ( ) O atributo que define o tamanho do caractere em uma página em HTML é o font-
size pixels., e a unidade de medida que é aceita é apenas em 
3. ( ) Para definir a cor de um texto em uma página em HTML, utiliza o atributo ecolor
pode-se apenas indicar a cor usando o valor do nome da cor em inglês.
4. ( ) Para uma linha de texto não ficar muito próxima da outra, é recomendável a
utilização do atributo , que define a altura da linha.line-height
 
Assinale a alternativa que apresenta a sequência correta.
V, V, V, V. 
 
 
 
V, F, F, V.
Sua resposta está incorreta. Define-se o tamanho do caractere através do atributo font-size, em
que pode ser utilizada a unidade de medida em px, mas também outras. O atributo color, que
indica a cor do texto, pode ser definido pelo valor hexadecimal, pelo nome da cor em inglês ou
pelo valor RGB separados em vírgulas.
Pergunta 10
Front-end é a etapa do desenvolvimento de um projeto de design digital que converte as
informações computacionais dos sistemas em uma interface gráfica, usando recursos das
linguagens como o HTML e CSS, tornado a compreensão dos usuários mais simples para
navegar nos sistemas. 
Considerando o texto apresentado sobre a , analise as afirmativas a seguir.front-end 
1. A organização é importante em todos os projetos de design digital, mas éfront-end
fundamental em grandes aplicações web que possuem uma grande quantidade de
dados.
2. A organização pode ser descartada em projetos experimentais com umafront-end
pequena quantidade de manipulação de dados para poder otimizar o tempo de
trabalho.
3. O uso de estruturas similares em todos os projetos facilita a organização front-
end, ganhando produtividade, pelo fato de o desenvolvedor estar familiarizado com
esses padrões.
4. Para otimizar o desenvolvimento de um projeto , é necessário criar padrõesfront-end
próprios e testá-los, e, no momento que adquirir a prática, iniciar o desenvolvimento.
Está correto o que se afirma em:
0 em 1 pontos
1 em 1 pontos
Resposta Selecionada: 
Resposta Correta: 
Está correto o que se afirma em:
I e III, apenas.
I e III, apenas.
Impresso por Maycon Turell, CPF 413.553.408-29 para uso pessoal e privado. Este material pode ser protegido por direitos autorais e
não pode ser reproduzido ou repassado para terceiros. 22/03/2021 21:35:18
Comentário
da resposta:
Resposta correta. Uma boa organização é fundamental em grandes aplicações web,front-end
pois desde o início do projeto é preciso se preocupar com a arquitetura da informação, para não
ocasionar maiores problemas no decorrer do projeto. Para otimizar o desenvolvimento de um
projeto , o desenvolvedor pode utilizar estruturas e padrões de que já tenhafront-end
conhecimento, não sendo necessário estabelecer novos padrões para todos os projetos.