[PROVA] Design digital

Prévia do material em texto

Pergunta 1 
0 em 1 pontos 
 
Os avanços da tecnologia dos dispositivos móveis, como os tablets 
e os smartphones , proporcionam estabelecer uma conexão à internet , além 
de ter o acesso à rede mundial de computadores praticamente 24 horas por 
dia. Somente somos desconectamos no momento em que desligamos os 
aparelhos da internet . 
Sobre a conexão de 
internet , analise as asserções a seguir e a relação proposta entre elas. 
I. As primeiras conexões pela internet se davam de maneira totalmente 
física por meio de cabos e fios. 
Porque: 
II. Quando surgiu a internet , as conexões eram por meio dos satélites 
disponibilizados pelos militares. 
 
A seguir, assinale a alternativa correta. 
 
Resposta 
Selecionada: 
 
As asserções I e II são proposições verdadeiras, e a II é uma 
justificativa correta da I. 
Resposta Correta: 
A asserção I é uma proposição verdadeira, e a asserção II é 
uma proposição falsa. 
Comentário 
da resposta: 
Sua resposta está incorreta. A alternativa está incorreta, pois a 
asserção I é uma preposição verdadeira, enquanto a II é uma 
preposição falsa. No momento do surgimento da internet, as 
conexões eram discadas utilizando o mesmo fio do telefone, sendo 
totalmente físico. Por sua vez, as conexões por satélites se deram 
com o avanço das tecnologias. 
 
 
Pergunta 2 
1 em 1 pontos 
 
A formatação de efeitos visuais em um projeto de design digital, como um 
website ou um aplicativo é uma boa opção para poder trabalhar com a 
identidade visual de forma criativa e não muito estática, desde que não 
utilize efeitos visuais de maneira excessiva e não harmônica. 
Nesse sentido, assinale a alternativa que indique como pode ficar a 
interface, caso utilize efeitos visuais em excesso. 
 
Resposta Selecionada: 
Interface cansativa e confusa. 
Resposta Correta: 
Interface cansativa e confusa. 
 
Comentário da 
resposta: 
Resposta correta. O uso de efeitos visuais pode ocasionar uma 
interface cansativa e confusa, pela grande quantidade de 
animações, texto rolando de um lado para outro, de cima para 
baixo ou piscando, causando desconforto visual. 
 
Pergunta 3 
1 em 1 pontos 
 
Para desenvolver as interfaces, os profissionais levam em consideração a 
observação de como as pessoas se comunicam entre si, com o objetivo de 
tentar representar da mesma forma a comunicação entre a interface e o 
usuário. Desse modo, o estudo da ________ é o principal estudo 
considerado nesse processo. 
 
Assinale a alternativa que preencha corretamente a lacuna: 
 
 
Resposta Selecionada: 
linguística. 
Resposta Correta: 
linguística. 
Comentário 
da resposta: 
Resposta correta. A alternativa está correta, pois a linguagem 
humana é a maneira mais eficaz de se comunicar entre as pessoas. 
Assim, o profissional que consegue desenvolver uma interface que 
se comunique com o usuário da mesma forma será uma interface 
muito eficiente. 
 
 
Pergunta 4 
1 em 1 pontos 
 
Leia o texto a seguir. 
 
Para poder ligar um arquivo a qualquer outra página, arquivo ou recurso ou 
local diferente na mesma página em HTML, é utilizado o recurso de 
hiperlinks 
ou simplesmente links . No momento em que são clicados é que acontece 
esse direcionamento para a página ou recurso. 
Considerando o texto apresentado, sobre a inserção de links , analise as 
afirmativas a seguir. 
I. ( ) Os links ou hiperlinks podem ser aplicados em diferentes 
elementos que compõem uma página em HTML como imagens e 
textos. 
 
II. ( ) A tag que indica um link é a <l>, na qual deve ser incluído o 
atributo href, Hypertext Reference, justamente o endereço de destino 
do link. 
III. ( ) Dentro da tag do link, deve ser inserido o texto, a imagem ou o 
elemento que, ao ser ativado, direciona para o endereço dentro do 
atributo href. 
IV. Para adicionar um link para a mesma página, basta utilizar o 
caractere “m” e, em seguida, a identificação do link. 
 
Está correto o que se afirma em: 
Resposta Selecionada: 
I e III, apenas. 
Resposta Correta: 
I e III, apenas. 
Comentário da 
resposta: 
Resposta correta. Os links ou hiperlinks 
podem ser aplicados em diferentes elementos como imagens e 
textos, que devem ser aplicados dentro da tag <a> e ser inserido o 
texto, a imagem ou o elemento que, ao ser ativado, direciona para 
o endereço dentro do atributo href. 
 
 
Pergunta 5 
1 em 1 pontos 
 
Os componentes visuais de um projeto se relacionam. No caso de projetos 
para web, os componentes são conhecidos como client-side. Já os 
componentes relacionados ao desenvolvimento de programação são 
conhecidos como back-end . O server-side , por sua vez, é para projetos de 
web. 
Sobre front-end , analise as asserções a seguir e a relação proposta entre 
elas. 
I. Desenvolver o front-end 
é criar a interface do sistema com o usuário. 
Porque: 
II. O desenvolvimento de front-end deve ser de acordo com a identidade 
visual do projeto. 
A seguir, assinale a alternativa correta. 
 
Resposta 
Selecionada: 
 
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, e a II é uma 
justificativa correta da I. 
 
Comentário 
da resposta: 
Resposta correta. A alternativa está correta, pois a asserção I é uma 
proposição verdadeira, já que a interface do projeto em que estão 
incluídas as telas é criada no momento do front-end. A asserção II 
também é uma proposição verdadeira, porque o front-end 
deve seguir a identidade visual do projeto que inclui as tabelas, os 
botões, as listas, os campos de pesquisa com exibição dos 
resultados, sendo, assim, uma justificativa correta da I. 
 
 Pergunta 6 
1 em 1 pontos 
 
As metáforas não estão somente presentes na literatura ou nas poesias; 
elas fazem parte do nosso dia a dia, já que, muitas vezes, utilizamos as 
metáforas sem ao menos nos dar conta. Vê-se, assim, que elas estão 
presentes na nossa vivência e experiência, fazendo parte do nosso 
conhecimento de forma natural. 
Considerando o exposto, sobre metáforas da interface, analise as 
afirmativas a seguir: 
I. As metáforas funcionam da mesma forma nas interfaces, por exemplo, 
quando movemos um documento ou arquivo de uma pasta para a outra, o 
usuário entende que realmente está trocando esse arquivo ou documento 
de lugar. 
II. A função de recortar e colar é um exemplo de metáforas de interface, em 
que o usuário entende que realmente está recortando e colocando de um 
lugar para o outro, mas, na verdade, o item recortado está armazenado no 
buffer. 
III. O uso de metáforas nas interfaces facilita muito o trabalho do profissional 
que realiza o desenvolvimento, pois, aplicando os seus conceitos, o projeto 
se torna praticamente universal, sendo de fácil compreensão para todas as 
pessoas. 
IV. A interface, para ser amigável, tem como característica principal utilizar 
ícones que são considerados padrões, sendo que o principal desses ícones 
é o de salvar, o qual é representado por um disquete, uma metáfora de fácil 
compreensão para diversos públicos. 
Está correto o que se afirma em: 
 
Resposta Selecionada: 
I e II, apenas. 
Resposta Correta: 
I e II, apenas. 
Comentário 
da resposta: 
Resposta correta. A alternativa está correta, pois, para uma 
metáfora realmente funcionar na interface, que é totalmente visual, 
os ícones ou as ações que os usuários executarem devem ser 
semelhantes de como eles executam essa mesma ação com os 
objetos reais. 
 
 
Pergunta 7 
1 em 1 pontos 
 
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, assinalea alternativa que indique qual é o procedimento 
correto que deve ser executado no software Photoshop , no menu Tamanho 
da imagem – Image Size. 
 
Resposta 
Selecionada: 
 
Tirar a seleção do recurso Resample Image e depois alterar a 
resolução para 72. 
Resposta Correta: 
Tirar a seleção do recurso Resample Image e depois alterar a 
resolução para 72. 
Comentário 
da resposta: 
Resposta correta. Ao abrir a janela do tamanho da imagem no 
Photoshop, o primeiro 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. 
 
 
Pergunta 8 
1 em 1 pontos 
 
A utilização de listas ordenadas e não ordenadas é importante para a 
organização da visualização das informações. A diferença entre elas é que, 
na lista ordenada, os tópicos são sequenciais e, na lista não ordenada, os 
tópicos são identificados por meio de _________. 
Assinale a alternativa que preencha corretamente a lacuna: 
 
Resposta Selecionada: 
marcadores. 
Resposta Correta: 
marcadores. 
Comentário 
da resposta: 
Resposta correta. A alternativa está correta, pois, na lista não 
ordenada, a organização dos tópicos ocorre por meio de 
marcadores, não precisando seguir uma sequência lógica, 
numérica. Assim, há listas não numeradas e utilizadas para listar 
itens, sem se preocupar com sua sequência. 
 
 
Pergunta 9 
0 em 1 pontos 
 
Alguns fatores são relevantes para um site ser considerado funcional, além 
dos relacionados à identidade visual, interface do usuário (UI), front-end , 
aspectos de navegação e técnicos, como o Search Engine Optimization 
(SEO), otimização para mecanismos de busca. 
 
Nesse sentido, assinale a alternativa que indica um fator também 
considerado importante para um site ser considerado funcional. 
 
Resposta Selecionada: 
O fator do conteúdo. 
Resposta Correta: 
O fator da manutenção. 
Comentário 
da resposta: 
Sua resposta está incorreta. A alternativa está incorreta, pois 
fatores como conteúdo, divulgação, criatividade e marketing 
digital ajudam o site ser conhecido, mas não auxiliam a sua 
funcionalidade como fator de manutenção que lhe permite 
sempre funcionar corretamente. 
 
 
Pergunta 10 
1 em 1 pontos 
 
Nos grandes projetos de design digital, com volume considerável de 
informações, banco de dados e interações, é bem provável que sejam 
utilizados mais do que um framework , pelo fato de as suas estruturam 
poderem ser utilizadas em diferentes partes da programação. Vários 
modelos de framework estão disponíveis no mercado, a propósito. 
 
A partir do exposto, associe tais modelos às suas características. 
 
I. Bootstrap. 
II. Ionic. 
III. Angular. 
 
( ) Possui opção para desenvolvimento de CSS e vantagens relacionadas à 
responsividade. 
( ) Usa linguagens destinadas a dispositivos móveis, focados para 
desenvolvimento de aplicações híbridas. 
( ) Permite que interações e tarefas sejam realizadas diretamente na 
máquina do usuário, poupando processamento. 
 
A partir das relações feitas anteriormente, assinale a alternativa que 
apresenta a sequência correta. 
 
Resposta Selecionada: 
I, II, III. 
Resposta Correta: 
I, II, III. 
Comentário 
da resposta: 
Resposta correta. A alternativa está correta, pois possui opção para 
desenvolvimento de CSS e vantagens relacionadas à 
responsividade: Bootstrap. Usa linguagens destinadas a dispositivos 
móveis e focadas para desenvolvimento de aplicações híbridas: 
Ionic. Permite que interações e tarefas sejam realizadas diretamente 
na máquina do usuário, poupando processamento: Angular.