Imagens Fotos - Atividade 4

Prévia do material em texto

04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 1/10
Atividade 4
Iniciado: 4 nov em 15:49
Instruções do teste
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,2 ptsPergunta 1
Observe as imagens a seguir:
FIGURA 1
Fonte: Filme Ela (2013), direção de Spike Jonze, fotografia de Hoyte Van Hoytema, produção de set de K.K. Barrett e
direção de arte de Austin Gorg.
FIGURA 2
 
Fonte: Filme Adeus, minha concubina (1993), direção de Chen Kaige, 
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 2/10
A melhor combinação de cores acontece quando usamos as cores sabendo a
reação que vamos provocar em quem vai olhar para elas. As emoções resultantes
das cores dependem do contexto, da época e do público. Num filme usa-se a cor
para transmitir emoções mas também para contar uma história ou complementar
a caracterização da personagem. É o que aconteceu nas duas cenas (figuras 1 e
2). Ambas caracterizam as personagens e dão uma sensação do que ocorre em
redor. Então, a melhor combinação de cores é definida a partir dessa leitura
(paleta de cores em função de um contexto e de intenções claras).
Levando-se em conta a paleta de cores das imagens, o que seu uso sugere em
termos de resposta emocional (que emoções a direção de arte queria transmitir
ao usar essas cores e tons)?
Na figura 1, o objetivo é passar a ideia de que tudo na cidade é sóbrio, menos o local
onde vende comida (em amarelo) e a personagem em destaque (em vermelho).
Na figura 2, as outras cores mostram que a personagem é homem, já que o azul é
masculino, e o amarelo sugere juventude e alegria.
Na figura 2, a concubina é uma acompanhante de luxo, numa relação com o cliente
que pode ou não envolver sexo. Suas cores sugerem que a personagem está pronta
para o sexo, com o restante do cenário trazendo frieza e recusa do sexo.
Na figura 1, o vermelho se destaca, há um contraste. O resto do cenário tem tom
pastel. Há várias emoções relacionadas, mas um sentimento claro é o da
sensibilidade.
Na figura 1, o marrom e seus tons sugerem natureza, estilo de vida saudável e
transmite uma sensação de calmaria, conforto físico e qualidade de vida, com o
vermelho criando contraste.
0,2 ptsPergunta 2
Observe a figura e leia o texto a seguir:
FIGURA 1
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 3/10
 
Fonte: Propaganda no site americano do McDonald’s de uma edição limitada de uma bebida à base de café em 2018.
O contraste é uma ferramenta poderosa na criação de web design. O casamento
entre tipografia e imagem pode durar para sempre se a combinação destes dois
elementos usar o contraste corretamente. Há várias formas de criar bons
contrastes. Você conhece alguns? Olhe as figuras 1 e 2 e avalie como os
contrastes foram criados.
FIGURA 2
 
Fonte: COMO usar contraste de cor em círculo cromático. Disponível em: des1gnon.com/2017/11/usar-contraste-de-cor.
Acesso em: 05 de outubro de 2020.
Na figura acima vê-se algumas formas de combinar e criar contrastes. Mas não
basta usar duas cores de alto contraste. Afinal, as cores combinadas precisam
dar leitura quando usadas com texto. E mesmo que escolha as cores certas,
ainda há que se verificar a combinação certa entre matiz, saturação e brilho. Num
teste de contraste você vai descobrir, por exemplo, que fundos vermelhos ou
azuis (quanto mais escuro melhor), com letras brancas dão ótima leitura. Em web
design, o objetivo não é criar contrastes para ficar lindo e ganhar prêmios, mas
chamar a atenção do usuário. E por que você quer chamar a atenção dele? Vai
ter texto, ou chamadas para a ação? Portanto, ele precisa ler algo, certo? Então,
ajude-o a ler usando a combinação de cores que dê a melhor leitura possível.
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 4/10
Fonte: YAMASHIRO, A. apud SANTANA, F. de A. Contraste. 2020. Texto de YAMASHIRO disponível em:
des1gnon.com/2017/11/usar-contraste-de-cor. Acesso em: 05 de outubro de 2020.
Considerando as informações apresentadas, avalie as asserções a seguir e a
relação entre elas:
I. O contraste de cores é útil, entre outras coisas, para facilitar a leitura e a
compreensão da composição criada na web.
PORQUE
II. O contraste de cores depende do formato que será criado, mas contrastes
fortes funcionam sempre bem em aplicativos ou websites, independentemente do
tamanho, da plataforma de leitura, ou quanto texto seja necessário.
Acerca dessas asserções, assinale a opção correta.
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.
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.
As asserções I e II são proposições falsas.
0,2 ptsPergunta 3
Leia os textos a seguir:
TEXTO 1
Players de áudio e vídeo também fornecem dados sobre o comportamento e
interação do usuário para análise. Os players monitoram a interação do usuário e
quanto do conteúdo é consumido, permitindo uma análise mais detalhada da
performance desse recurso na página. Configurar eventos no Google Analytics
também é outra ferramenta que pode ser usada para aprimorar a sua análise do
usuário.
Fonte: CHIAVASSA, Mateus. O que é mapa de calor de site e como ele ajuda a entender a mente dos seus visitantes.
Voozer, 02/11/2018. Disponível em: vooozer.com/pt/blog/marketing-digital/mapa-de-calor-site/. Acesso em: 05 de outubro
de 2020. Adaptado.
TEXTO 2
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 5/10
Mapas de Calor
Os mapas de calor são úteis para várias coisas:
1. Áreas da sua página de destino que obtêm mais cliques. 
2. Seções de sua página em que há mais visitantes. 
3. Partes específicas da página onde os visitantes tendem a concentrar sua
atenção.
Mapas de calor mostram onde os visitantes da sua página clicam.
Mapas de calor mostram seções que os visitantes não se importam.
Mapas de calor chamam a atenção para informações relevantes.
Mapas de calor lembram que a navegação no seu site é importante.
Mapas de calor provam que as manchetes e o conteúdo são importantes.
Ele não fornece necessariamente dados 100% precisos, mas é suficiente para
informar quais áreas você deve melhorar, quais seções você deve se concentrar e
como deve editar suas páginas para obter o máximo de conversões.
Fonte: HEATMAP (mapa de calor): entenda e aplique seus conceitos no e-mail marketing. Isbrasil. 31/03/2017. Disponível
em: isbrasil.info/blog/heatmap-mapa-de-calor-entenda-e-aplique-seus-conceitos-no-e-mail-marketing.html. Acesso em: 05
de outubro de 2020. Adaptado.
Considerando as informações apresentadas, assinale a opção correta.
Um mapa de calor de site usa espectros de cores frias para mostrar quais partes de
uma página o usuário deu mais atenção, e cores quentes para as áreas de menor
atenção.
Mapas de movimento de mouse devem ser usados ainda na fase de teste de criação
de um site, para ver o número de visitantes que passam por uma área específica da
página.
Somente os mapas de calor de site podem fornecer informações que poderão ser
usadas para redistribuir o conteúdo, reajustar layout e testar as alterações em relação
ao original.
O mapa de calor não deixa ver se os botões do site estão sendo acessados, porque
assim seria fácil mudá-los de lugar para onde houvesse maior concentração de
atenção do usuário.
Gráficos precisam de interpretação, assim como tabelas tem de ser entendidas, já as
informações do mapa de calor de site são quase autoexplicativas.
0,2 ptsPergunta 4
Leia o texto a seguir texto de DanieleV. Silva:
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 6/10
[...]
Ao definirmos as cores a serem utilizadas em um projeto precisamos ter em
mente, antes da estética duas coisas: a resposta emocional à cor e as
deficiências na percepção das cores por um segmento significativo da plateia.
A resposta emocional à cor é uma questão bastante complexa que envolve
principalmente o contexto cultural do usuário.
Por exemplo: Um fábrica de assentos para vaso sanitário, não conseguiu vender
assentos da cor verde em países do Oriente Médio, e também sofreu ataques,
pois estaria ofendendo e agredindo o profeta Maomé, cuja cor-símbolo é o verde.
No ocidente algumas cores já são imediatamente assimiladas as suas
características no contexto social.
- Vermelho: perigo, alerta, quente, excitante, paixão, sexo
- Azul: masculino, frio, calmo, confiável, estável
- Branco: pureza, honestidade, frio
- Pastel: feminino, sensibilidade, delicadeza, cálido
- Laranja: emocional, positivo, jovem
- Negro: densidade, seriedade, morte, autoridade, poder, estabilidade
- Rosado: feminino, cálido, jovem
- Verde: natureza, conforto, positivo (esperança)
[...]
Uma pesquisa feita pelo IBRAU em 2004 afirma que entre 8% e 20% da
população sofre algum tipo de deficiência na percepção da cor devido a
anomalias (...). Pessoas com essa deficiência têm a sua percepção das cores
alterada ou em casos extremos, não percebem nenhuma cor (...). A forma mais
comum de deficiência é a “verde-vermelho”. Isso não significa que pessoas com
essa deficiência não sejam capazes de distinguir essas cores. (...) Seja qual for o
tipo de distúrbio, o número de pessoas com algum tipo de deficiência na distinção
das cores é muito alto. É imprescindível que durante o processo de planejamento
e criação levemos em conta esses agravantes.
[...]
Fonte: SILVA, Daniele V. O uso das cores em webdesign. Site Daniele V Silva, 02 de novembro de 2006. Disponível em:
danielevsilva.com.br/uso-das-cores. Acesso em: 05 de outubro de 2020. Adaptado.
Diante das explicações no texto e com seus conhecimentos sobre o assunto,
analise as afirmativas a seguir:
I. É importante usar o círculo cromático para combinar cores corretamente, mas
lembrando que as cores podem ter aspectos positivos e negativos. O designer
precisa de conhecimento para fazer bom uso da combinação de cores.
II. Rosa como feminino e o azul como masculino representam, ambos, uma
decisão baseada exclusivamente em pesquisas científicas, que determinaram
essas cores como definidores de gêneros.
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 7/10
III. Um designer deve escolher as cores baseado em preferências do cliente; do
público; em contextos culturais e biológicos específicos; em estética; em
harmonia, e de acordo com a psicologia e teoria das cores, adaptando essas
combinações para cada projeto feito para web.
IV. As emoções estão a serviço da estética. Todo projeto pode e deve ser
adaptado. Não é obrigatório seguir o círculo cromático para definir sua
combinação perfeita de cores, mas é obrigatório seguir restritamente o pedido do
cliente sempre.
Estão corretas as afirmativas:
I e IV, apenas.
III e IV, apenas.
I e III, apenas.
II e III, apenas.
II e IV, apenas.
0,2 ptsPergunta 5
Observe as imagens a seguir:
IMAGEM 1
 
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 8/10
Projeto: Digital Agency Website – C-Section 
Autor: Osman Bulak
IMAGEM 2
 
Projeto: Spotify
IMAGEM 3
 
Projeto: Spotify for Brands.
Autor: Maxime Rimbertm Julie Muckensturm, Stink Studios, Olivier Gillaizeau,
Maggie Bryan.
Imagens disponíveis em: ondaweb.com.br/tendencias-para-projetos-web/. Acesso em: 05 de outubro de 2020.
Reflita sobre os diferentes projetos. Pense nos objetivos traçados, na linguagem,
no possível público alvo, no uso das cores e tipografia, grids. Agora destaque as
principais características de cada um. Pronto. Qual foi o processo? Conversar
com o cliente, conhecer o cliente, entender sua proposta, pesquisar tendências,
definir mensagem, escolher formas de mostrar a mensagem, pensar nas cores e
tendências de design no momento, fechar o briefing, discuti-lo, aprová-lo,
executá-lo, e já com o orçamento aprovado também, colocar as mãos na massa
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 9/10
digital. Acima de tudo, não use e abuse de tendências somente porque são
tendências. Verifique se a tendência se encaixa em seu perfil ou no perfil do
projeto. A identidade do seu projeto tem de ser correta, não modernosa ou
tradicional, apenas correta.
Considerando as imagens apresentadas a seguir, imagine que é necessário fazer
uma análise dessas imagens para descobrir se elas são voltadas
majoritariamente ao público adulto e masculino, e se não forem, que mudanças
seriam necessárias para que se tornassem. As afirmativas abaixo realizam essas
análises. Avalie-as a seguir:
I. Na imagem 1, o que se vê é um projeto para todos os públicos. O layout lembra
um pouco o do aplicativo Youtube Music, só que em vez de uma lista de músicas
à direita, há um pequeno texto. Mas o que chama a atenção no projeto é o uso da
tipografia atravessando a imagem. O público masculino adulto se encaixaria aqui. 
II. A imagem 2 tem padrões geométricos como destaque, poucos elementos, uma
ideia de transmitir emoções com as cores e formas. Os círculos têm a intenção de
direcionar o usuário para clicar no botão verde, em destaque. E a frase “música
para todos” resume a proposta. Para que esse projeto atingisse somente os
homens, seria preciso mudar as cores e a frase.
III. A imagem 3 quebrou o grid. E isso é inadmissível no design para web. Deixa a
leitura confusa. O projeto certamente não funcionaria para um público adulto
masculino. Somente por causa das formas assimétricas das imagens o projeto
afundaria. É necessário arrumar dentro dos padrões de grids corretos.
IV. A imagem 3 atinge só o público feminino, portanto basta mudar as cores para
tons de azul e colocar nas imagens artistas homens em destaque. Na imagem 2,
é só mudar a frase. Troca-se “todos” por outra palavra como aventureiros,
exploradores etc. A imagem 1 já está direcionada para o público masculino.
Estão corretas as afirmativas:
I e III, apenas.
I e IV, apenas.
I e II, apenas.
II e IV, apenas.
II e III, apenas.
A+
A
A-
04/11/2023, 15:56 Teste: Atividade 4
https://famonline.instructure.com/courses/31543/quizzes/158763/take 10/10
Salvo em 15:55 Enviar teste
A+
A
A-