Projeto gráfico
Planejamento visual e produção gráfica
Prof. Dr. Guilherme Carvalho

Projeto gráfico
Tópicos
• Apresentação
• Itens do projeto gráfico
• Questões finais
• Critérios de avaliação

Projeto gráfico
Apresentação
• O que é projeto gráfico?
• Diferença entre projeto gráfico e planejamento visual?
• Como fazer um projeto gráfico?
• Pesquisa de mercado
• Adequação a um plano de negócio
• Identificação do público-alvo
• Definição dos objetivos
• Elaboração de pré-projeto
• Pesquisa e redação do projeto
• Diagramação de piloto
• Revisão final
• Apresentação

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Pré-projeto
• Título
• Proposta de veículo com justificativa
• Linha editorial com justificativa
• Público-alvo
• Objetivos

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Pré-projeto
• Título
• Proposta de veículo com justificativa
• Linha editorial com justificativa
• Público-alvo
• Objetivos

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Pré-projeto
• Entregar em formato A4 pelo AVA, com até 2
páginas.
• Fonte: calibri
• Corpo: 11
• Entrelinhas: 1,5
• Alinhamento: justificado

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Projeto gráfico
• Introdução
• Itens estruturais
• Planejamento visual
• A Marca
• O Formato e o Grid
• Tipografia
• Cor
• Imagens
• Critérios compositivos
• Estilo gráfico
• Referências bibliográficas

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Projeto gráfico
• Entregar em formato A4 impresso, com até 10
páginas encadernado. Incluir capa.
• Fonte: calibri
• Corpo: 11
• Entrelinhas: 1,5
• Alinhamento: justificado

Projeto gráfico
Apresentação
• O que deve ser apresentado
• Print final
• Formato: A4
• Páginas: 4
• Conteúdo: primeira página capa com chamadas e a última
reservada à publicidade do Uninter. Página 2 deve ter editorial,
expediente e nota. Página 3 deve ter uma matéria ou entrevista.
• Cor: 4x4
• Quantidade: 1
• Papel: couchê 120g
• Entregar impresso

Projeto gráfico
SUMÁRIO
• Introdução
• Itens estruturais
• Planejamento visual
• A Marca
• O Formato e o Grid
• Tipografia
• Cor
• Imagens
• Critérios compositivos
• Estilo gráfico
• Quantidade
• Custos
• Referências bibliográficas
• Aplicação

Projeto gráfico
Introdução
• Proposta de veículo
• Linha editorial
• Público-alvo
• Objetivos
• Apresentação

Projeto gráfico
Itens estruturais
• Divisão dos conteúdos (sessões ou editorias)
• Quantidade de páginas
• Tipo de papel
• Cores por página
• Formato
• Templates
• Sistema de impressão

Projeto gráfico
Itens estruturais (Formatos A4)
• Mancha: 210mm largura X 297mm altura
• Página: 210mm largura X 297mm altura
• Permite uma visão mais clara do conteúdo e
proporciona uma leitura mais prática.
• Reduz o espaço para disposição do texto e
dificulta a exploração de recursos visuais
diferentes.

Projeto gráfico
Itens estruturais (Formatos A4)
• Usos mais comuns: house organs,
informativos, promocional
• Quantidade de páginas: 4 a 8
• Papel: sulfite

Projeto gráfico

Projeto gráfico

Projeto gráfico

Projeto gráfico
Itens estruturais (Formatos Revista)
• Página: 210mm largura x 280mm altura
• Mancha: 210mm largura x 280mm altura
• Fácil manuseio, portabilidade e maior
durabilidade
• Comporta grande quantidade de conteúdo
• Compensa para grandes quantidades

Projeto gráfico
Itens estruturais (Formatos Revista)
• Usos mais comuns: conteúdos
especializados, grandes reportagens
• Quantidade de páginas: acima de 30
• Papel: capa em couchê e miolo em off-set

Projeto gráfico

Projeto gráfico
Itens estruturais (Formatos Tabloide)
• Mancha: 255mm largura X 295mm altura
• Página: 283mm largura X 321mm altura
• Permite uma visão mais clara do conteúdo e
proporciona uma leitura mais prática.
• Reduz o espaço para disposição do texto e
dificulta a exploração de recursos visuais
diferentes.

Projeto gráfico
Itens estruturais (Formatos Tabloide)
• Usos mais comuns: Jornais de
organizações, conteúdos populares
• Quantidade de páginas: de 4 a 20
• Papel: papel jornal ou bright

Projeto gráfico

Projeto gráfico

Projeto gráfico
Itens estruturais (Formatos Standard)
• Página: 307mm largura X 560mm altura
• Mancha: 297mm largura X 540mm altura
• Maior espaço para apresentar e
aprofundar as informações.
• Pode dificultar o manuseio e a leitura do
conteúdo devido ao comprimento longo.

Projeto gráfico
Itens estruturais (Formatos Standard)
• Usos mais comuns: Jornais de grande
circulação
• Quantidade de páginas: de 12 a 32
• Papel: papel jornal

Projeto gráfico

Projeto gráfico
Planejamento visual (Marca)
• Presente na capa e nos cabeçalhos internos.
• Geralmente logotipo + símbolo (tipografia)
• Expressa proposta editorial

Projeto gráfico

Projeto gráfico

Projeto gráfico
Planejamento visual (Grid)
• Limite da mancha gráfica e margens
• Sistema modular de organização e
dinamização do conteúdo
• Rede de linhas-guia relativas aos eixo axial do
documento
• Preocupação com a legibilidade do
componente textual do periódico

Projeto gráfico
Planejamento visual (Grid - colunas)
• Modelo mais utilizado no design de jornais
• A4: 3 a 4 colunas
• Revista: 3 a 4 colunas
• Tabloide: 3 a 5 colunas
• Standard: 5 a 6 colunas

Projeto gráfico

Projeto gráfico
Planejamento visual (Tipografia)
•Elemento mais importante no design
de um jornal
•Compreende tanto a criação quanto
a composição de caracteres para
transmitir mensagens

Projeto gráfico
Planejamento visual (Tipografia)
• Presença de serifa na fonte
• Design particular da fonte
• Composições de letras em caixa alta e baixa
• Tamanho do corpo em cada situação
• Cores utilizadas nos tipos em cada situação
• Espaçamento entre letras (kerning)
• Espaçamento entre palavras

Projeto gráfico
Planejamento visual (Tipografia)
•Espaçamento entre linhas (leading)
•Extensão da coluna
•Alinhamento dos parágrafos do texto
•Relação entre figura (tipografia) e o
fundo

Projeto gráfico
Planejamento visual (Tipografia - cuidados)
•Adequação da tipografia à
funcionalidade do projeto gráfico
•Limitação da quantidade de tipos de
fonte utilizados em um periódico
•Escolha do estilo tipográfico certo
para promover a legibilidade

Projeto gráfico
Planejamento visual (Tipografia - cuidados)
• Readability vs Legibility
• Uso de capitulares
• Uso de recuos
• Uso de boxes
• Uso de negrito, itálico e sublinhado

Projeto gráfico
Planejamento visual (Tipografia)
• Chapéu: também conhecida como chapéu ou
retranca. Topo da página, direciona o assunto
tratado ou designando a editoria.
• Antetítulo: colocado acima do título principal,
assim como o título auxilia na função de instigar a
leitura.
• Título: 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.
Possui o maior corpo de texto do layout.

Projeto gráfico
Planejamento visual (Tipografia)
• Cabeçalho: também conhecido por fólio. É a área destinada a
apresentar o número da página, data e nome do jornal. Pode
incluir título da editoria ou sessão.
• Gravata: também chamada de linha fina. Ajuda a introduzir o
assunto, destacando segundo aspecto mais importante.
• Olho da matéria: 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.
Usado para quebrar a massa de texto da página, tornando-a
mais dinâmica e atraente para leitura.
• Lead: Pode vir destacado do corpo de texto com uso de
negrito, por exemplo.
• Capitular: Letra em tamanho maior usada para marcar o início
de um texto.

Projeto gráfico
Planejamento visual (Tipografia)
• Corpo de 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.
• Intertítulo: Conhecido também como entretítulo ou
quebras, colocado no meio do corpo do texto com a
finalidade de dividir o assunto em seções e facilitar a
leitura.
• Box: texto auxiliar que acompanha a notícia principal com
propósito complementar. Pode ser um conjunto de
informações técnicas relacionadas ao texto principal
(serviços) ou servir para dar explicações adicionais ao leitor.

Projeto gráfico
Planejamento visual (Tipografia)
• Título secundário: tem a mesma função do
título, porém se refere a uma matéria
secundária, ou seja, com menos destaque
visual do que o título principal, mas
contando, mesmo assim, com realce em
relação ao corpo de texto e demais
componentes da página.
• Legenda: texto curto que explica a foto ou
ilustração.
• Crédito: Assinatura usada em foto ou matéria
(lei do direito autoral).

Projeto gráfico
Planejamento visual (Tipografia)
• Serviço: Pequeno texto usado no pé da
matéria contendo endereço, horário, página
da web ou telefone de algo citado na matéria.
• Arte: Imagens criadas para ilustrar,
complementar ou substituir um texto. Podem
ser infográficos, ilustrações ou charges.
• Variações: Alteração tipográfica do padrão
pode ser adotada para textos diferentes,
facilitando a identificação do gênero
jornalístico para o leitor.

Projeto gráfico
Planejamento visual (Cor)
• Cores padrões do periódico
• Serve para diferenciar, evidenciar ou camuflar
determinados elementos da página (contraste)
• Paleta de cores específica para transmitir a
identidade da publicação
• Sistema de cor a ser utilizado (CMYK ou
Pantone)

Projeto gráfico
Planejamento visual (Imagens)
• Fotografia
• Ilustração
• Infográficos
• Ícones

Projeto gráfico
Planejamento visual (fotografia)
• Grande poder expressivo e informativo.
• O editor deve pensar visualmente e o
fotógrafo editorialmente para uma perfeita
integração entre imagens e textos.
• Quanto mais expressiva ou sintética em
relação ao conteúdo da notícia seja a foto,
maior destaque ela deve possuir na página.

Projeto gráfico

Projeto gráfico
Planejamento visual (ilustração)
• Maior poder de interpretação, pois muitas
vezes exprimem a opinião de um autor.
• Podem auxiliar na descrição de eventos
complexos, de difícil explicação.
• Podem possuir forte teor informativo
(ilustrações informativas), quanto opinativo
(charges e tirinhas).

Projeto gráfico

Projeto gráfico
Planejamento visual (infográfico)
• Representações visuais da informação que podem
utilizar textos, ilustrações e fotografias.
• Capaz de simplificar processos ou ocorrências
complexas ou peculiares, que não podem ser
"vistos" facilmente pelos leitores.
• Maior capacidade de fixação do conteúdo na mente
do leitor.

Projeto gráfico

Projeto gráfico
Planejamento visual (Recursos adicionais)
• Ícones
• Fio e linha
• Box
• Identificação digital

Projeto gráfico

Projeto gráfico
Planejamento visual (Critérios de composição)
• Toda composição é, em si, uma mensagem
• A padronização dos critérios de composição
transmitem melhor a personalidade gráfica
de um jornal
• Na psicologia da Gestalt, o todo é
interpretado de maneira diferente que a
soma de suas partes.

Projeto gráfico
Planejamento visual (Critérios de composição)
• Proximidade
• Semelhança
• Continuidade
• Fechamento
• Boa Gestalt (ou lei da simplicidade)

Projeto gráfico

Projeto gráfico
Planejamento visual (Critérios de composição)
• Tipos de diagramação
• Uso de templates
• Modelos a serem adotados
• Regras a serem utilizadas na diagramação
como posição de títulos, legendas, etc.

Projeto gráfico
Planejamento visual (Estilo gráfico)
• Coerência estilística dos elementos que
compõem o projeto gráfico de um artefato
jornalístico
• Pode variar em cada página ou edição de
uma publicação
• Quanto mais conciso, maior a capacidade de
reconhecimento futuro do leitor

Projeto gráfico
Quantidade e Custos
• Previsão da quantidade de exemplares a
serem impressos por edição, incluindo
edições especiais ou edições com maior
quantidade de impressões.
• Valores a serem pagos por tiragem.
• Orçamento a ser apresentado deve
conter diferentes gráficas com
diferentes opções de papel.

Projeto gráfico
Design contemporâneo
• Valorização do conteúdo pela organização da página
• Modulação e modelização como forma de
padronização da diagramação
• Divisão dos conteúdos em peças para os diferentes
gêneros jornalísticos
• Rigor no uso da tipografia
• Parcimônia no uso de cores e respeito aos preceitos
da cor-informação
• Uso consistente da infografia

Projeto gráfico
Design contemporâneo
• Uso de elementos de design publicitário
para dar maior simplicidade.
• Quebra de padrões de colunas.
• Uso de elementos de webdesign para se
adequar aos novos hábitos de leitura.
• Separação clara do conteúdo jornalístico
para o publicitário.

Projeto gráfico
Referências bibliográficas
•Autores citados no projeto
gráfico.
•Documentos e periódicos
citados no projeto
•Consultas à internet.

Projeto gráfico
Aplicação
• Deve acompanhar projeto piloto impresso
para visualização.
• Utilizar todos os requisitos previstos no
projeto gráfico.
• Garantir máxima qualidade.
• Formato de print final.

Projeto gráfico
Critérios de avaliação
•Envio do pré-projeto até a data
a ser definida (5%)
•Projeto gráfico e print final
(60%)
•Apresentação do trabalho em
seminário na data a ser definida
(10%)

Projeto gráfico
Critérios de avaliação
• Aplicação correta dos conteúdos trabalhados na
disciplina e desenvolvimento correto dos itens do
projeto gráfico (15%).
• Qualidade textual (5%).
• Coerência entre o projeto gráfico e o print final (10%).
• Utilização de conteúdo jornalístico próprio para o print
final e qualidade deste conteúdo (10%).
• Qualidade e capricho nos trabalhos impressos a serem
entregues, incluindo a diagramação do print (20%).