DESIGN PARA WEB - ATIVIDADE 3 - UAM ANHEMBI MORUMBI

Prévia do material em texto

· Pergunta 1
1 em 1 pontos
	
	
	
	A interface possui elementos que proporciona uma ligação física ou lógica entre dois sistemas ou partes de um sistema que não poderiam ser conectados diretamente. No mundo web, as pessoas se relacionam com o sistema por meio de interfaces.  Sobre os princípios que orientam o projeto de interfaces de usuário eficazes, é correto afirmar que:
	
	
	
	
		Resposta Selecionada:
	 
a expectativa do usuário com relação à interface deve ser objetivada por esse motivo de implementações de telas fáceis e intuitivas.
	Resposta Correta:
	 
a expectativa do usuário com relação à interface deve ser objetivada por esse motivo de implementações de telas fáceis e intuitivas.
	Feedback da resposta:
	Resposta correta. Interfaces com foco no usuário devem ser fáceis de memorização, intuitivas, possuir boa navegabilidade, uma ótima interação, pois tem que atender a expectativa do usuário que interage com o sistema.
	
	
	
· Pergunta 2
1 em 1 pontos
	
	
	
	Na empresa Adobe, novas versões do photoshop apresentam melhorias de usabilidade, por exemplo, definir ou mover ponto de referência para uma transformação. Com essa ferramenta, ao transformar itens, pode-se movê-los mais facilmente na tela.
 
Analise as afirmativas relacionadas ao uso da ferramenta photoshop para o desenvolvimento de layouts .
 
I) O painel de layers possui opções com blending option e  agrupamento de camadas.
II) O atalho ctrl+space preenche uma área selecionada com a cor de background .
III) A ferramenta carimbo faz clonagem de uma área selecionada na imagem.
 
Assinale a opção que corresponde às afirmações corretas.
	
	
	
	
		Resposta Selecionada:
	 
I e III, apenas.
	Resposta Correta:
	 
I e III, apenas.
	Feedback da resposta:
	Resposta correta. A afirmativa I está correta, pois o painel de camada possui diversas funcionalidades, entre elas o blending option e o agrupamento de camadas. A  II está incorreta, pois a tecla de atalho ctrl+space preenche com a cor de front . A III está correta, pois a clonagem da área de imagem é feita com a ferramenta carimbo.
	
	
	
· Pergunta 3
1 em 1 pontos
	
	
	
	O princípio básico de manipulação de imagem no Photoshop é realizado por meio da ferramenta de seleção. Após selecionada a área (uma parte da figura ou a imagem por inteira) da figura inserida no Photoshop , aplica-se a formatação necessária.
Nesse contexto, avalie as seguintes asserções e a relação proposta entre elas.
 
I. Um sistema de 8 bits de cores pode somente trabalhar o preto e branco para imagem RGB
 
PORQUE
 
II. Um byte é composto de 8 bits e somente a cor preta e branca podem ser representadas.
 
Agora, assinale a alternativa correta.
	
	
	
	
		Resposta Selecionada:
	 
Tanto a primeira quanto a segunda asserções são proposições falsas.
	Resposta Correta:
	 
Tanto a primeira quanto a segunda asserções são proposições falsas.
	Feedback da resposta:
	Resposta correta. A proposição I é falsa, pois cores RGB possuem 3 canais de cores Red , Blue e Green e uma imagem de 8 bits, teria uma combinação  de uma única cor por canal, um tom de azul, um tom de vermelho e um tom de verde. A combinação  dessas cores resulta nas demais cores, inclusive, preto e branco. A II é incorreta, pois um byte é um conjunto de 8 bits, mas significa que para um core RGB o canal é de somente uma única cor, mas qualquer cor.
	
	
	
· Pergunta 4
1 em 1 pontos
	
	
	
	Um editor de imagem pode ser usado para desenvolver layouts para sistema Web. Existem vários editores de imagem no mercado, mas o photoshop , por sua diversidade de funções, está entre os mais utilizados pelos web designers . Analise as afirmativas sobre a ferramenta photoshop como recurso de criação de layout para uma página web.
 
I) O photoshop possui um menu de ajustes de cores da imagem como o Hue/Saturation que trabalha matiz e saturação  de cores de uma imagem.
II) Há possibilidade de criar uma imagem utilizando cada parte da imagem em uma camada aplicando em qualquer camada selecionada a edição de cores por meio das funcionalidades do photoshop.
III) A ferramenta varinha máquina do photoshop seleciona áreas de pixels semelhantes e torna-se um excelente recurso de seleção de áreas em uma imagem.
 
Assinale a opção que corresponde às afirmações corretas.
	
	
	
	
		Resposta Selecionada:
	 
I, II e III.
	Resposta Correta:
	 
I, II e III.
	Feedback da resposta:
	Resposta correta. A afirmativa I está correta, pois saturação e matiz podem ser realçadas ou manipuladas no menu de ajustes ( hue/saturation ). A II está correta, pois um recurso do photoshop é a subdivisão em camadas e individualmente podem ser editadas. A III está correta, pois o photoshop possui diversas ferramentas de seleção  de área de imagem, mas a varinha seleciona áreas de pixels semelhantes.
	
	
	
· Pergunta 5
1 em 1 pontos
	
	
	
	Um framework é um ambiente que ajuda o desenvolvedor na construção de software . Possui  funcionalidades genéricas que aceleraram o  projeto e  proporciona um dinamismo na codificação. Geralmente, um framework é composto de bibliotecas.
 
Analise as afirmativas sobre o desenvolvimento de layouts .
 
I) O bootstrap é um framework de desenvolvimento de páginas HTML5 e CSS.
II) O bootstrap é composto de um sistema de grid de 12 colunas.
III) O bootstrap é um sistema para criar somente sites responsivos para web.
 
Assinale a opção que corresponde às afirmações corretas.
	
	
	
	
		Resposta Selecionada:
	 
I e II, apenas.
	Resposta Correta:
	 
I e II, apenas.
	Feedback da resposta:
	Resposta correta. A afirmativa I está correta, pois o bootstrap é um framework para o desenvolvimento de páginas HTML5 e CSS. A II está correta, pois o bootstrap é  composto por um sistema de grid de 112 colunas. A III está incorreta, pois o bootstrap não é somente para sites responsivos, mas cria qualquer tipo de site com ou sem responsividade e para mobile .
	
	
	
· Pergunta 6
1 em 1 pontos
	
	
	
	O Photoshop é o aplicativo de edição de imagens mais difundido para uso em computadores Windows e Apple. A ferramenta permite edições de imagens de diversos tipos de extensão, entre as principais “jpg”, “bmp”  e “png”. O painel de ferramenta agrupa as principais ferramentas do editor. Dessa forma, qual alternativa  associa uma ferramenta a uma ação na edição da imagem?
	
	
	
	
		Resposta Selecionada:
	 
A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
	Resposta Correta:
	 
A ferramenta Quick selection tool
– faz seleções de áreas com pixels semelhantes na imagem.
	Feedback da resposta:
	Resposta correta. A alternativa “a” está correta, pois a quick selection faz seleções de áreas com pixels semelhantes. A “b” está incorreta, pois History Brush tool é utilizada para refazer áreas de pinturas por meio do histórico de ações. A “c” está incorreta, pois a ferramenta Gradient tool é usada para criar gradientes em áreas da imagem. A “d” está incorreta, pois a ferramenta Path selection tool é usada para criar e selecionar o caminho criado com a ferramenta pen tool . A “e” está incorreta, pois a ferramenta Dodge tool é utilizada para criar áreas de tonalidades diferentes de cinza na imagem.
	
	
	
· Pergunta 7
1 em 1 pontos
	
	
	
	O photoshop é uma ferramenta da empresa Adobe muita usada na edição de layouts . Foi lançado a décadas passadas e devido a sua diversidade de ferramentas internas e a facilidade de manipulação das mesmas, foi adotado como aplicação fundamental para a edição de imagens para diversos tipos  de  mídia, como jornais, revistas, banners e web. Assim, considerando as informações apresentadas e os conteúdos estudados, analise as ferramentas disponíveis no photoshop ,
a seguir, e associe-as com as suas respectivas características.
 
I) Pen tool .
II) Gradient tool .
III) Eyedropper tool .
IV) Brush tool .
 
( )  Tonalidades diferentes de cores. Duas ou mais cores podem ser aplicadas em áreas específicas da imagem ou em toda a imagem.
( )   Devido a grande variação de imagens existentes, essa ferramentaé capaz de selecionar a cor em uma imagem.
( )  O photoshop possui o recurso de pintar áreas selecionadas com diversos tipos de pincéis.
( )  Com muita habilidade pode-se desenhar usando técnicas chamada “mão  livre”.
 
A partir das relações feitas anteriormente, assinale a alternativa que apresenta a sequência correta.
	
	
	
	
		Resposta Selecionada:
	 
II, III, IV, I.
	Resposta Correta:
	 
II, III, IV, I.
	Feedback da resposta:
	Resposta correta. A afirmativa I, pen tool , cria imagem a mão livre por pontos de arestas. A II, Gradient tool , cria gradientes para serem aplicados na imagem. A III, Eyedropper tool , seleciona cores de uma imagem. A IV, Brush tool , pinta áreas selecionadas com escova (tipos de pincéis).
	
	
	
· Pergunta 8
1 em 1 pontos
	
	
	
	Na construção de layout para um site passa-se primeiro pela concepção conceitual do  site, entendendo as necessidades dos requisitos, as personas envolvidas, quais princípios são os mais adequados para a utilização. Esses princípios fazem uma relação direta do layout e os elementos de página que o compõem.
Marque a alternativa que descreve corretamente a descrição do princípio e a sua relação  com  os elemento de página.
	
	
	
	
		Resposta Selecionada:
	 
Princípio da  repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
	Resposta Correta:
	 
Princípio da  repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
	Feedback da resposta:
	Resposta correta. A alternativa “b” está correta, pois o princípio da repetição: elementos visuais do design na peça (como cores, formas, texturas, linhas e marcadores) podem ajudar a reforçar mensagens importantes.
	
	
	
· Pergunta 9
1 em 1 pontos
	
	
	
	O conceito mobile first significa projetar para celular antes de projetar para desktop ou qualquer outro dispositivo (isso tornará a exibição da página mais rápida em dispositivos menores) (RESPONSIVE..., 2019).
 
RESPONSIVE Web Design - Media Queries. W3Schools . Disponível em: <https://www.w3schools.com/css/css_rwd_mediaqueries.asp>. Acesso em: 10 abr. 2019.
 
Analise as afirmativas sobre os conceitos de uso de media queries em mobile first .
 
I) A linha @media only screen and (max-width: 600px) {...} determina que a aplicação CSS será em tela acima de 600px.
II) Na linha @media only screen and (orientation: landscape) {
  body {background-color: lightblue; }}, a aplicação de CSS torna o fundo azul quando o celular estiver na horizontal.
III) A linha  @media only screen and (min-width: 601px) {
  div.example {font-size: 80px; }} aplica uma condição de tamanho de fonte em todos o documento web.
 
Assinale a opção que corresponde às afirmações corretas.
	
	
	
	
		Resposta Selecionada:
	 
II, apenas.
	Resposta Correta:
	 
II, apenas.
	Feedback da resposta:
	Resposta correta. A afirmativa I está incorreta, pois o código CSS determina a aplicação de tela até 600 pixels de largura ( max-width ). A II está correta, pois será aplicado cor de fundo ( background ) com o smartphone na posição horizontal ( landscape ). A III está incorreta, pois o efeito CSS será aplicado somente na área example da div e não em todo o documento.
	
	
	
· Pergunta 10
1 em 1 pontos
	
	
	
	Uma identidade visual pode ser criada por meio de variáveis como as cores de logo da empresa, por exemplo, ou pela representação da cor com relação ao negócio. Uma página web relacionada a um sex shop poderia ter como cor predominante o vermelho.
Analise as afirmativas sobre os fundamentos de imagem.
 
I) Os editores de imagem trabalham somente as cores quente como vermelho, amarelo, verde, e por esse motivo são fundamentais para prototipar sites web.
 
II) Os editores, como photoshop , podem ser utilizados como ferramenta de prototipação de site webs.
 
III) Uma das características de um editor de texto, como o photoshop , é a utilização de camadas.
 
Agora, assinale a opção que corresponde às afirmações corretas.
	
	
	
	
		Resposta Selecionada:
	 
II, apenas.
	Resposta Correta:
	 
II, apenas.
	Feedback da resposta:
	Resposta correta. A afirmativa I está incorreta, pois todos os editores de textos trabalham qualquer cor para manipulação da imagem e não somente cores quentes. A II é correta, pois o photoshop pode ser usado como uma ferramenta de prototipação  de imagem. A III está incorreta, pois é o editor de imagem e não de texto que trabalha com o recurso de camadas.