DESIGN EDITORIAL Todo Conteúdo (Aula 1 - Aula 7)

Prévia do material em texto

Aula 2 
• 
• 
• 
 
 
 
 
 
 
 
 
● 
● 
● 
● 
● 
● 
● 
 
 
çã ó
● 
● 
• brainstorming de palavras 
• selecione 3 palavras 
• pesquise projetos (imagens, fotos, desenhos, pintura, música) 
relacionados a essas palavras 
1. Investigue e faça uma lista 
.Crie uma lista de elementos para colocar no diagrama. Pode ser marcas, pessoas, logotipos, produtos, capas de revistas. 
2. Encontre pares opostos. 
Crie uma lista de polaridades que você pode usar para organizar seu material, como por exemplo: pesado/leve; linhas retas/linhas curvas; 
arrojado/discreto; simples/complexo. 
3. Ligue os pontos 
Posicione os elementos de sua lista na matriz. Procure os padrões significativos nos resultados. 
 
Resume o posicionamento da publicação em relação às necessidades e anseios do público-alvo. Diz 
respeito a todos os profissionais envolvidos, designers, jornalistas, redatores, ilustradores, entre 
outros. Encontra-se geralmente no início da publicação. Pesquise em: Carta ao Leitor; Carta do Editor; 
na versão online da revista, na parte “missão, visão e valor”. 
Podemos perceber que a Revista Veja assume o desejo de liderança no mercado. Com tom pragmático, afirma ser um 
veículo formador de opinião e se propõe a construir e “reformular” o pensamento do leitor. Seu projeto editorial parece 
seguir esse pragmatismo, a diagramação é formal com tipografias sem serifas nos títulos e serifadas no corpo do texto 
e alinhamento justificado. O grid em três colunas organiza quase toda a revista e promove a flexibilidade para o 
posicionamento das fotos, imagens, tabelas e infográficos. 
Não seria difícil pensar que a TPM quer ser um veículo de comunicação arrojado e inovador. A revista 
busca também formar opinião e parece ter entendido seu público. Em 2016, a publicação deixou de ter 
versão impressa mensal e passou a ter um conteúdo maior na internet. Esse conceito de "quebrar 
regras" aparece no design editorial tanto impresso (quando havia) como no online. Todos os elementos 
de comunicação visual estão presentes nos editoriais da revista, porém com novo tratamento. A caixa 
de texto, posicionamento dos títulos e texto ganham novos significados e assumem presença marcante 
nas páginas e espaços da web. 
É possível perceber que a revista trata de assuntos leves, pontuais, 
divertidos e, porque não, um pouco de fofoca. Isso também é percebido na 
diagramação. Exploram fortemente as fotografias de diversos tamanhos, 
coloridas ou pb. Na parte textual vemos organização em grid de colunas e 
uma inspiração da Bauhaus no uso das linhas finas para dividir e marcar 
as colunas. 
 
 
 
 
ANOTAÇÕES 
. 
 
 
 
 
• Nunca nomear algo de untitled 
• Painel de links no indesign é um lugar onde guarda todas as imagens inseridas no indesign 
• Para deixar com uma resolução melhor View-> display performance -> high quality o nome disso é chapéu ou 
retranca 
• Criar guias em duas páginas no indesign é só selecionar as duas 
Layout-> create gruides_> vai abrir uma janelinha./ rows 
number: 6 (ou outro que eu queira) e posso acrescentar colunas também number: 5, 
clicando no preview vamos tudo que está acontecendo. Logo depois podemos por se 
queremos que começe a partir da margem ou da página, é mais indicado começar da 
margem. 
• Para criar texto de marcação: clicar com botão direito-> fill with placeholder text 
• Apertar W tira e coloca guia 
• Se uma página for independente da outra é melhor tirar o facing pages, Documento 
setup->vai abrir uma janela e é só clicar em desmarcar a caixinha 
• Não pode fazer colunas independentes 
• Ajustar a largura da primeira coluna (caso tenha muita coisa escrita) vai aparecer uma + vermelho então 
clicamos e fazemos um novo quadrado ao lado da primeira coluna, então fazendo a segunda. Enquanto tiver coisa 
escrita pode ser criada algumas colunas. 
• Outra forma de fazer isso é : selecionar a caixa de texto->object->text frame options- 
>vai abrir uma janela-> ao aumentar os números de clunas no Number: vai mudar o 
 
número de colunas no texto selecionado e as colunas ficam fixas e com alinhamento perfeito 😊 
• Criar estilo de paragrafo tem a possibilidade de por os mesmos parâmetros em outras formas de texto. 
• Para pegar a mesma fonte e tudo de outra caixa de texto, é só selecionar toda caixa e dps clicar me conta-gotas e 
usar. Ele vai copiar o estilo de texto. 
 
 
 
Aula 4 
 
 
Linhas guias = construção da grid 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
. 
Elementos do Projeto Editorial: ● reconhecer os principais 
elementos gráficos utilizados no projeto de design editorial. 
Indesign: ● paginação, links, página mestre, linhas guias 
 
 
 
 
 
 
 
 
 
Seção Áurea: proporções incrivelmente belas. Os objetos que tem essa razão são agradáveis ao olhar. 
 
A sequência numérica de Fibonacci está relacionada com a proporção áurea . 
 
Os tamanhos de folha inteira mais utilizadas pela indústria gráfica são fornecidos com 66×96 cm, 64×88 cm ou 
76×112 cm. 
 
 
 
 
 
 
- Título 
- Linha fina 
- Legenda 
- Crédito 
-Intertítulo 
- chapéu ou retranca 
- imagens 
- janelas (boxes, quadros) 
olhos ou citações 
- colunas 
- fios gráficos e cores 
-capitular 
-folio 
 
 
 
 
 
 
 
 
• - Abra o arquivo no Indesign com o formato e a quantidade de páginas que desejar. 
• - Separe uma ou duas páginas para fazer o sumário. 
• - Apresente outras páginas internas da revista (opcional). 
• Use os componentes de layouts apresentados nesta aula: chapéu ou retranca, fólios, fios gráficos, janelas, 
texto em colunas etc. 
• - Faça um print da tela do Indesign e salve em pdf as páginas para apresentar na aula. Envie o print e o 
arquivo de pdf na área de atividades. 
 
 
 
 
. 
Aula 3 Atualizado 
 
 
 
 https://www.youtube.com/watch?v=5QFZ_gQKWo 8 
 
https://www.youtube.com/watch?v=yvnoyep1JC s 
ANOTAÇÕES 
https://www.youtube.com/watch?v=5QFZ_gQKWo8
https://www.youtube.com/watch?v=5QFZ_gQKWo8
https://www.youtube.com/watch?v=5QFZ_gQKWo8
https://www.youtube.com/watch?v=yvnoyep1JCs
https://www.youtube.com/watch?v=yvnoyep1JCs
https://www.youtube.com/watch?v=yvnoyep1JCs
 
 
 
GLOSSÁRIO – Componentes do layout 
 
 Além de nomear a notícia também é utilizado para chamar atenção para o assunto, tanto pela abordagem do texto 
quanto pelo destaque gráfico (peso visual) conferido a ele. Conforme Zappaterra (2014), o título da notícia geralmente possui 
o maior corpo de texto do layout. 
 é uma forma de complementação do título, dando-lhe sustentação. Também é 
chamada de subtítulo ou sutiã e usualmente fica abaixo do título.
 Colocado no meio do corpo do texto com a finalidade de dividir o assunto em seções e facilitar a leitura. 
Também conhecido como entretítulo ou quebras.
 geralmente é colocada no topo da página dando o direcionamento para o assunto tratado. Pode 
ter um tratamento visual (com fios e cores) para criar identidade para a revista. 
 pode ser o destaque de um trecho da notícia ou uma citação da fala de algum personagem desta, 
nesse caso mediante a utilização de aspas na maior parte das vezes. De um modo geral, o olho é usado para quebrar a massa 
de texto da página, tornando-a mais dinâmica e atraente para leitura. Também cumpre essa função o entretítulo e uso de 
capitular.
 a distribuição do corpo de texto em colunas de tamanhos regulares, espaçadas e utilizadas para 
‘encaixar’ os componentes da página.
 letra em tamanho maior usada para marcar o início de um texto. 
 parte do texto onde os conteúdos são desenvolvidos pelos colaboradores. Assim como os demais elementos 
textuais, evidencia parte da personalidade da publicação através do uso de tipografia padrão escolhida pelo jornal. 
 texto auxiliar que acompanha a notícia principal com propósito complementar. Pode ser um 
conjuntode informações técnicas relacionadas ao texto principal (serviços) ou servir para dar explicações adicionais ao leitor.
 texto curto que explica a foto ou ilustração.
 nome do autor da matéria, deve ter um tamanho e peso distinto para não confundir com o título ou com a linha de 
apoio. 
 área destinada a apresentar o número da página, data e nome do jornal. Funcionam como recurso de navegação pela 
publicação, portanto devem permitir que o leitor alcance a matéria específica. 
 linha utilizada para separar conteúdos na página. Pode ser usado para criação de identidade visual e como parte 
da personalidade da revista.
Aula 6 
● Entrega dos briefings das revistas 
● Aula prática no Indesign continuação dos elementos do projeto editorial. 
● Escolha das fontes / tipografia. 
Escolhendo e usando fontes: 
A tipografia pode criar uma experiência agradável, acessível e adequada para o leitor de uma publicação. 
 
 A tipografia, como um forte elemento de design, sinaliza algumas associações para 
leitor. Cada fonte deve ser selecionada para uma função específica, mas também para formar um conjunto que é 
apropriado para a publicação. 
 
Não existem regras rígidas para o tamanho de texto e dos títulos. Informações que devem chamar a atenção, como 
títulos e subtítulos, do minarão a página. Texto em colunas e legendas devem ter um tamanho adequado para ser lido 
por seu público-alvo. 
 
 
 A maioria das fontes foi projetada para um propósito particular e 
por essa razão, podem funcionar melhor em determinados tamanhos que outros. 
 
 
 
 
 Legibilidade e usabilidade são as principais considerações ao escolher uma família 
de tipos para o corpo do texto devido ao seu papel fundamental na comunicação da mensagem editorial. 
 
O uso de uma letra serifada dá uma sensação formal, enquanto uma fonte sem serifa tem um visual mais 
descontraído, contemporâneo. 
 
 
 Se uma fonte é curvilínea e flui como uma fonte manuscrita, ela 
proporciona uma sensação mais suave, enquanto que uma fonte gótica bem marca da faz uma declaração muito 
diferente (mas, como ambas são muito difíceis de ler, nenhuma deve ser considerada para as grandes quantidades de 
texto). 
 
O texto deve ser lido como uma forma e, às vezes, como um elemento visual por si próprio. 
 
 Embora a tipografia seja, em sua forma mais básica, um método de 
transmitir palavras, ela pode fazer muito mais em projeto de design editorial. 
 
Um designer editorial usará o texto para: 
- Interpretar e expressar o editorial, 
- Comunicar significado, 
- Oferecer variação, 
- Transmitir emoções, 
- Criar vínculos simbólicos. 
 
No Indesign foi refeito um layout de página dupla usando estilo de parágrafo e estilo de caractere: 
 
 
• Aula 2 está dizendo como fazer a pesquisa visual 
• Para grandes marcas de texto eles hifenizam 
• Revistas sempre tão usando fotos coloridas fazendo grande parte das páginas isso já vai comandar alguma coisa 
que podemos usar 
• Caso as informações (título, parágrafo) dominarem as páginas então vai ter que ter o corpo de letra maior que a 
legenda 
• Para revista a gente abre formato de página simples. File new → document → (Por o formato. EXEMPLO: 
W:20 cm por H: 28 /Facepages marcado/ Pag 8. Pode criar colunas e seus espaçamento. 
• CTRL+ SHIFT → Aumenta a imagem 
• Mudar formato: FILE → DOCUMENTO SETUP 
• Criar colunas ou Linhas guias: Layout → Create guides 
• Para aumentar a qualidade: View → display performace → High quality 
• Painel de caracter : Ctrl + t 
Aula 7 
● Capas e Cartazes 
● Entender como se organizam os elementos do projeto editorial para capas e cartazes. 
● Analisar projetos existentes (cases) para pôr em prática um projeto autoral. 
 
 
 
 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
A seleção do formato da revista tem de considerar questões práticas como 
aproveitamento de papel, público-alvo e o histórico da publicação. 
Formato faz parte da estrutura da revista. Relembrando a aula 4... 
 
 
 
 
 
Lombada 
Menor área visível da revista. Porém cabe considerar que quando a revista é armazenada em prateleiras pode 
ser a única parte visível. Portanto, a lombada também tem seu valor de venda. 
Os elementos principais da lombada são: nome e número da publicação, data, slogan e título. 
Na produção gráfica da revista a lombada está relacionada ao tipo de encadernação. São três tipos principais 
de encadernação: 
- Brochura ou Lombada quadrada 
- Grampo ou Canoa 
- Wire-o (não usado p/ revistas) 
- Espiral (não usado p/ revistas) 
 
 
 
 
Logotipo 
A maioria dos logotipos de revistas se baseia em tipografia. O logotipo deve transmitir a 
personalidade da publicação, assunto, postura e atitude para seu público. Sua função 
principal é aparecer na capa da revista, porém deve funcionar em versões impressas e 
digitais da revista além de ter boa visibilidade em tamanhos variados de telas. 
 
 
 
Imagem 
As imagens trabalhadas nas capas de revistas podem ser categorizadas da seguinte 
forma: 
- Capas figurativas 
- Capas abstratas 
- Capas baseada em texto (tipográficas) 
 
 
 
 
 
 
 
Chamadas de capa 
Aplicam-se exclusivamente a periódicos. Os títulos vendidos em bancas de revistas normalmente 
apresentarão muitas chamadas de capa em uma tentativa de mostrar que têm mais e melhor 
conteúdo que a concorrência. A maior chamada de capa está quase sempre relacionada com a 
imagem da capa. O conteúdo, o uso e a colocação das chamadas de capa em títulos como Vogue, 
Vanity Fair e Marie Claire são geralmente decididos pelo editor da revista. Mas, a aparência das 
chamadas de capa - sua cor, tamanho e tipografia – é decidida pelo designer. 
 
 
Capa = Cartaz 
As capas funcionam como o cartaz: quando posicionados diante do consumidor só podem ser 
vistos de frente, muitas vezes a uma distância que faz com que os elementos visuais estejam 
bem equilibrados. 
Todos os fundamentos do design devem ser colocados em prática. 
 
 
 
 
 
 
 
Cartaz 
É uma peça gráfica de design e publicitária. O cartaz tem impressão de um só lado e deve ser 
pensado para ser visto a uma certa distância. Os formatos mais comuns variam entre A2 (42 x 
59,4 cm) e A3 (29,7 x 42). Normalmente vemos cartazes para divulgação de filmes, shows e eventos 
em geral. Serve também como peça de coleção e pode fazer parte da ação de promoção de uma 
revista. 
 
 
 
 
 
 
 
 
 
 
 
ANOTAÇÕES 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•