AO2_ Imagens, Fotografia e Tipografia para Web

Prévia do material em texto

AO2
Entrega 12 dez em 23:59 Pontos 6 Perguntas 10
Disponível 1 dez em 0:00 - 12 dez em 23:59 Limite de tempo Nenhum
Instruções
Este teste foi travado 12 dez em 23:59.
Histórico de tentativas
Tentativa Tempo Pontuação
MAIS RECENTE Tentativa 1 154 minutos 2,4 de 6
Pontuação deste teste: 2,4 de 6
Enviado 6 dez em 10:59
Esta tentativa levou 154 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
Observe a imagem:
A+
A
A-
https://famonline.instructure.com/courses/24187/quizzes/108707/history?version=1
Disponível em: https://3gbpft34n0gl3kp0ph3so54y-wpengine.netdna-
ssl.com/wp-content/uploads/2019/04/Canva-map-3.png. Acesso em: 05
de outubro de 2020.
O exemplo da imagem 1 é de um mapa mental, tirado da plataforma
Canva e baixado gratuitamente. Este mapa é sobre desenvolver o
design de produtos e suas etapas. Tudo está escrito nos quadrados. O
quadrado central em amarelo é o produto a ser desenvolvido.
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. O mapa mental é uma ferramenta que ajuda a organizar o processo
de trabalho, ou seja: quais serão os primeiros passos a seguir. Possui
a mesma função de agenda, ajudando a controlar os prazos.
II. PNI e Brainstorming são ferramentas complementares, por isso faz
todo sentido as ter na mesma reunião de trabalho em equipe. Já o
mapa mental exerce a função dos dois juntos, podendo ser usado
sozinho, sem eles.
III. Existem várias ferramentas para produção de ideias. E a
neurociência já comprovou que a criatividade pode ser exercitada,
estimulada. PNI, Brainstorming e Mapas Mentais ajudam a organizar e
otimizar ideias.
É correto o que se afirma em:
 II e III, apenas. 
A+
A
A-
 I, apenas. 
 I, II e III. 
 III, apenas. esposta corretaesposta correta
 I e III, apenas. ocê respondeuocê respondeu
Esta alternativa está incorreta.
Não existe fórmula mágica para ter ideias. O que existe é criar
um ambiente o mais favorável possível para que as ideias
surjam. E se você pode organizar o processo, é claro que
facilita o processo de ter ideias. As ferramentas PNI,
Brainstorming e os mapas mentais ajudam a organizar as ideias
que vão surgindo, conectando-as ao que interessa, que é
resolver o problema. Para se ter uma ideia criativa é preciso
que se tenha clara noção do que é o problema. Os mapas
mentais ajudam a entender o produto e tudo ao seu redor.
Assim, num brainstorming, a equipe pode sugerir várias ideias
aleatórias. O PNI ajuda a eliminar as ideias que não funcionam.
Até que se pode chegar ao outro mapa mental, este definitivo,
com a ideia principal organizada em torno do produto. Também
por isso as outras afirmativas estão erradas. Afinal, o mapa
mental é um facilitador para que se possa ter criatividade, ou
melhor, é um ambiente para fazer fluir melhor a criatividade,
portanto, é sim uma ferramenta para criatividade. E o mapa
mental também é complementar ao PNI e ao brainstorming. Se
tivéssemos que ter uma sequência de trabalho, seria: primeiro
visualizar o produto ou problema com o mapa mental. Depois,
elaborar ideias para resolver o problema. Depois, confirmar a
eficácia das ideias usando o PNI. Então, sim, são
complementares.
0 / 0,6 ptsPergunta 2
Leia o texto a seguir:
A+
A
A-
Você vai observar algumas imagens. Cada uma representa um esboço
de um projeto específico. Você vai analisar as imagens e as
informações. Algumas delas não correspondem integralmente ou
parcialmente ao que está na proposta do projeto. As imagens seriam
ajustadas, depois, para celulares e desktops. Por isso, considere a
ideia exposta e a disposição dos elementos. 
 
Figura 1:
É para site novo, para empresa com 10 anos de mercado, que oferece
aulas de reforço escolar para adultos, crianças e idosos de maneira
on-line e/ou presencial. Tem atendimento psicopedagógico e aulas de
educação física para deficientes. O foco da empresa é inclusão.
Lembre-se, é só um esboço de ideia. Analise as figuras e cores
principalmente. Atente-se na mensagem.
A+
A
A-
Figura 2:
É site de moda de praia. A empresa tem uma nova coleção para lançar
para o próximo verão 2021. O objetivo é vender os biquínis novos no
evento “Canto da Onda é Moda”, que reunirá as principais cantoras e
compositoras jovens da região da fictícia praia chamada “Canto da
Onda”. A empresa fictícia “PraiaBela” patrocina o evento. É preciso
relacionar as duas coisas, evento e coleção de biquínis. Todas as
moças das imagens são modelos, nenhuma é artista de verdade.
A+
A
A-
Figura 3:
É para site de compras on-line, fictício, claro. É o maior do país, que
vende de roupas a celulares, livros, materiais de construção e roupas
de cama, mesa e banho. Foco da empresa com o projeto atual é
atingir a classe média e vender notebooks, celulares e afins. Ponto
forte da loja é sempre dividir em parcelas iguais de 10 vezes. A ideia é
dar mais modernidade, sobriedade e eficiência. Como se fosse uma
loja popular, mas para pessoas que gostam de coisas mais
sofisticadas.
Considerando as informações apresentadas, avalie as afirmações a
seguir:
I. Na figura 1, o azul é a cor que mais dá resultados no que se refere
passar o sentimento de confiabilidade. O projeto prevê, principalmente,
que se passe a ideia de inclusão nas aulas de reforço. Na ilustração
vemos cinco pessoas. Quatro são mulheres, duas são adultas e três
adolescentes. Cada adolescente é de uma etnia, sendo uma negra. A
mulher é cadeirante e a outra mulher é professora. Se a empresa quer
mostrar diversidade de seus clientes, demonstrou bem. O espaço que
sobra em cima, em azul, talvez seja intencional, com ideia minimalista. 
II. Na figura 2, a relação entre o evento musical e a empresa que quer
vender biquínis não está clara. Falta dar um destaque diferente para a
palavra “PraiaBela”, porque parece que faz parte da mesma manchete,
A+
A
A-
e a informação confunde. Em outras palavras, a comunicação entre
texto e imagens precisa deixar clara qual é a mensagem do cliente.
Tem de colocar uma artista do evento nas imagens. Faltou conversar
mais com o cliente para elaborar um briefing mais completo sobre as
necessidades do cliente e, assim, achar uma solução visual mais
eficiente.
III. O projeto da figura 3 não condiz com a imagem escolhida. O perfil
da imagem é para site de negócios financeiros ou site de notícias. Não
parece um site de compras on-line. E não tem nada ali que sugira que
a moça vai comprar roupas ou celulares. Ela parece mais uma
jornalista checando notícias. Parece que houve uma interpretação
errada da proposta inicial. Provavelmente o briefing não foi bem feito,
ou não estava completo.
É correto o que se afirma em: 
 II e III, apenas. 
 I, apenas. 
 I, II e III. esposta corretaesposta correta
 III, apenas. 
 I e II, apenas. ocê respondeuocê respondeu
Esta alternativa está incorreta, pois todas as afirmativas
analisaram corretamente os projetos. A figura 1 se aproxima
mais da ideia que se quer dar, a figura 2 não conseguiu
relacionar as duas mensagens pedidas pelo cliente, e a figura 3
está completamente equivocada sobre o perfil do público, o
produto que está sendo oferecido e a linguagem que deve ser
usada. É o projeto mais fora da realidade do que o cliente
deseja.
0 / 0,6 ptsPergunta 3
A+
A
A-
Leia o texto e analise as imagens a seguir:
A cor é uma linguagem, um instrumento de comunicação, e sabendo
disso, conseguimos inferir uma série de sensações que ela pode
provocar: Dimensão, Peso, Iluminação, Temperatura, Emoção.
[...] Existem 12 cores que o olho consegue perceber e reconhecer, o
que me lembra muito com a teoria musical, onde a escala cromática
também possui 12 notas que o ouvido humano consegue diferenciar.
Essas 12 cores são divididas em três grandes grupos: cores primárias,
secundárias e terciárias. Cada sistema de cores atribui cores
diferentes para essas categorias [...].
As atribuições segundo as categoriasprimárias, secundárias e
terciárias variam de acordo com o modelo de cores indicado.
Modelo de cores são padrões com foco em facilitar especificações a
depender do meio pelo qual a cor será percebida. Cada modelo de
cores é adequado a uma finalidade, e cada um possui uma forma
diferente de identificá-las. [...]
Toda cor possui características para identificá-las, e essas
características dizem respeito ao sistema de cores HSB, isto é, Hue
(matiz), Saturation (saturação) e Brightness (brilho).
Fonte: BATISTA, É. O que todo designer precisa saber sobre teoria
das cores. Designerd, 2019. Disponível em: designerd.com.br/o-que-
todo-designer-precisa-saber-sobre-teoria-das-cores/. Acesso em: 07
de outubro de 2020. Adaptado.
IMAGENS 1a e 1b: Uso de cores frias e quentes.
1a:
 
A+
A
A-
1b:
 
IMAGENS 2a e 2b: Fotos em Preto e Branco: Contrastes.
2a:
2b:
A+
A
A-
 
Fonte: Cena obtida na rua Augusta, 1963.
Considerando as informações apresentadas, avalie as asserções a
seguir e a relação entre elas:
I. As cores impressionam a retina, expressam sentimentos, provocam
emoções e constroem sentidos, linguagens, comunicam ideias, como
na figura 1b, que é mais aconchegante e feliz do que a figura 1a, mais
sóbria.
PORQUE
II. As cores são produzidas pela luz, ou seja, quando a luz do sol
ilumina algo, algumas cores são absorvidas e outras são refletidas
para os olhos, então, nesse momento, conseguimos dizer qual é a cor
do objeto, algo que é diferente das figuras 2a e 2b, por exemplo, em
que a diferença não está nas cores, mas no pouco ou muito contraste
utilizado.
Acerca dessas asserções, assinale a opção correta:
 
A asserção I é uma proposição verdadeira, e a II é uma proposição
falsa.
A+
A
A-
 
As asserções I e II são proposições verdadeiras, mas a II não é uma
justificativa da I.
esposta corretaesposta 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 falsas. 
 
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa da I.
ocê respondeuocê respondeu
Esta alternativa está incorreta.
Ambas as asserções explicam parte da teoria das cores, e,
portanto, a asserção II não justifica a I. A primeira asserção diz
sobre a psicologia das cores, ou como elas dizem algo para nós
(emotivamente, sentimentalmente). A asserção II é científica,
explica como enxergamos as cores.
0,6 / 0,6 ptsPergunta 4
Leia o texto a seguir:
(...)
É papel de quem realiza o briefing “extrair” do cliente coisas que nem
ele mesmo sabe que quer e/ou precisa e, em função disso, trazer uma
qualidade maior para o projeto e possível resultado final deste. Fazer
um briefing de qualidade demanda prática! As perguntas para este
primeiro encontro podem ser de caráter mais geral, mas com o objetivo
de um mínimo de informações sobre as características do projeto, tais
como:
- Público-alvo; 
- Objetivos do web site;
- “Imagem” que o cliente quer passar para os visitantes;
A+
A
A-
- Análise da concorrência.
Outras coisas mais podem ser abordadas; entretanto, estes são
elementos básicos que devem figurar no primeiro briefing. É muito
importante sair do encontro com pelo menos estas informações 
(...)
Numa segunda reunião, o briefing completo pode ser dividido em
seções, para facilitar o entendimento da pessoa que responde às
perguntas e evitar uma eventual fadiga por parte de quem o faz. Por
exemplo, as perguntas deste briefing podem ser divididas da seguinte
maneira: 
- Estratégia; 
- Informações gerais; 
- Público-alvo; 
- Conteúdo; 
- Aparência (design); 
- Outras informações. 
Colocar cerca de 3 a 6 perguntas em cada uma das seções já deve
bastar para colher as informações necessárias.
(...)
Fonte: GARCIA, A. Briefing para desenvolvimento de web sites.
Disponível:
profandreagarcia.files.wordpress.com/2015/05/briefingparadesenvolvim
131127064357-phpapp02.pdf. Último acesso em: 29 set. 2020.
Adaptado.
Considerando esse contexto, avalie as seguintes asserções e a
relação proposta entre elas.
I. O briefing bem feito é material essencial para a construção de um
projeto digital eficiente e de sucesso. 
PORQUE
II. Os detalhes dos problemas enfrentados, objetivos de negócio, onde
a empresa pretende chegar e demais detalhes e desafios sobre a
empresa, além dos produtos ou serviços são tratados através do
briefing com o cliente, e, consequentemente, será possível criar as
soluções certas.
A respeito das asserções, assinale a opção correta:
 As asserções I e II são proposições falsas. 
A+
A
A-
 
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, e a II é uma
justificativa da I.
Correto!Correto!
 
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 alternativa está correta, porque, para construir um site ou
fazer qualquer outro projeto digital, é necessário conhecer a
empresa, entender a concorrência do cliente, pesquisar sobre o
público-alvo e detalhar os problemas ou desejos do cliente, aliar
tudo isso às expectativas em relação ao que ele pretende
conseguir com o projeto feito por você. Um briefing recebe as
respostas para todos os questionamentos de negócio e de
projeto, e com essas questões respondidas, um briefing bem
feito é criado. E com ele você tem um direcionamento do que
deve ser feito e por que deve ser feito.
0 / 0,6 ptsPergunta 5
Leia o texto a seguir:
Invenções, descobertas, que mudam tudo
Gutenberg inventou o método de imprimir livros. Graças ao seu
invento, houve uma revolução no mercado editorial. Na verdade,
surgiu um mercado editorial. Esse é o tipo de solução tecnológica que
muda uma realidade. De qual realidade estamos falando? Antes de
A+
A
A-
Gutenberg, pouquíssimas pessoas liam livros. Quem lia? Padres e
seus semelhantes (porque tinham de traduzir a Bíblia, ler outros livros
em grego, hebraico, latim), alguns intelectuais, acadêmicos, cientistas,
artistas mais cultos. O estudo era realmente para poucos. Tudo porque
os livros não eram reproduzíveis mecanicamente, só manualmente. E
isso demorava semanas, às vezes meses. Então, quando Gutenberg
inventa uma máquina de tipos que pode copiar livros, o processo se
multiplica. Com tantos livros à disposição, é possível vendê-los, mais
gente passa a praticar a leitura, mais livros são vendidos e uma
indústria é criada. A própria educação mudou ao ter facilitada seu
acesso aos livros em qualquer lugar do mundo. 
Pois bem. Outro invento que teve uma repercussão parecida foi a do
elevador. Isso mesmo. O primeiro elevador elétrico foi construído em
1880 por Werner von Siemens. E por que esse invento seria tão
revolucionário? Por que as cidades puderam ser desenhadas para
cima. Arranha-céus puderam ser construídos. As cidades ganharam
ares de metrópoles e puderam aglomerar um grande número de
pessoas graças ao fato de que um elevador levaria as pessoas para
cima e para baixo. 
E por fim, temos a fotografia. Ela também teve seu momento em que
uma descoberta criou uma bola de neve positiva, e que resultou, no
final, no ambiente perfeito para a criação do cinema, embora o cinema
tenha tido outras descobertas que ajudaram também a criar a indústria
cinematográfica. E foi assim como a fotografia, que teve várias
evoluções, descobertas e melhoramentos. Mas uma em especial
mudou tudo, a ponto de ser comparada, em menor nível, claro, ao que
Gutenberg fez. Pelo menos num aspecto foram iguais. E eu espero
que você consiga descobrir qual foi .
Considerando esse contexto, avalie as seguintes asserções e a
relação proposta entre elas.
I. Louis-Jacques Daguerre criou a indústria da fotografia ao refinar o
processo de produção do betume e o tratamento pós-exposição,
criando o primeiro equipamento fotográfico comercializado - o
daguerreótipo.
PORQUE
II. O daguerreótipo, apresentado em janeiro de 1839, foi o responsável
direto para que houvesse uma indústria da fotografia, popularizandoas
fotos em família, criando o cenário perfeito para que fosse inventado,
logo depois, o equipamento cinematográfico, nos mesmos moldes do
daguerreótipo, fazendo surgir, assim o cinema e a indústria cultural.
A+
A
A-
A respeito das asserções, assinale a opção 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 falsas. esposta corretaesposta correta
 
As asserções I e II são proposições verdadeiras, e a II é uma
justificativa da I.
ocê respondeuocê respondeu
 
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.
A+
A
A-
Esta alternativa está incorreta, pois as asserções I e II são
proposições falsas.
A alternativa está correta, porque o equipamento fotográfico
criado por Daguerre foi importante, mas não foi ele que tornou
possível a criação de uma indústria. Foi quando, quase na
mesma época, o inglês William Fox Talbot, que já tinha
estabilizado negativos em papel em 1835, finalmente
conseguiu, cinco anos depois, produzir imagens em negativos
que podiam ser copiados e revelados quantas vezes se
quisesse. Ou seja, poder criar cópias é que tornou a fotografia
um produto comercializável. Porque compradores podiam levar
uma cópia da foto que desejassem, enquanto o fotógrafo podia
ficar com os negativos e ir reproduzindo as mesmas fotos para
quem quisesse comprar. Assim foi possível criar um negócio. A
reprodução de uma mesma imagem em inúmeras cópias foi um
fator positivo, é verdade, no desenvolvimento do cinema depois,
como indústria, mas não foi exatamente o fator primordial, como
disse o texto. A ideia dos negativos e das cópias fotográficas é
semelhante a aquela ideia da reprodução dos livros, que
resultou na criação de livrarias, editoras e todo um mercado em
torno disso. O mercado das imagens também pôde surgir,
graças ao invento de Talbot, que foi, claro, melhorado com os
anos. Em resumo: a capacidade de reprodução de algo é que
torna esse algo comercializável e capaz de criar uma indústria
ao seu redor.
 
0 / 0,6 ptsPergunta 6
Leia o texto a seguir sobre linguagem verbo-visual:
(…) 
É importante, neste texto, refletirmos sobre a conexão existente entre
a linguagem visual e verbal. Todo designer passa diariamente por uma
situação em que um potencialmente cliente liga e diz: “eu preciso de
um cartaz, que seja simples, chamativo. É para uma conferência…” O
designer toma nota e o que faz a seguir é transformar a ideia verbal
para uma ideia que podemos visualizar. O designer é um construtor de
A+
A
A-
sentidos, e nesta situação um “tradutor” de sentidos. Ao logo do tempo
precisa desenvolver essa capacidade, pois o seu trabalho resume-se
nisso, um tradutor.
A linguagem visual recorre a seus elementos, que funcionam como
uma “tradução” do verbal, “O termo linguagem visual é uma metáfora
comum nos manuais do design moderno: um ‘vocabulário’ de
elementos do design (pontos, linhas, formas, texturas, cores) é
organizado por uma ‘gramática’ de contrastes (instabilidade/balanço,
assimetria/simetria, suave/rígido, pesado/leve).” (LUPTON; MILLER,
1999:64)
Esses elementos são como um dicionário, em que é consultado cada
significado, da linguagem verbal para visual. Podemos gritar, transmitir
rigor, rapidez, tradicionalidade, sem que tenhamos de escrever em
palavras. (…)
Não podemos esquecer que na linguagem verbo-visual a legibilidade é
fundamental para trabalhos para web. Portanto, os elementos
precisam contar uma história mas também é preciso que se consiga ler
essa história claramente. Daí o uso correto de cores, brilho, saturação
e escolha correta de tipografia. Reflita sobre a linguagem verbo-visual,
sua mensagem, para depois responder sobre o que se propõe a
seguir. 
Fonte: TINGA, M. Linguagem visual e verbal: Uma possível conexão.
Design Culture, 6 de novembro de 2017. Disponível em:
designculture.com.br/linguagem-visual-e-verbal-uma-possivel-conexao.
Acesso em: 06 de outubro de 2020. Adaptado.
Agora observe a imagem a seguir:
Fonte: Velocímetro. Autor: 07_av .
A+
A
A-
Dentre as alternativas abaixo, assinale a que explicar melhor a
imagem acima a relação verbo-visual:
 
A linguagem verbal – números e letras – sugere velocidade alta, é
autoexplicativa. Trata-se do velocímetro de um carro de corrida. O
ângulo da foto lembra uma pista de corrida. O discurso é o da
velocidade (temas alternativos: liberdade, ousadia, aventura).
esposta corretaesposta correta
 
A linguagem verbal – números e letras – sugere velocidade crescente.
Todos os indícios mostram que se trata de nossa vida, que ela não
para e sempre buscamos mais. O discurso predominante é: coragem
para fazer coisas ousadas, caso contrário seremos ultrapassados por
outras pessoas.
 
A linguagem verbal – números e letras – sugere que estamos próximos
do nosso limite. Já a linguagem visual indica – pelo fundo preto – que
há certa formalidade ou mistério. Ou seja, existe velocidade, ousadia,
mas tudo dentro de uma seriedade que mostra a responsabilidade do
que se está fazendo.
 
A figura claramente contém o discurso de propaganda para uma corrida
de Fórmula 1, além disso, é para que o espectador se sinta num
cockpit de um carro da categoria, por isso o ângulo e o close estão da
forma que estão.
 
A linguagem verbal – números e letras – sugere ultrapassar limites. A
cor vermelha do ponteiro indica que os limites foram ultrapassados. O
discurso é não ter limites para o que se deseja (temas alternativos:
transgressão, determinação).
ocê respondeuocê respondeu
A+
A
A-
Esta alternativa está incorreta, primeiro, porque nenhum limite foi
ultrapassado, nem há uma sugestão para isso. O limite do
velocímetro está lá e o ponteiro não o ultrapassou. Todo o
discurso dessa alternativa se baseia nisso, quebrar regras, mas
como o princípio dessa ideia está equivocado, todo o resto
também está (exceção ao fato de o velocímetro parecer uma
pista).
A alternativa correta é a que demonstra a relação do ponteiro,
angulação e números com a ideia de velocidade e liberdade. A
velocidade (ponteiro e números indicando velocidade alta). O
ângulo pode sugerir uma pista (daquelas pistas ovais de fórmula
Indy). A certeza é de que a imagem oferece o discurso de
velocidade e seus subtemas: liberdade, ousadia, aventura.
0,6 / 0,6 ptsPergunta 7
Nas imagens abaixo temos exemplos do uso de ferramentas de
correção de cores.
IMAGEM 1
 
Fonte: Psallinen. Faisão – Primavera – O pássaro macho. 2017.
IMAGEM 2:
A+
A
A-
Fonte: KINAST, P. Oficina da net. 2019.
IMAGEM 3:
 
Fonte: KINAST, P. Oficina da net. 2019.
IMAGEM 4:
 
Fonte: MARTINS. R. Foto da modelo Gisele Bündchen. Adaptado.
Quais foram as principais propriedades de cores usadas, as que mais
foram usadas para destacar o assunto das imagens?
 
Nas figuras 2 e 3 a saturação foi a mais usada, já na figura 1 o brilho
do fundo foi diminuído para realçar as cores da cabeça do pássaro.
A+
A
A-
 
Nas figuras 1, 2 e 3 a propriedade de cor mais usada foi a matiz, com a
saturação diminuída para realçar as cores.
 
Na figura 4 a saturação foi aumentada na imagem do “Depois”, assim
como na figura 2, dando a sensação de brilho, mesmo que não seja
isso.
 
As figuras 2 e 4 tiveram a matiz corrigida, embora pareça alteração de
saturação, já as figuras 1 e 3 tiveram alteração no brilho.
 
Nas figuras 1, 2 e 3 o mais usado foi a saturação com a intenção de
realçar as cores, já na figura 4 o brilho foi aumentado.
Correto!Correto!
A alternativa está correta, porque as três primeiras imagens
estão saturadas. As cores saturadas realçam as cores originais
de toda a foto. Por isso não é muito bom usar quando há
pessoas nas fotos. A cor da pele pode ficar artificial, como na
figura 2. Já a figura 4 claramente foi mais iluminada, portanto, é
brilho o que foi usado. Matiz é a cor. Saturação é a pureza da
cor. Brilho é sua luminosidade.
0,6 / 0,6 ptsPergunta 8
Observe as imagens a seguir:
IMAGEM 1:
A+
A
A-Fonte: The D.FY you know, but better. Autor: Soongyu Gwon, D.FY
creative studio. Disponível: behance.net/gallery/65387305/The-DFY-
you-know-butbetter?tracking_source=curated_galleries_list. Acesso
em: 06 de outubro de 2020.
IMAGEM 2:
Fonte: Autor: Slava Kornilov. Disponível: loldesign.com.br/10-
tendencias-do-webdesign-design-digital-2019/. Acesso em: 06 de
outubro de 2020.
IMAGEM 3
A+
A
A-
 
Fonte: Autor: Milo Themes. Disponível: loldesign.com.br/10-
tendencias-do-webdesign-design-digital-2019/)
Considerando as informações apresentadas, assinale a opção correta:
 
As imagens 1, 2 e 3abc têm caráter brutalista na linguagem,
especialmente nas cores cortantes e invasoras, além de que em todas
elas o texto se sobrepõe às imagens.
 
O objetivo final na imagem 2 é chamar a atenção do usuário pelo
máximo de tempo possível, sem que haja necessidade de se reter
quaisquer informações comerciais.
 
A imagem 1, por ter assimetria destacada, provoca sensação de
desconforto e confusão. A proporção dos objetos e o espaço entre eles
devem ser sempre distribuídos obrigatoriamente de maneira que a
estética seja harmoniosa, o que não é o caso.
 
As imagens 3abc são exemplo de uso de cores vibrantes e formas
geométricas, para dar uma linguagem jovem e alegre, de algo com
muito frescor e entusiasmo, além de as figuras possuírem linguagem
antiminimalista.
 
As imagens 3a, 3b e 3c demonstram claramente que,
independentemente do estilo, a linguagem visual foi pensada primeiro
para o celular, depois para o desktop.
Correto!Correto!
A+
A
A-
A alternativa está correta, porque as imagens 3a, 3b e 3c
demonstram que foi pensada primeiro a versão para
dispositivos móveis, depois a versão para desktop. Observe a
paleta de cores a seguir:
Paletas de cores das imagens 3abc
 
Para conseguir cores vibrantes é necessário não adicionar
preto ou cinza. Assim elas ficam vívidas, vibrantes. No caso, as
imagens 3abc são vibrantes, e é o principal nos layouts, mesmo
que na versão de desktop as formas geométricas arredondadas
se destaquem mais.
0,6 / 0,6 ptsPergunta 9
Leia o texto a seguir e depois analise as imagens:
Algumas informações sobre a teoria dos grids:
- a teoria dos grids, ou proporção dourada, se refere a uma divisão de
uma linha em duas partes, usando a proporção dourada (comprimento
dividido por 1.62).
- a regra é usada em pinturas, esculturas, arquitetura, design gráfico
(para criação de layouts). 
- é só pegar uma folha, um lápis, dividir em três partes proporcionais
na vertical e formar vários retângulos de 90 graus; depois é traçar mais
três retas na horizontal e assim por diante, até formar uma grade
A+
A
A-
quadriculada (na proporção de 2/3).
- o equilíbrio simétrico é encontrado quando os elementos da
composição são os mesmos em ambos os lados de uma linha axial.
- dá para fazer isso centralizando o conteúdo ou organizando-o de
forma proporcional entre as colunas de um site.
- o equilíbrio simétrico pode ocorrer quando uma composição está
equilibrada em um ou mais eixos, ou quando os elementos estão
igualmente espaçados em torno de um ponto central. 
- a simetria é confortável aos olhos e pode ser descontraída,
dependendo das escolhas.
- a assimetria é visualmente mais interessante e naturalmente mais
descontraída.
- a assimetria usa objetos de diferentes formas, tamanhos, tonalidades
e posicionamentos, organizando-os de tal forma que equilibra o peso
visual da página.
Fonte: MARTINS, C. P. Layout e composição de site. Publicado em 23
de março de 2015. Disponível em: pt.slideshare.net/cpmart/aula-05-
layout-e-composicao-do-site. Acesso em: 30 de setembro de2020.
IMAGEM 1
 
Fonte: site do parque Yellowstone, EUA.
O layout da página do parque Yellowstone é grande, como você vê,
bem vertical. 
A+
A
A-
IMAGEM 2
 
Fonte: site da Apple. Disponível em: apple.com/. Acesso em: 01 de
outubro de 2020.
Este é o site da Apple em outubro/2020. Compare o layout com a
imagem 3:
IMAGEM 3
 
Fonte: ZEMEL, T. Elementos de Design aplicados à web.
Desenvolvimento para web. 11/12/2011. Disponível em:
desenvolvimentoparaweb.com/design/elementos-design-aplicados-
web/. Acesso em: 06 de outubro de2020.
A imagem 3 representa o site da Apple em 2011. O traço verde
cortando ao meio foi feito por Tárcio Zemel, em seu blog, para explicar
A+
A
A-
sobre grids. Essa linha vai ajudar você a interpretar esta imagem.
Considerando as informações e imagens apresentadas, avalie as
afirmativas a seguir:
I. A imagem 1 está mais organizada e sugere ordem, já a imagem 2
está mais agressiva, com a imagem se sobrepondo ao nome, que está
com fonte grande e centralizada, além disso, a imagem 1 só tem um
grid fora do lugar.
II. A imagem 1 abandonou o grid simétrico, e sair do grid é oferecer
oportunidades para a criatividade, além de poder contar histórias,
como do urso na imagem, em que há uma história ali e ficou bem mais
descontraído.
III. Para fazer a imagem 3 só seria possível usando o grid de duas
colunas verticais e duas guias horizontais, porque ele traz mais
flexibilidade e permite até larguras diferentes, desde que
proporcionais.
IV. As imagens 2 e 3 mostram que a Apple gosta de grids simétricos,
ou melhor, aprova o uso de simplicidade e certo equilíbrio dos
elementos no layout, na imagem de 2020, por exemplo, se vê que a
Apple apostou em “menos é mais”.
Estão corretas apenas as afirmativas, apenas:
 III e IV. 
 II e III. 
 II e IV . Correto!Correto!
 I e IV. 
 I e II. 
A+
A
A-
A alternativa está correta, porque as afirmativas II e IV explicam
corretamente como as imagens usaram os grids, ou como não
usaram. Por exemplo, a imagem 1 é fora do grid. A intenção é
fácil de perceber: criar um ar divertido para um parque que é
famoso por ter ursos, com público-alvo sendo famílias, por
causa das crianças. E um layout fora do grid representa o caos
divertido típico da vida selvagem e que interessa tanto a
crianças. A imagem 2 e a imagem 3 mostram exatamente o
apego da Apple por layouts minimalistas. A imagem 3, que é
mais antiga, ainda tem elementos preenchendo toda a tela, mas
a tendência da simplicidade já estava lá com o uso de grid
simétrico, para mostrar a ideia de equilíbrio, perfeição.
0 / 0,6 ptsPergunta 10
Observe as imagens e leia os textos a seguir:
IMAGEM 1
 
Fonte: capa da revista Esquire britânica.
A+
A
A-
Essa capa da Esquire do Reino Unido é incrível. Se você rolar a
página para cima e para baixo, tentando manter o olhar fixo na figura
central, você vai ver um efeito bem legal, que parece de movimento.
Tudo por causa dessas retas em preto e branco que convergem para o
rapper Dizzee Rascal. Experimente! A imagem 1 utiliza de simetria e
linhas guias que servem, como diz o nome, de guia. E o resultado é
impactante e eficiente. 
IMAGEM 2
 
Fonte: Hero Images.
A imagem 2 centralizou o garoto que está escrevendo, concentrado.
Todo o fundo tem como cenário a sala de aula. Há um professor e um
aluno no canto esquerdo. desfocado. Há muitos elementos em redor
do garoto central, mas, mesmo assim, ele ainda é o fator principal de
interesse na foto.
IMAGEM 3
A+
A
A-
 
 
Fonte: capa da revista Esquire britânica.
Se formos olhar a imagem 3 com a perspectiva da regra dos terços,
seria assim: as cores ajudam a destacar a professora que está diante
da lousa, ocupando a região do centro e preenchendo o lado esquerdo
da foto. A predominância da cor branca no fundo e na lousa ajuda a
destacá-la por causa do seu colete escuro. Seu corpo está no ponto de
convergência das linhas da regra dos terços. Especificamente o ponto
de baixo, à esquerda. Os outros pontos de convergência não estão
sobre nada que seja interessante. O rosto (os olhos) da professora
estão no centro do quadrado, entre os pontos de convergência,
quando deveriam estar pelo menos em uma das linhas horizontais da
regra dos terços. Mas não há nada de errado com a composição dessa
imagem. Ela usa outra regra.
Considerando as informações apresentadas nas imagens e no texto,
assinale a opção correta:
 
Ofundo de uma foto centralizada precisa ser limpo, ou seja, nada que
tire a atenção da imagem principal. Por isso que desfocar o fundo ajuda
muito, ou limpar a cena para a foto, é isso não ocorre na imagem 2.
A+
A
A-
 
A regra dos terços é mais atraente, muitas vezes, do que usar a
centralização, porque se conduz o olhar da pessoa, valorizando toda a
cena, e esse olhar é levado ao elemento principal da imagem 1.
 
A regra dos terços enriquece as fotos, valorizando todo o cenário. Mas
há outras que ajudam a compor bem uma cena, como a centralização,
que pode usar linhas guias da própria imagem, como nas imagens 1 e
3.
esposta corretaesposta correta
 
Na regra dos terços, os principais elementos de retratos individuais
são os olhos, por isso, para deixar mais rico o enquadramento, deve-
se deixar os olhos próximos da intersecção das linhas, e as três
imagens fazem isso.
ocê respondeuocê respondeu
 
Quando escolhemos uma composição centralizada, sem uso da regra
dos terços, é preciso ver se o assunto principal tem força para
comandar o quadro sozinho, e a imagem 3 não tem força.
A+
A
A-
Na maioria das vezes, a regra dos terços é uma composição
bem mais atraente que a foto centralizada. Ao deslocar o
assunto para um dos pontos de intersecção, você conduz o
olhar do observador pela cena e ainda destaca o elemento
principal. Na composição centralizada você mostra o assunto
de uma vez, ele está ali em destaque e não há preocupação
com o resto da cena. As três fotos ignoram a regra dos terços.
Pelo menos duas delas são centralizadas. E cada uma ao seu
modo. A primeira usa as linhas guias das retas criadas na foto,
convergindo para o elemento principal da imagem, o rapper. Na
imagem 2, foi usado o desfoque dos elementos do fundo,
deixando a criança do centro como destaque, mas ainda
podemos ver a sala de aula ao redor. Ou seja, a cena não ficou
limpa e isso ajuda a criar uma narrativa mais rica. Na imagem 3
as linhas da janela e do balcão (onde está a planta) ajudam a
guiar os olhos da pessoa. A janela está centralizada e há uma
linha na janela, logo acima da cabeça da professora. Essa linha
ajuda a manter nosso olhar na pessoa. A escolha de cores
contrastantes ajuda a destacar ainda mais a professora. A
imagem 3 não é exatamente uma foto centralizada. Somente
uma parte (a cabeça, principalmente) da professora está no
centro. Desse modo, não seria correto dizer que ela está
centralizada. Mas seus olhos estão fora das linhas da regra dos
terços, porque não precisa. Há os outros elementos que ajudam
a guiar nossos olhos. Dos quatro pontos de intersecção da
imagem 3 (pensando na regra dos terços), apenas um atinge a
professora, e é no centro do peito. E esses pontos de
intersecção podemos ver usando as linhas da própria janela.
Pontuação do teste: 2,4 de 6
A+
A
A-