Projeto gráficoPlanejamento visual e produção gráficaProf. 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áficoSUMÁ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%).