AO2 Substitutiva_ Direção de Artes para Web

Prévia do material em texto

AO2 Substitutiva
Entrega 25 de jun de 2021 em 23:59 Pontos 6 Perguntas 10
Disponível 22 de jun de 2021 em 0:00 - 25 de jun de 2021 em 23:59 Limite de tempo Nenhum
Instruções
Este teste não está mais disponível, pois o curso foi concluído.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 826 minutos 3 de 6
Pontuação deste teste: 3 de 6
Enviado 22 de jun de 2021 em 21:32
Esta tentativa levou 826 minutos.
Importante:
Caso você esteja realizando a atividade através do aplicativo "Canvas Student", é necessário que você clique em "FAZER O QUESTIONÁRIO", no final da
página.
0 / 0,6 ptsPergunta 1
Leia o texto a seguir:
https://famonline.instructure.com/courses/12610/quizzes/42652/history?version=1
Desde o Renascimento, muitos artistas e arquitetos têm proporcionado suas obras para aproximar a proporção
áurea – especialmente na forma do retângulo de ouro, no qual a proporção do lado mais longo para o mais curto é a
proporção áurea. A lógica por trás disso é a crença de que essa proporção é orgânica, universal, harmônica e
esteticamente agradável. Por fim, é importante saber que o retângulo de ouro não se destina apenas ao design do
site, mas pode ser usado para criar partes equilibradas em todo o site.
Refletindo sobre a proporção áurea e o retângulo de ouro, avalie as seguintes asserções e a relação proposta entre
elas.
I Quando falamos em escala, geralmente estamos falando sobre o tamanho ser maior ou menor, e a relação de
diferentes elementos de design em diferentes tamanhos, diferentemente do conceito de proporção.
PORQUE
II A escala é o tamanho relativo de um objeto para um padrão comum e a proporção é o uso correto do tamanho
destes objetos. Proporção bem-feita cria ritmo e um senso de harmonia ou unidade em um design.
A respeito dessas asserções, assinale a opção correta:
 As asserções I e II são ambas proposições falsas. 
 A asserção I é uma proposição falsa, e a II é uma proposição verdadeira. 
 As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I. 
 A asserção I é uma proposição verdadeira, e a II é uma proposição falsa. Resposta corretaResposta correta
 As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I. Você respondeuVocê respondeu
A alternativa está incorreta.
A asserção I é uma proposição verdadeira, pois escala e proporção são ambos elementos de design que têm a ver
com tamanho. Escala é o tamanho de um objeto em relação a outros objetos em um design. Por outro lado, a
proporção se refere ao tamanho das partes de um objeto em relação a outras partes do mesmo objeto. Um olho
deve ser menor que um rosto, por exemplo, e os ombros de um homem devem ser mais largos que seus quadris.
A asserção II é uma proposição falsa, pois julgamos a escala de algo de acordo com o tamanho seu tamanho, logo
a escala é o tamanho relativo de um objeto para um padrão comum e a proporção é a harmonia de escala. Quanto
mais as proporções de um design estão de acordo com a proporção áurea ou retângulo de ouro, mais belos estes
designs parecem ser.
0 / 0,6 ptsPergunta 2
Análise com atenção a figura a seguir:
Dois modelos de cores representados por (a) e (b)
 
Considerando os modelos de cor CMYK e RGB, bem como os tipos de arquivos existentes, avalie as afirmativas a
seguir:
I Durante o desenvolvimento e impressão de um panfleto, o melhor modelo de cor a ser escolhido é o representado
por (b) na figura.
II Para o modelo de cor (a) na figura, os melhores formatos de arquivo são JPG, PSD e PNG, pois são ideais para
conteúdo visual digital.
III. O modelo de cor (b) possui uma ampla gama de cores e é ideal para fotos digitais e vídeos, pois produz uma
maior gama de cores do que (a).
IV O modelo de cor (b) é conhecido como modelo aditivo de cor, por isso no centro temos o preto, que é a união de
todas as três cores.
Estão corretas apenas as afirmativas:
 III e IV. 
 I e III. Você respondeuVocê respondeu
A alternativa está incorreta.
A afirmação I está correta, pois o modelo de cor em (a) é o RGB e o modelo de cor em (b) é o CMYK. O RGB é
ideal para imagens digitais projetadas em tela. Por serem imagens digitais, o designer manipula como a luz na tela
se manifesta para criar a cor desejada.
A afirmação II está correta, pois os arquivos com formatos digitais como JPG, PNG, PSD, GIF são os melhores
formatos para se aplicar o modelo de cor RGB, uma vez que estes serão apresentados digitalmente em sites,
vídeos ou qualquer meio digital.
A afirmação III está incorreta, pois o modelo apresentado em (a) é o RGB e o modelo apresentado em (b) é o
CMYK. No modelo CMYK em (b) temos 4 cores (ciano, magenta, amarelo e preto) de tintas a serem usadas na
impressão. Várias combinações dessas tintas são usadas para criar as cores no espectro impresso. A aparência
das tintas também pode variar dependendo do tipo de papel usado na impressão. O modelo de cor RGB (a) produz
uma gama mais ampla de cores do que a impressão (b) pode produzir.
A afirmação IV está incorreta, pois o modelo de cor em (a) RGB é chamado de mistura aditiva, pois são uma gama
de cores digitais que, quando as três cores estão em zero, todas estão na escuridão. Porém, conforme vamos
adicionando valores, ou seja, iluminando cada uma das cores, partimos da escuridão total para o branco puro
(centro do modelo (a) da figura). Por outro lado, o CMYK (b) é denominado de mistura subtrativa.
 I e II. Resposta corretaResposta correta
 I e IV. 
 II e III. 
0,6 / 0,6 ptsPergunta 3
Observe com atenção a figura a seguir:
Formas geométricas
 
Considerando a figura apresentada, assinale a opção correta.
 No conjunto de círculos observamos o princípio da proximidade e o princípio do contraste cujo fator é o tamanho. Correto!Correto!
A alternativa está correta, pois o princípio da proximidade nos diz que elementos que estão próximos transmitem
sensação de relacionamento. Apesar de haver um círculo maior que os demais, todos eles possuem algo em
comum: são círculos. Observe que existem dois grupos, triângulos e círculos. O que nos permitem visualmente
dividir o conjunto de formas em dois grupos é o fato de os círculos estarem próximos a outros círculos e os
triângulos estarem próximos a outros triângulos. O princípio do contraste também ajuda a criar relacionamentos
entre as formas. Afinal, se todos os elementos do design forem do mesmo tamanho o usuário terá dificuldade de
descobrir qual elemento é o mais importante ou qual precisará ser examinado primeiro.
 
Na figura como um todo nós temos o princípio do equilíbrio assimétrico, pois não existem a mesma quantidade de formas
dos dois lados.
 
No conjunto de triângulos observamos o princípio da proporção, uma vez que há um triângulo maior que os demais
triângulos.
 
No conjunto de triângulos temos o princípio da proximidade, uma vez que o triângulo maior está próximo dos demais
triângulos.
 
No conjunto de círculos e triângulos observamos o princípio da proximidade, onde elementos de grupos diferentes ficam
separados.
0 / 0,6 ptsPergunta 4
Observe com atenção a figura a seguir:
Design de um trecho do site Haptic.
 
Disponível em: https://haptic.app/2/ (https://haptic.app/2/) . Acesso em: 13 de janeiro de 2021. Adaptado.
Considerando a figura, avalie as afirmativas abaixo:
https://haptic.app/2/
I Ao dividir a figura ao meio observamos o princípio do equilíbrio assimétrico, visto que a esquerda temos texto e a
direita temos imagem.
II O princípio da proximidade é observado no texto apresentado, uma vez que há um destaque na palavra Haptic em
laranja.
III. A figura, ao ser dividida ao meio, é um exemplo do princípio do equilíbrio simétrico, uma vez que o peso do lado
esquerdo é o mesmo do lado direito.
É correto o que se afirma em:
 II, apenas. 
 III, apenas. Resposta corretaResposta correta
 II e III, apenas. 
 I, apenas. 
 I e III, apenas. Você respondeuVocê respondeu
A alternativa está incorreta.
A afirmativa I está incorreta, pois ao dividira figura ao meio nós temos equilíbrio entre os lados direito e esquerdo.
A afirmativa II está incorreta, pois a palavra Haptic em laranja está em destaque, se diferenciando das demais
palavras do texto, o que caracteriza o princípio do contraste, e não o princípio da proximidade.
A afirmativa III está correta, pois ao dividir a figura ao meio, teremos duas partes. O lado esquerdo da figura é
composto por um texto e um botão Get the app. Além disso, ainda do lado esquerdo, canto superior, temos o logo
Haptic e no canto inferior temos uma imagem. O mesmo acontece no lado direito. Deste lado, o peso da imagem
equivale ao peso do texto e do botão. No canto superior temos um botão azul e no canto inferior temos um banner.
Observe então que, no total, o peso do lado esquerdo é o mesmo do peso do lado direito. Logo, há um equilíbrio
simétrico.
0,6 / 0,6 ptsPergunta 5
Leia o texto a seguir:
Uma boa interface do usuário fornece uma compreensão clara do que está acontecendo nos bastidores ou fornece
visibilidade ao funcionamento do sistema. Todo o objetivo do design da interface do usuário é permitir que o usuário
interaja com seu sistema. Obviamente, se a interface for muito complexa para navegar, isso pode incomodar o
usuário e fazer com que ele saia da página rapidamente e passe para outra coisa.
Refletindo sobre o desenvolvimento do layout de interface web, avalie as seguintes asserções e a relação proposta
entre elas.
I O desenvolvimento do wireframe e, em seguida, de um protótipo permite que os clientes possam ver o produto
parcial no início do ciclo de vida. Isso garante um maior nível de satisfação e conforto do cliente.
PORQUE
II A interface precisa atender às demandas do usuário, pois caso não o faça, ele poderá considerar a experiência
dele com o produto frustrante.
A respeito dessas asserções, assinale a opção correta:
 A asserção I é uma proposição falsa, e a II é uma proposição verdadeira. 
 A asserção I é uma proposição verdadeira, e a II é uma proposição falsa. 
 As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I. 
 As asserções I e II são ambas proposições falsas. 
 As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I. Correto!Correto!
A alternativa está correta.
A asserção I é verdadeira, pois no início do ciclo de vida o usuário vê o wireframe e o protótipo do produto final.
Como o cliente participa de todo ciclo de vida dando feedback sobre sua interação com o protótipo, ele fica satisfeito
ao ver o produto de acordo com os requisitos testados e implementados.
A asserção II está correta, a interface deve atender às expectativas do usuário. Por exemplo, se o usuário solicitou
“efetuar login”, ele espera ter uma resposta, seja positiva ou negativa. Deste modo, se a interface atende às
demandas do usuário, haverá a satisfação e conforto do mesmo. Logo, a asserção II é uma justificativa correta da
asserção I.
0,6 / 0,6 ptsPergunta 6
Leia o texto a seguir:
Uma boa interface do usuário fornece uma compreensão clara do que está acontecendo nos bastidores ou a
visibilidade do funcionamento do sistema. Todo o objetivo do design da interface do usuário é permitir que o usuário
interaja com seu sistema. Obviamente, se a interface for muito complexa para navegar, isso pode incomodar o
usuário e fazer com que ele saia da página rapidamente.
Considerando o texto, avalie as afirmativas abaixo:
I Todos os textos da página devem estar em uma cor que permita imprimi-lo, preferencialmente em preto e com
fundo branco.
II Deve-se usar negrito em parágrafos mais extensos, facilitando a leitura dos usuários ao destacar textos, o que
contribui para a integração de pessoas com dificuldade de leitura.
III. É preciso permitir o uso de atalhos no teclado, por exemplo, usar a tecla TAB para deslocar de um campo de
texto para outro em um formulário.
IV Deve-se colocar o menu de navegação em local de fácil acesso, sempre à direita, de modo que o usuário possa
localizá-lo com facilidade.
Estão corretas apenas as afirmativas:
 I e III. Correto!Correto!
A alternativa está correta.
A afirmativa I está correta, pois a cor do texto e do fundo devem possuir alto contraste, de modo que permita ao
usuário ler e imprimir o conteúdo, o que propicia satisfação.
A afirmativa II está incorreta, pois o uso do negrito deve ser empregado apenas quando se deseja destacar alguma
palavra ou trecho curto. Um parágrafo todo em negrito diminuirá a satisfação do usuário e, consequentemente, a
usabilidade.
A afirmativa III está correta, pois o uso de atalhos como o TAB agiliza a interação entre o homem e o sistema, logo,
trará satisfação ao realizar atividades com eficiência.
A afirmativa IV está incorreta, pois a leitura do ser humano é sempre da esquerda para direita, seguindo um padrão
em F. Desse modo, o melhor uso é posicionar o menu do lado esquerdo. Nada impede de colocá-lo no lado direito,
porém, isso não é uma regra.
 II e IV. 
 III e IV. 
 II e III. 
 I e II 
0,6 / 0,6 ptsPergunta 7
Leia o texto a seguir:
Quando os usuários estão familiarizados com o sistema e sabem como ele se comporta, a navegação se torna mais
fácil. Com efeito, o usuário espera ver o que lhe é familiar, ou seja, encontrar correspondência entre o sistema e o
mundo real. É bom identificar o que os usuários estão acostumados e integrá-los à interface. Ao mesmo tempo, os
usuários apreciam algo criativo, não uma experiência tão simples. Mas, embora seja criativo, deve-se ter em mente
que não podemos perder o componente de familiaridade.
De acordo com essas informações e o conteúdo estudado sobre interface humano-computador, é correto afirmar
que a familiaridade está relacionada a qual fator?
 Satisfação do usuário. 
 Segurança no armazenamento de dados. 
 Eficiência de uso. 
 Interface amigável. 
 Facilidade de memorização. Correto!Correto!
A alternativa está correta.
Quando o sistema se torna familiar para o usuário, mesmo depois de algum tempo sem realizar a interação, ele é
capaz de recordar como utilizar suas funções. Logo, a familiaridade está relacionada à memorização. A familiaridade
corresponde a segunda heurística de Nielsen que trata sobre a correspondência entre o sistema e o mundo real.
0,6 / 0,6 ptsPergunta 8
Leia o texto a seguir:
Flexbox é um sistema de layout no qual podemos utilizar para criarmos um layout de eixo de linha ou coluna. A
grande vantagem de utilizarmos o Flexbox ao invés do CSS puro é que ele torna nossa vida mais fácil para projetar
e construir páginas da web responsivas sem ter que usar muitas propriedades do CSS ou de tratar posicionamentos.
Devemos considerar o uso do Flexbox quando
 você precisa sobrepor elementos em seu layout. 
 você precisa de um espaço entre os elementos de cada bloco. 
 você tem um design complexo para implementar. 
 você precisa de um projeto first-layout. 
 você precisa de um design que priorize o alinhamento dos elementos. Correto!Correto!
A alternativa está correta.
O flexbox é um recurso que utilizaremos sempre quando você precisar alinhar os elementos em sua aplicação web.
A única coisa que devemos fazer neste caso é criar um atributo chamado display com o valor flex no container e, em
seguida, definir a direção pretendida.
0 / 0,6 ptsPergunta 9
Leia o texto a seguir:
O debate sobre a utilização do Flexbox ou do CSS Grid é um dos tópicos mais discutidos em diversos fóruns web e
nas comunidades de CSS. Apesar das inúmeras discussões, uma conclusão é inevitável: ambos são dois módulos
poderosos para desenvolvimento de layouts web.
Considerando as informações apresentadas, avalie as asserções a seguir e a relação entre elas:
I O CSS Grid deve ser usado preferencialmente quando você já possui a estrutura do layout em mente. Por outro
lado, utilize o Flexbox quando você quiser que tudo se encaixe.
PORQUE
II A combinação entre o Flexbox (unidimensional) e o CSS Grid (bidimensional) para criar layouts web complexos é
possível.
A respeito dessas asserções,assinale a opção correta:
 As asserções I e II são ambas proposições falsas. 
 As asserções I e II são proposições verdadeiras, mas a II não é uma justificativa da I. Resposta corretaResposta correta
 A asserção I é uma proposição falsa, e a II é uma proposição verdadeira. 
 As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I. Você respondeuVocê respondeu
A alternativa está incorreta.
A asserção I é verdadeira, pois o CSS Grid se concentra no posicionamento preciso do conteúdo. Nele, cada item é
como uma célula (lembre-se da organização de células no excel), alinhadas ao longo dos eixos horizontal e vertical.
Deste modo, se você já possui a estrutura do layout em mente, fica fácil organizar esta estrutura com o CSS Grid.
Por outro lado, o Flexbox permite que você aloque espaço e alinhe itens com flexibilidade.
A asserção II é verdadeira, pois se você deseja controlar com precisão a posição dos itens em um layout, CSS Grid
é o caminho a percorrer. Se você quer alinhar os itens e controlar o espaço destes no layout, é mais prático utilizar o
Flexbox. Deste modo, combinar estes dois módulos lhe trará uma gama de ferramentas (atributos) que, além de
facilitar o seu trabalho, também lhe permitirá o desenvolvimento de layouts web complexos.
A asserção II não é uma justificativa da I, porque combinar CSS Grid e Flexbox não é um motivo para a escolha de
qual dos dois usar.
 A asserção I é uma proposição verdadeira, e a II é uma proposição falsa. 
0 / 0,6 ptsPergunta 10
Análise com atenção a figura a seguir:
Dois designs de página web, sendo o primeiro design em (a) e o segundo design em (b).
 
Na figura temos duas imagens. Tanto (a) quanto (b) são representados layouts de página web, onde cada um
dos blocos são espaços reservados para colocar conteúdo como imagens, textos, vídeos entre outros. 
Considerando a figura e os conceitos de Flexbox e CSS Grid, avalie as afirmativas abaixo:
I O uso do Flexbox é observado em (b), uma vez que os elementos estão alinhados e dimensionados
horizontalmente e verticalmente.
II Podemos pensar no CSS Grid como sendo bidimensional, o que é caracterizado em (b) na dimensão das linhas e
colunas e na organização dos blocos.
III. Se desejarmos que o bloco 11 fique no centro do layout sobrepondo parte dos blocos 2, 3, 9, 10 e totalmente o
bloco 6, devemos utilizar o Flexbox.
É correto o que se afirma em:
 I e III, apenas. 
 II, apenas. Resposta corretaResposta correta
 I, apenas. Você respondeuVocê respondeu
A alternativa está incorreta.
A afirmativa I está incorreta, pois o layout observado em (b) foi desenvolvido utilizando o CSS Grid. A principal
característica é o design bidimensional, uma vez que foram dimensionadas as linhas e colunas, algo não possível
de ser feito com o Flexbox, que é unidimensional.
A afirmativa II está correta, pois, apesar de o flexbox permitir a criação de linhas e colunas no sentido que
desejarmos, não há como controlar onde os elementos terminam. O design é feito em um plano unidimensional, ou
seja, na horizontal OU vertical.
Afirmativa III está incorreta, pois apesar de a sobreposição ser possível, o melhor neste caso é utilizarmos o CSS
Grid. Com ele podemos colocar itens de linhas de grade sobreposta.
 III, apenas. 
 II e III, apenas. 
Pontuação do teste: 3 de 6