Design Gráfico - A2

Prévia do material em texto

 Pergunta 1 
1 em 1 pontos 
 Analise o texto a seguir. 
Na prática, a criação de convenções com normas e regras simplifica e facilita 
a organização front-end de um projeto de design digital que resulta em uma 
quantidade menor de tempo para o desenvolvimento, ganhando maior 
produtividade e uma consistência real do trabalho. 
Algumas sugestões de regras podem ser definidas para otimizar a 
organização front-end , como nome e conteúdo dos arquivos de algumas 
pastas (diretórios) do projeto. 
A partir do exposto, associe tais pastas às características dos arquivos que 
devem contê-las: 
I. components; 
II. services; 
III. scene. 
( ) conter os elementos primários como os buttons. 
( ) conter os elementos que podem ser utilizados em diversas partes do 
projeto. 
( ) conter os elementos que são necessários para rodar um programa no 
projeto. 
 
A partir das relações feitas anteriormente, assinale a alternativa que 
apresenta a sequência correta. 
 
Resposta Selecionada: 
I, II, III. 
Resposta Correta: 
I, II, III. 
Comentário 
da resposta: 
Resposta correta. A pasta que deve conter os elementos 
primários como os buttons = components. A pasta que deve 
conter os elementos que podem ser utilizados em diversas 
partes do projeto = services. A pasta que deve conter os 
elementos que são necessários para rodar um programa no 
projeto = scene. 
 
 
 Pergunta 2 
1 em 1 pontos 
 Para representar uma estrutura hierárquica de um site , aplicativo ou 
qualquer interface de um projeto de design digital, os desenvolvedores 
utilizam o mapa do site, sitemap, no qual é possível ter uma noção geral de 
como será a dimensão do projeto e o nível de dificuldade para execução. 
 
Sobre mapa do site , analise as asserções a seguir e a relação proposta 
entre elas. 
1. Antes do desenvolvimento, o mapa do site é um documento que é usado e 
sempre consultado pelo gerente do projeto. 
 
PORQUE 
2. O diretor da criação e a equipe de arquitetura de informação não precisam 
 
compreender o mapa do site. 
 
 
A seguir, assinale a alternativa correta. 
Resposta 
Selecionada: 
 
A asserção I é uma proposição verdadeira, e a asserção 
II é uma proposição falsa. 
Resposta Correta: 
A asserção I é uma proposição verdadeira, e a asserção 
II é uma proposição falsa. 
Comentário 
da resposta: 
Resposta correta. A asserção I é verdadeira, já que antes do 
desenvolvimento, o mapa do site é um documento que é 
usado e sempre consultado pelo gerente do projeto e facilita 
visualizar o escopo do projeto. A asserção II é falsa, pois 
além do gerente do projeto, o diretor da criação, a equipe de 
arquitetura de informação e o cliente também consultam o 
mapa do site e precisam compreendê-lo. 
 
 
 Pergunta 3 
1 em 1 pontos 
 Leia o texto a seguir. 
No código de uma página quando utiliza o CSS, o atributo font-family 
indica as tipografias, como o exemplo: {font-family: Arial, Verdana, Tahoma, 
Sans-Serif;}. Este código representa que a principal fonte é Arial, caso não 
tenha no computador do usuário, será trocada por Verdana, se não tiver a 
Verdana será trocada por Tahoma e assim por diante. 
 A respeito da formatação de tipografias no HTML, analise as afirmativas a 
seguir e assinale V para a(s) Verdadeira(s) e F para a(s) Falsa(s). 
2. ( ) Os navegadores utilizam as fontes instaladas no sistema operacional do 
usuário, usar fontes desconhecidas pode prejudicar a visualização correta do 
projeto. 
3. ( ) O atributo que define o tamanho do caractere em uma página em HTML 
é o font-size, e a unidade de medida que é aceita é apenas em pixels. 
4. ( ) Para definir a cor de um texto em uma página em HTML, utiliza o 
atributo color e pode-se apenas indicar a cor usando o valor do nome da cor 
em inglês. 
5. ( ) Para uma linha de texto não ficar muito próxima da outra, é 
recomendável a utilização do atributo line-height, que define a altura da 
linha. 
 
 
Assinale a alternativa que apresenta a sequência correta. 
 
Resposta Selecionada: 
V, F, F, V. 
Resposta Correta: 
V, F, F, V. 
Comentário Resposta correta. Pelo fato de os navegadores normalmente 
 
da resposta: utilizarem as fontes que estão instaladas nos sistemas 
operacionais, não é aconselhável utilizar fontes 
desconhecidas. Para definir a altura da linha, o atributo é 
o line-height, indicado para dar um espaçamento entre uma 
linha e outra. 
 
 Pergunta 4 
1 em 1 pontos 
 Analise o texto a seguir. 
Em projetos com uma grande quantidade de informações, é importante o 
desenvolvimento do mapa do site – tanto para a equipe de design digital 
responsável pela interface, quanto para a equipe de desenvolvimento da 
programação e arquitetura da informação – possuir documentos para iniciar 
o seu trabalho. 
 Para diminuir a possibilidade de erros e minimizar problemas, além de 
desenvolver o mapa do site , é indicado desenvolver outros documentos. A 
partir do exposto, associe tais documentos às suas características. 
I. Wireframe 
II. Modelos 
III. Protótipos 
( ) Ilustração básica da estrutura e componentes de uma página web. 
( ) Na maioria dos casos, aproximam-se ou são idênticos ao design final do 
projeto. 
( ) Layouts com alguma funcionalidade básica já pronta. 
A partir das relações feitas anteriormente, assinale a alternativa que 
apresenta a sequência correta. 
 
Resposta Selecionada: 
I, II, III. 
Resposta Correta: 
I, II, III. 
Comentário 
da resposta: 
Resposta correta. Ilustração básica da estrutura e 
componentes de uma página web = Wireframe. Na maioria 
dos casos, aproximam-se ou são idênticos ao design final do 
projeto = Modelos. Layouts com alguma funcionalidade 
básica já pronta = Protótipos. 
 
 
 
 Pergunta 5 
1 em 1 pontos 
 Analise a figura a seguir. 
 
Fonte: Elaborada pelo autor. 
 
A figura representa como um site poderá ser navegado em 
um browser (navegador), apresentando a sua forma estrutural de maneira 
visual, como deverá ser desenvolvido o projeto, antes mesmo de iniciar o 
processo de programação dos códigos em HTML ou CSS. 
 
 
Nesse sentido, assinale a alternativa que indique qual é o nome técnico que 
representa a figura. 
Resposta Selecionada: 
Wireframe ou diagrama de wireframe. 
Resposta Correta: 
Wireframe ou diagrama de wireframe. 
Comentário 
da resposta: 
Resposta correta. A representação visual da estrutura de 
como irá funcionar uma tela de um aplicativo ou uma página 
é conhecida como wireframe ou diagrama de wireframe, que 
deve ser criado no começo do desenvolvimento de um 
projeto, antes de iniciar o processo do design visual e 
conteúdo. 
 
 
 Pergunta 6 
1 em 1 pontos 
 Leia o texto a seguir. 
 
Para poder ligar um arquivo a qualquer outra página, arquivo ou recurso ou 
local diferente na mesma página em HTML, é utilizado o recurso 
de hiperlinks 
ou simplesmente links . No momento em que são clicados é que acontece 
esse direcionamento para a página ou recurso. 
Considerando o texto apresentado, sobre a inserção de links , analise as 
afirmativas a seguir. 
0. ( ) Os links ou hiperlinks podem ser aplicados em diferentes elementos que 
compõem uma página em HTML como imagens e textos. 
1. ( ) A tag que indica um link é a <l>, na qual deve ser incluído o atributo href, 
Hypertext Reference, justamente o endereço de destino do link. 
2. ( ) Dentro da tag do link, deve ser inserido o texto, a imagem ou o elemento 
que, ao ser ativado, direciona para o endereço dentro do atributo href. 
3. Para adicionar um link para a mesma página, basta utilizar o caractere “m” e, 
em seguida, a identificação do link. 
 
Está correto o que se afirma em: 
 
Resposta Selecionada: 
I e III, apenas. 
Resposta Correta: 
I e III, apenas. 
Comentário 
da resposta: 
Resposta correta. Os links ou hiperlinks 
podem ser aplicados em diferentes elementos como imagens 
e textos, que devem ser aplicados dentro da tag <a> e ser 
inserido o texto, a imagem ou o elemento que, ao ser 
ativado, direciona para o endereço dentrodo atributo href. 
 
 
 Pergunta 7 
1 em 1 pontos 
 A formatação de efeitos visuais em um projeto de design digital, como 
 
um website ou um aplicativo é uma boa opção para poder trabalhar com a 
identidade visual de forma criativa e não muito estática, desde que não 
utilize efeitos visuais de maneira excessiva e não harmônica. 
Nesse sentido, assinale a alternativa que indique como pode ficar a 
interface, caso utilize efeitos visuais em excesso. 
Resposta Selecionada: 
Interface cansativa e confusa. 
Resposta Correta: 
Interface cansativa e confusa. 
Comentário 
da resposta: 
Resposta correta. O uso de efeitos visuais pode ocasionar 
uma interface cansativa e confusa, pela grande quantidade 
de animações, texto rolando de um lado para outro, de cima 
para baixo ou piscando, causando desconforto visual. 
 
 
 Pergunta 8 
1 em 1 pontos 
 Analise o trecho a seguir. 
As imagens estão presentes em praticamente todos os projetos de design, e 
para projetos de design digital, as imagens são formadas por ______; os 
profissionais que trabalham com desenvolvimento de interface têm a 
necessidade de saber as informações técnicas para utilizá-las de forma 
correta. 
 Assinale a alternativa que preenche corretamente a lacuna. 
 
Resposta Selecionada: 
pixels. 
Resposta Correta: 
pixels. 
Comentário 
da resposta: 
Resposta correta. As imagens digitais são formadas por um 
conjunto de pixels, no qual 1 pixel é o menor elemento que 
pode ser exibido em um dispositivo digital, como monitores, 
televisores, pulseiras digitais, telas dos smartphones e tablets. 
Esses elementos contêm cor e informação de brilho e 
iluminação e formam a imagem em bitmap. 
 
 
 Pergunta 9 
1 em 1 pontos 
 Analise o trecho a seguir. 
Para os profissionais e as empresas que trabalham com desenvolvimento de 
projetos de design digital que abrangem diversas áreas, é recomendável que 
possuam _______, para apresentar a experiência e a prática que o 
profissional ou a empresa sabe fazer de melhor. 
Assinale a alternativa que preenche corretamente a lacuna. 
 
Resposta Selecionada: 
portfólio. 
Resposta Correta: 
portfólio. 
 
Comentário 
da resposta: 
Resposta correta. A reunião dos melhores trabalhos 
desenvolvidos por um profissional ou empresa é um portfólio; 
é mais do que um currículo, é um espaço para apresentar a 
experiência e prática do que a empresa ou o profissional 
sabe fazer de melhor. 
 
 Pergunta 10 
1 em 1 pontos 
 Leia o texto a seguir. 
Uma página HTML é composta por diversos elementos como o próprio 
conteúdo, barras ou menu de navegação, cabeçalho e rodapé que são 
organizados e divididos em cada parte que irá compor a interface do projeto 
digital. Esses elementos são formatados conforme suas funções na página. 
 
A respeito da formatação da interface em que podem ser utilizados os 
códigos HTML, analise as afirmativas a seguir e assinale V para a(s) 
Verdadeira(s) e F para a(s) Falsa(s). 
0. ( ) Para cada parte de uma página em HTML existem várias tags, para 
facilitar a organização e padronização no momento do desenvolvimento. 
1. ( ) O elemento <header>, que é permitido ser inserido no cabeçalho, pode 
conter não só o título da página, mas também outros elementos como um 
logo. 
2. ( ) Inserindo o logo da empresa no elemento <header>, a marca da empresa 
é visualizada no lugar da marca dos navegadores. 
3. ( ) No elemento <rodape>, pode haver informações de direitos autorais 
do site, copyright, autor, links relacionados ou blocos de navegação. 
 
Assinale a alternativa que apresenta a sequência correta. 
 
Resposta Selecionada: 
 V, V, F, F. 
Resposta Correta: 
 V, V, F, F. 
Comentário 
da resposta: 
Resposta correta. Para cada divisão, existem 
diversas tags que organizam e padronizam o 
desenvolvimento de uma página, com a inserção do elemento 
<header> que, além de conter o título da página, também é 
insere outros elementos, como menu de navegação, campo 
de buscas e logo. 
 
 
 
https://neilpatel.com/br/blog/o-que-e-portfolio/