Atividade Objetiva 3 - Imagens, Fotografia e Tipografia para Web Nota 1-1

Prévia do material em texto

Atividade Objetiva 3
Iniciado: 27 nov em 8:23
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.
Parte superior do formulário
 
Sinalizar pergunta: Pergunta 1
Pergunta 10,2 pts
Leia os textos a seguir:
TEXTO 1
Layout representa um esquema, arranjo, design ou plano.
O que isso significa pra gente:
Quando falamos de layout de sites, portanto, estamos nos referindo ao design das páginas, aplicativos ou outros formatos digitais. Como vemos e interagimos com a tecnologia.
Tradicionalmente, o layout de sites é uma parte do website que não é executada por desenvolvedores web, mas sim por designers de interface ou designers gráficos.
Em projetos mais complexos podemos até destrinchar esse grupo de designers em:
- Designer de interface de usuário (UI)
- Designer de experiência de usuário (UX)
- Arquiteto de informação (AI)
- Web designer
- Mobile designer
- Interaction designer
(...)
Fonte: LUG, A. Layout de sites – definição e onde buscar inspiração. Igluonline. 05/02/2020. Disponível em: igluonline.com/layout-de-sites. Acesso em: 02 de outubro de 2020. Adaptado.
TEXTO 2
Layout de site é o posicionamento organizado dos elementos gráficos que compõem uma página na internet.
É a forma como linhas, cores, blocos, textos, fotos, áudios, vídeos e outros elementos visuais de destaque se relacionam e agrupam em um site.
Saber como criar um layout possibilita oferecer uma experiência de navegação e de usabilidade atraente, dinâmica e responsiva.
Assim, o usuário tende a se sentir estimulado a circular mais por um site, podendo voltar outras vezes e até compartilhar conteúdos.
O Que é Layout de Site? 
1º Etapa – Ter um Provedor de Hospedagem de Sites 
2° Etapa – Escolher a Plataforma de Criação de Site 
3° Etapa – Configurar Ferramentas Essenciais 
4° Etapa – Rabiscar Manualmente o Layout de Site 
5° Etapa – Aplicar o Protótipo do Layout no Site 
6° Etapa – Testar a Criação em Dispositivos Móveis
Fonte: L., Andrei. Como Fazer Um Layout de Um Site em 6 Etapas. Weblink. Disponível em: https://www.weblink.com.br/blog/website/como-criar-um-layout-interessante/. Acesso em: 02 de outubro de 2020.
Com as informações dos textos 1 e 2, assinale a alternativa que define corretamente layout para web.
Grupo de escolhas da pergunta
O layout é a forma inteligente como combinamos todos os elementos na página, no aplicativo ou em outro produto digital.
Layout para web é desenhar apenas a disposição dos botões e imagens de maneira organizada e fácil para o usuário navegar.
Layout é quando organizamos os códigos da plataforma para distribuirmos as cores com harmonia e lógica.
O layout é exclusividade do desenvolvedor e abrange várias etapas de construção de um site, pelo menos seis.
Layout é a maneira que se desenvolve um provedor funcional para que se possa aplicar qualquer produto digital.
 
Sinalizar pergunta: Pergunta 2
Pergunta 20,2 pts
Observe a imagem a seguir:
Disponível em: highsales.digital/blog/tipos-de-sites#modelos-de-sites-clean. Acesso em: 02 de outubro de 2020.
Repare no layout na tela do computador e no celular. São da mesma empresa. E são diferentes porque são dispositivos diferentes. Mas ambos têm algumas coisas em comum. Considerando essas informações e as apresentadas na imagem, assinale a opção que tenha todas as informações corretas.
Grupo de escolhas da pergunta
O objeto vermelho por onde passa parte do texto (na tela do computador) está bem na palavra Personalidade. Seu objetivo é chocar e representar a palavra Design. É a única cor diferente na imagem. Já o layout do celular não tinha espaço para colocar a imagem, por isso não pôs.
Este site é minimalista. Vai ao essencial. E o objetivo é focar no perfil da empresa, esclarecido pelas três palavras (exclusividade, design e personalidade). Tudo o que está na página tem uma função. O objeto vermelho está na palavra Personalidade, e isso é proposital.
O layout do celular precisa ter uma imagem, é obrigatório. E tem de ser igual ao que vem na tela do computador. Além disso, o fundo branco exige um texto escuro, é um contraste natural. Por isso, visualmente, não existe harmonia entre os elementos.
O layout mostra que a cor do texto (no computador) tem bastante contraste com a cor de fundo, e, além disso, algumas letras não ficam nem um pouco legíveis por causa de um objeto vermelho, que é atravessado pelas letras. Atrapalha totalmente a legibilidade.
O layout foca no uso de títulos curtos e sentenças também curtas. O objetivo principal é informar pelo texto que há um novo produto, por isso precisa ser fácil de ler, sem esforço. No computador a imagem não informa. No celular é ainda mais simples, sem imagem, focado na informação.
 
Sinalizar pergunta: Pergunta 3
Pergunta 30,2 pts
Leia o texto a seguir:
Espaçamento
Espaçamento é um dos elementos mais importantes em layouts. O espaço dita o fluxo visual até e velocidade de leitura (ou legibilidade). Designers estão começando a usar o espaço de maneiras que não víamos na internet na década passada principalmente por conta da popularização das telas sensíveis ao toque.
Deve haver uma consistência no espaçamento e nas relações de espaço. Elementos similares devem incluir espaçamento similar. A quantidade de espaço entre as linhas de um parágrafo deve seguir um padrão (ou proporções), assim como o tamanho da margem em volta das imagens.
O espaço também é importante ao criar um ponto de foco para a percepção da interface. Uma imagem ou bloco de texto cercado por espaço em branco pode aparentar ser maior e mais importante do que um alocado junto com outros blocos de informação e em uma parte mais apertada do layout.
Também é válido lembrar que o espaço não deve ser necessariamente branco. Ele se refere à ausência de elementos e pode muito bem ser uma cor de fundo escura ou uma textura bem aplicada.
- Escolha o elemento central, como um menu, formulário ou uma imagem de destaque. O espaço em branco pode ressaltar esse elemento na hierarquia visual.
- Certifique-se que as informações estão organizadas de uma maneira que inclua espaços consistentes entre os elementos. Se existe um bloco de conteúdo replicado em várias páginas e sessões do site, seu espaçamento deve se manter igual.
- Faça com que cada botão ou bloco de conteúdo fique destacado com o devido peso na hierarquia da informação.
- Não desvie a atenção do usuário para blocos sem importância. Uma parte do layout não deve disputar atenção com outra ao mesmo tempo.
Fonte: DESIGN: 10 dicas para um layout infalível. Homem máquina. 4 de janeiro de 2019. Disponível em: homemmaquina.com.br/design-dicas-para-um-layout-infalivel. Acesso em: 02 de outubro de 2020.
Considerando as informações apresentadas, avalie as afirmações a seguir:
I. O texto sugere que você escolha fontes baseando-se no visual, como fontes cursivas. Elas ficam legais em qualquer situação. O foco é sempre o texto.
II. Percebe-se que o texto valoriza layouts minimalistas, embora não seja só isso. O principal mesmo é organização de elementos e funções definidas e objetivas.
III. O texto sugere cuidar da atenção ao usuário, ou seja, o layout deve levar em conta usabilidade e legibilidade. O foco do layout é o visual a serviço da praticidade.
É correto o que se afirma em:
Grupo de escolhas da pergunta
II, apenas.
II e III, apenas.
I, apenas.
I, II e III.
I e III, apenas.
 
Sinalizar pergunta: Pergunta 4
Pergunta 40,2 pts
Observe as imagens a seguir:
IMAGEM 1
Disponível em: https://www.freeimages.com/pt/photo/horses-at-the-beach-noordwijk-1533266. Acesso em: 02 de outubro de 2020. Adaptado.
IMAGEM 2
Disponível em: https://images.activityhero.com/provider_photo/145899/large/b8ad7096-ef5d-4b26-ba63-e38898926faf.jpg. Acesso em: 02 de outubro de 2020.
IMAGEM 3
Disponível em: https://www.freeimages.com/pt/photo/sheep-in-park-in-winterswijk-1225443. Acesso em: 02 de outubro de 2020.
Colocou-se um grid para avaliar a regra dos terços na primeira imagem. Nas outrasduas figuras deve-se usar o olhar analítico sem o grid. Pense nas imagens e reflita sobre o uso da regra dos terços nessas imagens. Considerando essas informações, avalie as asserções a seguir e a relação entre elas:
I. A regra dos terços é usada para aperfeiçoar o enquadramento e compor harmonicamente os elementos numa imagem. 
PORQUE
II. Os pontos de interseção da regra dos terços são as áreas de maior interesse dos nossos olhos, ou seja, assim como as linhas atraem nosso olhar, os pontos fazem mais e mostram onde deve estar o maior foco de nosso interesse visual, mas, mesmo assim, há outras ferramentas possíveis para os mesmos objetivos.
Acerca dessas asserções, assinale a opção correta.
Grupo de escolhas da pergunta
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 proposições falsas.
As asserções I e II são proposições verdadeiras, e a II é uma justificativa da I.
 
Sinalizar pergunta: Pergunta 5
Pergunta 50,2 pts
Observe as imagens a seguir:
IMAGEM 1
Disponível em: https://www.freeimages.com/pt/photo/horses-at-the-beach-noordwijk-1533266. Acesso em: 02 de outubro de 2020.
IMAGEM 2
Disponível em: https://images.activityhero.com/provider_photo/145899/large/b8ad7096-ef5d-4b26-ba63-e38898926faf.jpg. Acesso em: 02 de outubro de 2020.
IMAGEM 3
 
Disponível em: https://www.shutterstock.com/pt/image-photo/birds-on-electric-cable-blue-sky-535197865. Acesso em: 02 de outubro de 2020.
Agora vamos pensar na aplicação da regra dos terços (se ela foi aplicada ou não) nessas fotos e na possibilidade de outras regras serem possíveis, ou até melhores do que a regra dos terços para o caso dessas imagens. Lembre-se do objetivo final da composição: atrair o olhar do usuário/leitor para o que é importante. A partir disso, analise as afirmações a seguir:
I. A imagem 1 está incoerente. Ela precisa da regra dos terços. O ideal é alinhar a linha do horizonte na linha de baixo, dando ênfase ao céu, ou na linha de cima, dando ênfase ao restante da paisagem. A linha do horizonte está no meio, obrigando o uso da regra dos terços. Além disso, as linhas naturais da imagem, como a do horizonte e as linhas feitas pelas ondas, atrapalham o foco de quem observa a foto. Somente um cavalo se destaca.
II. A figura 3 usa a regra dos terços. Ela alinhou o céu usando o fio elétrico onde os pássaros estão pousados, optando por deixar a maior parte do céu em destaque. Mas nosso olhar é atraído para alinha onde estão os pássaros. Não há nenhum pássaro específico para olhar, portanto, as linhas de interseção não são necessárias, somente as horizontais. 
III. A figura 2 não usa os pontos de interseção da regra dos terços, mas usa o alinhamento dos rostos das pessoas. Todas as pessoas da foto têm seus olhos mais ou menos na altura da primeira linha horizontal da regra dos terços. Um foco de interesse está no garoto do centro. Do centro para a direita o fundo está desfocado, trazendo mais atenção para as pessoas daquele lado. Além disso, o próprio garoto está olhando para a direita. Quase todo foco principal está lá.
É correto o que se afirma em:
Grupo de escolhas da pergunta
I e II, apenas.
II e III, apenas.
I e III, apenas.
II, apenas.
III, apenas.
Parte inferior do formulário