Design Editorial

Prévia do material em texto

Design Editorial
1)
2)
3)
Prepare-se! Chegou a hora de você testar o conhecimento adquirido nesta disciplina. A Avaliação Virtual (AV) é composta por
questões objetivas e corresponde a 100% da média final. Você tem até cinco tentativas para “Enviar” as questões, que são
automaticamente corrigidas. Você pode responder as questões consultando o material de estudos, mas lembre-se de cumprir o
prazo estabelecido. Boa prova!
Os projetos voltados ao meio digital são multidisciplinares, o que quer dizer que englobam conceitos de diversas áreas
do conhecimento. A partir disso, analise as afirmativas a seguir e assinale-as com V (verdadeiro) e F (falso): ( ) Os conceitos
de layout usados em projetos digitais são totalmente diferentes dos utilizados em meio impresso. ( ) HTML é uma
linguagem utilizada para organizar elementos gráficos em um projeto, ajustando cores e fontes tipográficas. ( ) Projetos
para web devem ser responsivos, pois isso permite que sejam corretamente exibidos em qualquer dispositivo. ( ) Um portal
web trabalha com diversos conteúdos, de modo que consegue alcançar vários tipos de públicos. Assinale a alternativa que
faz a correspondência correta:
Alternativas:
F – F – V – V.  CORRETO
V – F – V – V.
F – V – F – V.
V – F – V – F.
V – F – F – V.
Código da questão: 78417
O design editorial para suporte digital traz várias mudanças em relação aos produtos feitos para suporte impresso.
Apesar disso, há diversos conceitos que ainda são utilizados em ambos os meios. A respeito desse contexto, analise as
alternativas a seguir e assinale a única que traz uma afirmação correta.
Alternativas:
Uma revista digital é simplesmente a mesma revista impressa apresentada por meio de um arquivo de imagem digital.
A interação com o conteúdo é um dos pontos fundamentais do design editorial voltado aos suportes digitais. 
CORRETO
Como os arquivos são digitais, o tamanho da tela não é importante na criação de um projeto gráfico para meio digital.
Por se tratar de meio digital, os e-books se tornaram mais caros de se produzir do que o mesmo livro em meio
impresso.
O uso de grid é menos relevante no design editorial para meio digital, pois as telas são todas diferentes.
Código da questão: 78400
O uso de CMS, ou Content Management System, foi amplamente adotado para projetos web, de modo que o WordPress,
principal CMS existente no mercado, é responsável por mais de 40% dos sites existentes. Nesse contexto, analise as
afirmações a seguir: I- Para que possamos usar o WordPress, precisamos instalá-lo no computador. Só assim conseguiremos
editar o site, pois ainda não existe uma versão que funciona diretamente no navegador. II- A sigla CMS se refere a um tipo
de sistema usado para a criação de sites a partir de programação, o que quer dizer que precisamos aprender códigos
complexos para elaborar um site. III- Os sistemas do tipo CMS facilitam a criação de sites. Isto pois já trazem vários recursos
prontos, como layouts e plugins, com os quais precisamos apenas realizar alguns ajustes.
IV- O WordPress é um CMS extremamente intuitivo, considerando que várias ferramentas funcionam visualmente, sem
precisar configurar os códigos HTML e CSS do site. É correto o que se afirma em:
Alternativas:
I e IV, apenas.
II e IV, apenas.
I e II, apenas.
II e III, apenas.
III e IV, apenas.  CORRETO
Resolução comentada:
A sequência correta é: F – F – V – V. A terceira afirmação é verdadeira, pois a responsividade permite com que
projetos se adaptem automaticamente a qualquer tipo de dispositivo e tamanho de tela que o público utilize. A
quarta afirmação também é verdadeira, pois os portais lidam com diversos conteúdos de maneira vertical, de modo
que alcance vários nichos, tendo um público bem diverso que irá buscar pelos conteúdos que lhes interessem dentro
do portal. Veja a forma correta das afirmativas falsas: Primeira – Os conceitos de layout usados em projetos digitais
seguem diversos conceitos iguais aos utilizados em meio impresso, embora cada meio tenha suas particularidades.
Segunda – HTML é uma linguagem utilizada para estruturar o conteúdo de texto, imagens, vídeos e links, enquanto o
CSS serve para ajustar cores e fontes tipográficas.
Resolução comentada:
O uso de grid é tão importante no meio digital quanto no impresso, inclusive sendo mais complexo devido à
responsividade em projetos digitais. Revistas digitais podem trabalhar diversos
recursos além de simplesmente replicar o conteúdo impresso. Em arquivos digitais deve existir preocupação com os
diferentes tipos de tela e em como os arquivos serão exibidos e lidos pelo público. Os e-books baratearam os custos
de produção de um livro, tirando do preço o valor de impressão. Por fim, é importante ressaltar que a interação é um
ponto muito importante no design editorial em suporte digital, por ser um dos diferenciais que esse meio oferece.
Resolução comentada:
4)
5)
6)
Código da questão: 78419
A criação de projetos de design editorial tem vários conceitos e terminologias próprias, sendo que algumas são
específicas de um suporte digital ou impresso. Dentro dessas duas possibilidades, há três conceitos amplamente utilizados,
sobre os quais é importante se ter conhecimento. Leia e associe os conceitos a seguir com as definições expostas. I. Ponto
de entrada. II. Layout responsivo. III. Margem. A. Adaptação do conteúdo para diversos tipos de tela de suportes digitais. B.
Área usada para organização visual de uma composição gráfica. C. Indicação visual de onde se dá início à leitura de um
texto. Assinale a alternativa que traz a associação correta entre as duas listas:
Alternativas:
I-B; II-A; III-C.
I-C; II-A; III-B.  CORRETO
I-A; II-C; III-B.
I-C; II-B; III-A.
I-A; II-B; III-C.
Código da questão: 78403
A criação de livros em formato digital trouxe várias vantagens em relação ao livro impresso. Muitos formatos surgiram no
mercado, havendo predominância de alguns em especial, como os livros em formato ePUB, PDF, HTML e aplicativo. A partir
do que é exposto, leia e associe os termos a seguir com as definições apresentadas. I. ePUB. II. PDF. III. Aplicativo. A. Tipo de
arquivo que trabalha com layout fixo, além de permitir interações e inserção de multimídia. B. Tipo de arquivo que não
precisa de um software específico para que consiga ser lido pelo usuário. C. Tipo de arquivo com layout fluido, que
comumente permite alterar o tamanho e a cor dos textos. Assinale a alternativa que traz a associação correta entre as duas
listas:
Alternativas:
I-A; II-C; III-B.
I-A; II-B; III-C.
I-C; II-B; III-A.
I-B; II-C; III-A.
I-C; II-A; III-B  CORRETO
Código da questão: 78418
Existem vários padrões de cor que podem ser utilizados, tanto em projetos editoriais para suporte digital quanto para
suporte impresso. Dentre tais padrões, podemos citar o RGB, o CMYK, o HSB e o sistema Pantone, de modo que cada um
tem uma maneira distinta de lidar com os valores que constituem uma cor, seja em uma tela ou em uma folha de papel.
Nesse contexto, analise as afirmações a seguir e assinale a única alternativa que traz uma afirmação correta.
Alternativas:
O padrão RGB é o mais indicado para projetos impressos, por causa de sua ampla gama de cores.
Todas as cores existentes no RGB e no HSB existem no CMYK, sendo fácil a conversão entre eles.
O HSB lida com a criação de cores por meio de valores de saturação e brilho, a partir de um matiz de cor.  CORRETO
O padrão CMYK lida com a construção de qualquer cor a partir de valores de vermelho, verde e azul.
O sistema Pantone lida com a produção de cores específicas voltadas apenas ao meio digital.
A afirmação I está incorreta, pois o WordPress funciona diretamente pelo navegador, a partir do momento em que
foi instalado em uma hospedagem. Dessa forma, não precisamos instalá-lo no computador para configurar o site. A
afirmação II também está incorreta, pois vários sistemas de CMS, como o próprio WordPress, permitem com que
sites sejam criados sem a necessidade de configurar códigos complexos de programação.Inclusive considerando que
HTML e CSS não são linguagens de programação, mas sim de marcação. Já a afirmação III está correta, pois os CMS
trazem vários recursos já configurados, sem a necessidade de criar tudo do zero. Por fim, a afirmação IV também está
correta, pois o WordPress é extremamente intuitivo, inclusive sendo este um dos motivos que trouxe ampla
popularidade a essa ferramenta.
Resolução comentada:
A correta associação é: I-C – Pontos de entrada são quaisquer indicações visuais de início de um bloco de texto; II-A
– Layout responsivo é a adaptação do conteúdo conforme um dispositivo digital e o tamanho de tela; III-B – A
margem é utilizada para organizar a informação, criando respiros visuais e garantindo que nenhuma informação
importante será perdida na impressão de projetos.
Resolução comentada:
A correta associação é: I-C – o ePUB é um tipo de arquivo fluido, pois será ajustado conforme a tela em que é
apresentado, além de ter interferências das configurações do usuário, como tamanho de fonte, contraste de cores,
entre outros; II-A – O PDF é um formato de arquivo com layout fixo, o que quer dizer que sempre aparecerá com a
mesma formatação visual, independentemente do dispositivo no qual é visto; III-B – O livro aplicativo é aquele que é
uma aplicação por si própria, sem a necessidade de um software de leitura para funcionar, como é o caso do ePUB e
do PDF.
Resolução comentada:
“O padrão RGB é o mais indicado para projetos impressos, por causa de sua ampla gama de cores” está incorreta,
pois o padrão RGB é o mais indicado para projeto em meio digital, já que lida com a construção de cores por meio
da intensidade de luz de três cores primárias: vermelho, verde e azul. Dessa forma, o RGB não é utilizado para
impressão. “O HSB lida com a criação de cores por meio de valores de saturação e brilho a partir de um matiz de cor”
está correta, pois o HSB lida com luz também, construindo valores por meio de informações de matiz, saturação e
brilho, também não sendo utilizado em impressão. “O padrão CMYK lida com a construção de qualquer cor por meio
7)
8)
9)
Código da questão: 78410
Leia o trecho a seguir: Um arquivo de livro digital pode trabalhar com layout __________, que é quando a disposição dos
textos e imagens pode ser modificada conforme vários fatores, como o tamanho da tela e as escolhas do usuário.
Propriedades como tamanho da fonte, cor do fundo da página __________ nesse formato de layout, o que __________ a
atividade de leitura do público. Assinale a alternativa que completa adequadamente as lacunas:
Alternativas:
Fixo; são mantidas as mesmas; dificulta.
Fluido; podem ser alteradas; dificulta.
Fluido; são mantidas as mesmas; facilita.
Fluido; podem ser alteradas; facilita.  CORRETO
Fixo; podem ser alteradas; facilita.
Código da questão: 78416
Observe a imagem adaptada de Ambrose e Harris (2011, p. 28)
AMBROSE, G.; HARRIS, P. Tipografia. Porto Alegre: Grupo A, 2011.
Início da descrição. A imagem mostra as letras "A" e "T" em seu formato maiúsculo, seguidas das letras "f", "p" e "x" em seu
formato minúsculo. Há 5 linhas azuis na horizontal atravessando as letras de cima para baixo, indicando as seguintes
informações: altura das ascendentes, altura das capitulares, linha média, linha de base e altura das ascendentes. Por fim, em
vermelho, há uma linha que vai da linha de base até a linha média, na vertical, ou da base até o topo das letras minúsculas,
com o nome "altura-x". Fim da descrição. Conhecer a estrutura de uma fonte tipográfica é fundamental para aplicá-la de
maneira efetiva em um projeto de composição visual. Com base na imagem apresentada e a respeito desse contexto,
analise as afirmações a seguir e assinale a única alternativa que traz uma afirmação correta.
Alternativas:
A altura-x é única dentro de uma fonte. Nenhuma outra letra, número ou símbolo terá a mesma altura que a letra “x”.
Ao considerarmos várias fontes tipográficas com o mesmo tamanho em pt, a altura-x será igual entre todas elas.
Todas as letras maiúsculas e minúsculas terão a mesma altura, sempre indo da linha de base até a altura das capitulares.
A linha das ascendentes é sempre igual à altura das capitulares, independentemente da fonte tipográfica analisada.
A altura das descendentes mostra até onde vai a parte inferior de algumas letras em algumas fontes, como “g”, “p”, “q”,
entre outras.  CORRETO
Código da questão: 78405
Diversos fatores precisam passar por análise e serem escolhidos quando vamos imprimir um projeto editorial: tamanho,
tipo e gramatura de papel, técnica de impressão, acabamentos que serão aplicados, dentre outras opções. Sobre esses
conceitos, analise as afirmativas a seguir e assinale-as com V (verdadeiro) e F (falso): ( ) A sangria é uma área de segurança
de valores de vermelho, verde e azul” está incorreta, pois o CMYK lida com a construção de cores para impressão e
não para o meio digital, a partir de quatro valores, para ciano, magenta, amarelo e preto, e não vermelho, verde e
azul (estas cores são do padrão RGB). “O sistema Pantone lida com a produção de cores específicas voltadas apenas
ao meio digital” está incorreta, pois o sistema Pantone traz uma numeração própria de cores, as quais possuem um
valor equivalente nos sistemas RGB e CMYK. “Todas as cores existentes no RGB e no HSB existem no CMYK, sendo
fácil a conversão entre eles” está incorreta, pois nem todas as cores do RGB e do HSB existem no CMYK, e vice-versa,
o que traz dificuldades na conversão entre tais padrões. Em outras palavras, uma cor exibida em uma tela pelo
padrão RGB pode não existir no CMYK. Ao imprimir um documento, o valor será aproximado para outra cor, o que
pode deixar o documento com diferenças de tonalidade.
Resolução comentada:
O layout fluido é aquele que pode ser alterado, o que pode facilitar a leitura de um texto. Já no layout fixo, não
temos essas opções de modificação, como a possibilidade de alteração das cores, aumentando ou diminuindo o
contraste de modo que a leitura fique melhor para cada usuário de um produto editorial para meio digital.
Resolução comentada:
A altura-x não tem uma relação direta com o tamanho em pontos de uma fonte, pois este é medido a partir das
linhas de ascendentes e descendentes. Além disso, a altura das capitulares, que é a altura das letras maiúsculas, não é
necessariamente a mesma altura das ascendentes, que seriam algumas letras como “f” e “t”, dependendo da fonte
analisada. Outro ponto importante apontado nas alternativas é em relação ao tamanho das letras que terá como
referência a altura das capitulares, no caso das maiúsculas, e da linha média, no caso das minúsculas. A linha média
segue como referência a altura-x, que é a altura da letra x, servindo de base para todas as outras minúsculas. Por fim,
a linha das descendentes é usada como base para letras que possuem prolongamentos abaixo da linha de base,
como acontece em várias fontes com letras como “g”, “p” ou “q”.
10)
em documentos, a qual deve ser utilizada em projetos tanto para impressão quanto para meio digital. ( ) A margem possui
tanto função na composição visual quanto na garantia de impressão, evitando erros na hora de cortar o papel.
( ) A gramatura do papel ou os acabamentos com verniz não interferem no orçamento de um livro, o qual é afetado apenas
pelo tipo de impressão. ( ) A resolução de uma imagem impacta diretamente na impressão, visto que é necessária uma
quantidade mínima de pixels para a imagem ser impressa sem problemas. Assinale a alternativa que faz a correspondência
correta:
Alternativas:
V – F – F – V.
F – V – F – V.  CORRETO
V – F – V – F.
V – F – V – V.
V – V – F – F.
Código da questão: 78412
Temos vários tipos de espaçamento em projetos tipográficos dentro do design editorial, o que nos traz a conceitos
como tracking, kerning, entrelinha e alinhamento. Sobre os conceitos dentro do campo da tipografia, analise as afirmativas
a seguir e assinale-as com V (verdadeiro) ou F (falso): ( ) Entrelinha é o nome dado ao espaçamento que existeentre duas
linhas de texto, podendo comprimir ou afastar as linhas. ( ) O alinhamento de texto à direita é o mais indicado para blocos
extensos de texto, pois ele facilita a leitura. ( ) Ajustes de kerning são necessários quando o tracking deixou espaços
visualmente diferentes entre os caracteres de uma palavra. ( ) Um texto com alinhamento justificado terá as laterais do
bloco de texto com irregularidades, também chamadas de franjas.
Assinale a alternativa que faz a correspondência correta:
Alternativas:
V – F – V – V.
V – F – F – V.
V – F – V – F.  CORRETO
V – V – F – F.
V – V – F – V.
Código da questão: 78407
Resolução comentada:
A sequência correta é: F – V – F – V. A segunda afirmação é verdadeira, pois a margem serve para evitar problemas
caso haja um leve desvio no corte, já que naquele espaço não terão informações relevantes para a composição
visual. A quarta afirmação também é verdadeira, pois alguns sistemas de impressão precisam de uma quantidade
grande de pixels ou pontos, na imagem, como 1200 dpi, para que a impressão seja feita sem problemas. Veja a
forma correta das afirmativas falsas: Primeira – A sangria é uma área de segurança em documentos, a qual deve ser
utilizada em projetos para impressão, não tendo utilidade em meio digital. Terceira – A gramatura do papel, o
acabamento com verniz e o tipo de impressão interferem no orçamento de um livro ou de qualquer projeto gráfico
que será impresso.
Resolução comentada:
A sequência correta é: V – F – V – F. A primeira afirmação é verdadeira, pois a entrelinha é justamente a distância
entre as linhas, medida na horizontal. E a terceira afirmação também é verdadeira, pois é necessário lidar com ajustes
de kerning (o espaço entre dois caracteres), caso o tracking (o espaço geral entre todos os caracteres) não esteja
visualmente agradável. Veja a forma correta das afirmativas falsas: Segunda – O alinhamento de texto à esquerda é o
mais indicado para blocos extensos de texto, pois ele facilita a leitura. O alinhamento à direita, assim como o
centralizado, não indica facilmente o ponto de partida de cada linha, o que torna a leitura mais demorada e
cansativa. Quarta – Um texto com alinhamento centralizado terá as laterais do bloco de texto com irregularidades,
também chamadas de franjas.
Arquivos e Links