ATIVIDADE 03 - SI - DESIGN GRÁFICO - 2020

Prévia do material em texto

25/05/2020 Unicesumar - Ensino a Distância
1/6
ATIVIDADE 03 - SI - DESIGN GRÁFICO - 2020
Período:30/03/2020 08:00 a 17/04/2020 23:59 (Horário de Brasília)
Status:ENCERRADO
Nota máxima:0,50
Gabarito:Gabarito será liberado no dia 18/04/2020 00:00 (Horário de Brasília)
Nota obtida:0,35
1ª QUESTÃO
Os signos podem ser simples ou complexos, dependendo da mensagem que os acompanha. Um signo
denotativo expressa o que sua imagem representa e deve ser visualmente direto, mas pode transmitir
informações secundárias por meio do uso de um estilo especifico.
 
DABNER, D.; STEWART, S.; ZEMPOL, E. Curso de Design Gráfico - princípios
e práticas. São Paulo: Gustavo Gill, 2014.
 
Dessa forma, existem três tipos principais de signos: símbolo, ícone e índice. A respeito desse assunto,
assinale a alternativa correta sobre o que é o ícone:
 
ALTERNATIVAS
Um ícone é um símbolo que cria uma ligação entre objeto e signo.
O ícone é uma comunicação mais representativa do que algo que realmente existe.
Um ícone é um elemento gráfico que representa um objeto, uma pessoa ou outra coisa.
Um ícone é uma forma de tipo que faz uma ligação entre um objeto abstrato e algo que não existe.
O ícone é uma imagem de apenas uma cor que serve pra representar o todo de uma ideia apenas utilizada para
coisas.
2ª QUESTÃO
Quem atua nas áreas de comunicação e criação visual, por exemplo, costuma classificar os designs, ou
layouts, como “bons ou ruins”, como algo que “funciona ou não funciona”, e por aí vai. O importante é
termos em mente que essas afirmações não são ditas aleatoriamente, mas sim, com base nos quatro
princípios do design: contraste, repetição, alinhamento e proximidade.
 
Disponível em: httpss://bit.ly/39fCtTn. Acessado em: 13.nov.2019.
 
Com base nessa análise, assinale a alternativa correta para as seis abordagens que estabelecem a unidade
em um layout:
 
ALTERNATIVAS
Proximidade, Equilíbrio, Diagramação, Rotação, Escala e Peso.
Proximidade, Tipografia, Contraste, Diagramação, Saturação e Peso.
Proximidade, Coesão, Abstração, Posicionamento, Diagramação e Proporção.
Proximidade, Repetição, Contraste, Posicionamento, Continuidade e Proporção.
Proximidade, Saturação, Abstração, Posicionamento, Saturação e Condensação.
3ª QUESTÃO
25/05/2020 Unicesumar - Ensino a Distância
2/6
A tipografia desempenha um papel crucial no design da identidade visual de uma marca. Definido como
“arte ou processo de configuração e organização das letras” – a tipografia em seu logotipo pode ser tão
impactante quanto um gráfico. Grandes exemplos de marcas que utilizam logotipos baseados em tipografia
são Uber, Google e Coca-Cola. E mesmo se você tiver um gráfico no seu logotipo, a tipografia usada com ele
diz muito sobre sua marca.
 
Disponível em: httpss://bit.ly/2y4uGef. Acessado em: 13.nov.2019.
 
Pensando sobre o texto exposto acima, assinale a alternativa correta sobre o elemento “corpo” de um tipo.
 
ALTERNATIVAS
O corpo é o tamanho que vai do ponto mais alto até o ponto mais baixo, com mais o acréscimo de algum espaço
extra.
O corpo é uma linha imaginária que define o grau de inclinação da fonte de acordo do lado e o movimento feito pela
pena.
Está relacionado com o espaço entre um tipo do outro, sendo o espaço externo do corpo utilizado para separar os
caracteres.
Podemos descrever que o corpo é todo espaço vazado na letra, por exemplo a letra "e". É o espaço de abertura de
acesso ao miolo da fonte.
É o tamanho que pode ser definido em pixel, ou seja, o corpo é o tamanho de um elemento em sua extremidade
vertical, desconsiderando seu tamanho horizontal.
4ª QUESTÃO
A cor tem um grande papel na “pacificação” do cérebro humano e ajuda a conceber e digerir as informações
apresentadas em forma de um projeto de design gráfico, funciona como uma ponte entre o que vemos e o
que devemos compreender. O poder da cor está expresso em quase tudo, nas paredes de um estúdio de
design, paredes de um hospital, paredes de um estúdio de televisão, na sinalização rodoviária, nas roupas
que vestimos, no sapato que calçamos, nos óculos, nos aeroportos, nos mercados, nas escolas, na natureza,
nas tendências atuais.
Disponível em: httpss://designculture.com.br/o-poder-da-cor-em-design-grafico-dicas-importantes-para-o-
uso-das-cores-em-seus-projetos. Acessado em: 15.fev.2019.
 
Sabendo disso, assinale a alternativa que contém a ordem correta sobre a Roda de Cores.
 
1) Cores primária
2) Cores secundária
3) Cores terciária
 
(   ) amarelo, azul
(   ) laranja, violeta,
(   ) amarelo alaranjado, violeta azulado, azul esverdeado, verde amarelado
(   ) vermelho
(   ) violeta, verde
(   ) laranja avermelhado, violeta avermelhado,
 
ALTERNATIVAS
25/05/2020 Unicesumar - Ensino a Distância
3/6
1, 3, 3, 1, 2, 3
3, 1, 2, 1, 2, 3
2, 1, 3, 1, 2, 3
1, 2, 3, 1, 2, 3
3, 2, 1, 1, 2, 3
5ª QUESTÃO
No conceito da “Temperatura das Cores” ficou estabelecido que as “cores quentes” são aquelas associadas
ao fogo e as “cores frias” estão associadas à água e ao frio. Essa classificação foi criada pelo psicólogo
alemão Wilhelm Wundt. Segundo ele, as cores quentes são dinâmicas e estimulantes, as quais estão
associados à vitalidade, excitação, alegria e movimento.
 
Disponível em: httpss://www.todamateria.com.br/cores-quentes/
Acesso em: 18.mar.2018.
 
Sobre a temperatura das cores avalie as afirmações a seguir:
I - Cores quentes vão do vermelho ao amarelo e incluem laranja, rosa, marrom e vinho. Representam calor e
movimento.
II - Cores frias vão do vermelho ao azul. Representam energia e calma.
III - São cores quentes: vermelho, laranja e azul.
IV - São cores frias: verde e azul incluindo tons de roxo.
 
É correto o que se afirma em:
 
ALTERNATIVAS
I e IV, apenas.
III e IV, apenas.
I, II e III, apenas.
II, III e IV, apenas.
I, II, III e IV.
6ª QUESTÃO
O desenvolvimento de um website é algo primordial para que marcas estejam presentes na web, sendo
quase um fator obrigatório para empresas de diferentes segmentos. Com a evolução dos
smartphones, muitos usuários acessam diferentes sites via dispositivos móveis e, para que os sites estejam
prontos a serem exibidos nesse contexto, é preciso aplicar o Design Responsivo.
Com base nessa afirmação, assinale a alternativa correta sobre o benefício de uma empresa ter um site
responsivo.
ALTERNATIVAS
25/05/2020 Unicesumar - Ensino a Distância
4/6
Criar padrões de desenvolvimento e manual de como deve ser visualizado o site em um dispositivo móvel.
A empresa teria um único site sem se preocupar muito com a manutenção de adaptações de cenários de
visualização.
Poder criar coisas para o dispositivo em um projeto separado e manter a manutenção, centralizado em um
desenvolvedor.
Ter um aplicativo que pode ser instalado no dispositivo, através da linguagem nativa do sistema operacional do
smartphone.
Disponibilizar um ambiente diferenciado para os clientes que acessam o site através de um smatphone sem
aplicações distintas.
7ª QUESTÃO
Grid é a organização visual dos elementos dentro de um espaço utilizando linhas horizontais e verticais que
se cruzam entre si. Sendo assim, a estrutura de informações fica mais concisa e melhor organizada, seguindo
a arquitetura da informação e o ritmo de percepção.
 
Disponível em: https://designculture.com.br/usando-o-grid-para-melhorar-a-percepcao-visual-2
Acesso em: 18.mar.2018.
 
Considerando o texto acima e suas características analise as afirmações abaixo:
I - O Grid permite alinhar e  organizar elementos utilizando linhas horizontais e verticais.
II - Alinhando os elementos eles ficam esteticamente mais agradáveis.
III - Os elementos são alinhados de maneira proporcional.
É correto o que se afirma em:
ALTERNATIVAS
I, apenas.
II, apenas.
I e II, apenas.
II e III, apenas.
I, II e III.
8ª QUESTÃO
25/05/2020 Unicesumar - Ensino a Distância
5/6
O wireframe é um desenho, como um esqueleto, de como ficará nosso site. Fernandes (2015) complementa
que o objetivo do wireframe é planejar como os requisitos funcionais coletados com o cliente serãousados
pelo desenvolvedor do projeto.
 
FERNANDES, R. Design de Interfaces para Internet. São Paulo: NRSystem, 2015.
Sabendo disso, analise os objetivos que do wireframe propostos a seguir:
I. Uma visão clara de como ficará o desing gráfico com suas definições de cores e tipografia.
II. Os principais grupos de conteúdo que serão trabalhados.
III. A estrutura da informação a ser mostrada.
IV. Uma descrição e uma visualização básica da interface e interação do usuário.
V. Um guia prático e técnico do site e como ele deve ser utilizado.
É correto o que se afirma em:
ALTERNATIVAS
I, apenas.
II e III, apenas.
III e V, apenas.
II, III e IV, apenas.
I, II, III, IV e V.
9ª QUESTÃO
No caso do designer, um protótipo é uma representação de média ou alta fidelidade do projeto final a ser
desenvolvido e ele, normalmente, simula a interface de interação com o usuário final. É útil, por exemplo,
quando é necessário melhorar a experiência dos usuários (UX), atualizar modelos de negócios e criar novos
produtos ou serviços.
 
Disponível em: https://blog.mjv.com.br/papel-da-prototipagem-no-design-thinking. Acessado em
05.mar.2018.
Dentro deste assuno, assinale a alternativa correta sobre o propósito do protótipo para o cliente.
ALTERNATIVAS
É similar ao wireframe, em que são desenhados, em uma ferramenta online, alguns rascunhos da ideia final.
É uma representação gráfica da ideia utilizada para apresentações e validação de uma ideia, podendo redefinir o
escopo.
Tem como propósito demonstrar o processo final do projeto em que será desenvolvido o site e colocado no ar para
validar seus recursos com os usuários.
Seu propósito é disponibilizar uma versão inicial ao usuário, pois será o primeiro contato visual com o site e deve ser
o mais próximo do resultado final esperado.
O propósito é similar ao do wireframe, sendo que o protótipo é o processo de apresentar formalmente os wireframes
criados para o cliente e coletar seu feedback.
10ª QUESTÃO
25/05/2020 Unicesumar - Ensino a Distância
6/6
Segundo Boniati e Silva (2013), design e projeto são termos que estão, de alguma forma, ligados. Com isso,
podemos evidenciar a necessidade de um planejamento antes de qualquer ação. Por exemplo, é preciso
planejar a estrutura de um website, definindo de forma clara e coerente a sequência das informações que se
deseja apresentar.
 
BONIATI, B. B.; SILVA, T. L. da. Fundamentos de Desenvolvimento Web. Universidade Federal de Santa
Maria, Colégio Agrícola de Frederico Westphalen e Rede e-Tec Brasil, 2013.
Analisando este contexto, assinale a alternativa correta sobre as áreas da anatomia de uma página web.
ALTERNATIVAS
Menu administrativo, área de destaque, banners e rodapé.
Área de busca, área de conteúdo, área de fale conosco e sobre a empresa.
Logotipo, área de feedback, chat online, menu de navegação e área de destaque.
Área de conteúdo de terceiros, área de links uteis e área de conteúdo administrativo.
Logotipo, banner padrão, área de busca, menu administrativo e área de comentários dos clientes.