SlideShare una empresa de Scribd logo
1 de 30
Descargar para leer sin conexión
Editoração 
Eletrônica
Diagramação
Notas iniciais aos alunos I 
!Os slides são feitos para dar um auxílio em sala de 
aula e não pretendem substituir a leitura dos livros 
mencionados na bibliografia básica. 
!É fundamental que as obras sejam vistas e 
estudadas mais profundamente se vocês desejam 
realmente aprender.
Notas iniciais aos alunos II 
!Fundamentos básicos do design reúne alguns dos 
fundamentos mencionados por Ellen Lupton e 
Jenifer Cole Phillips no livro Novos Fundamentos 
do Design e questões relacionadas ao Grid feitas 
por Timothy Samara em sua obra Grid: Construção 
e Desconstrução. 
!Ellen Lupton elenca 16 fundamentos em sua obra, 
mas abordaremos apenas 7 em aula. Trata-se de 
uma adaptação livre do professor com o objetivo 
de dar as bases mais fundamentais de composição 
e projetos visuais
o que é isso?
"arte ou técnica de distribuir os 
elementos gráficos no espaço 
delimitado de uma página 
impressa ou veiculada em meios 
eletrônicos ou digitais" 
Portal Educação
com qual fundamento do design, 
já visto, isso se parece?
O design gráfico é um 
processo técnico e 
criativo que utiliza 
imagens e textos para 
comunicar mensagens, 
idéias e conceitos, com 
objetivos comerciais ou 
de fundo social.
expressar uma 
ordem é tarefa 
essencial de 
alguém que se 
dispõe a fazer 
um projeto 
visual 
um designer
o grid é um 
conjunto 
específico de 
relações para 
guiar a 
distribuição de 
elementos num 
formato
no jornalismo
jornais 
revistas 
portais 
blogs
jornais 
revistas 
portais 
blogs 
hierarquia 
escala 
cores 
ritimo 
…
jornais 
revistas 
portais 
blogs 
capa 
antitítulo 
título 
lead 
superlead 
…
jornais 
revistas 
portais 
blogs 
textos 
imagens 
marges 
lead 
superlead 
…
jornais 
revistas 
portais 
blogs 
seja em qual 
plataforma for, 
os elementos 
serão os 
mesmos
jornais 
revistas 
portais 
blogs 
e os 
fundamentos 
também
diagramação 
de títulos
uma ressalva preciosa: 
nunca deixe uma viúva sozinha
uma ressalva preciosa: 
nunca deixe uma viúva sozinha
uma ressalva preciosa: 
nunca deixe uma viúva 
sozinha
isso também vale para textos
diagramação 
de textos
em qualquer tipo de 
alinhamento jamais deixe 
"caminhos de rato” ou lacunas 
muito grandes entre palavras
na web
as dicas também valem para 
internet, mas na web 
atualmente há a questão de 
responsividade
é só isso…

Más contenido relacionado

Similar a Editoração Eletrônica Aula4-Diagramação

Ferramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituaisFerramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituais
familiaestagio
 
guião do super pesquisador
guião do super pesquisadorguião do super pesquisador
guião do super pesquisador
Sonia Vilarinho
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
Aline Corso
 

Similar a Editoração Eletrônica Aula4-Diagramação (20)

Cmap tools
Cmap toolsCmap tools
Cmap tools
 
O que é ser um bom programador?
O que é ser um bom programador?O que é ser um bom programador?
O que é ser um bom programador?
 
Engenharia de Software II - Aula 9
Engenharia de Software II - Aula 9Engenharia de Software II - Aula 9
Engenharia de Software II - Aula 9
 
Ferramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituaisFerramenta que auxilia na elaboração de mapas conceituais
Ferramenta que auxilia na elaboração de mapas conceituais
 
Livro: Homepage - Jakob Nielsen e Marie Tahir
Livro: Homepage - Jakob Nielsen e Marie TahirLivro: Homepage - Jakob Nielsen e Marie Tahir
Livro: Homepage - Jakob Nielsen e Marie Tahir
 
PENSANDO POR DIAGRAMAS
PENSANDO POR DIAGRAMASPENSANDO POR DIAGRAMAS
PENSANDO POR DIAGRAMAS
 
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Aula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoIAula 1 - Técnicas de PrototipaçãoI
Aula 1 - Técnicas de PrototipaçãoI
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
CRP0357-2016-01
CRP0357-2016-01CRP0357-2016-01
CRP0357-2016-01
 
PALESTRAS E POWERPOINT - Técnicas para apresentações públicas e reuniões emp...
PALESTRAS E POWERPOINT -  Técnicas para apresentações públicas e reuniões emp...PALESTRAS E POWERPOINT -  Técnicas para apresentações públicas e reuniões emp...
PALESTRAS E POWERPOINT - Técnicas para apresentações públicas e reuniões emp...
 
programming.success - carreira de programador
programming.success - carreira de programadorprogramming.success - carreira de programador
programming.success - carreira de programador
 
Desing
DesingDesing
Desing
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
guião do super pesquisador
guião do super pesquisadorguião do super pesquisador
guião do super pesquisador
 
Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha Aula2 - Curso Web-Design - ETECA Camargo Aranha
Aula2 - Curso Web-Design - ETECA Camargo Aranha
 
Conteudos memoraveis-e book-titulos-impossiveis-de-serem-ignorados
Conteudos memoraveis-e book-titulos-impossiveis-de-serem-ignoradosConteudos memoraveis-e book-titulos-impossiveis-de-serem-ignorados
Conteudos memoraveis-e book-titulos-impossiveis-de-serem-ignorados
 
Web com Pipoca 2013 - Linkedin
Web com Pipoca 2013 - LinkedinWeb com Pipoca 2013 - Linkedin
Web com Pipoca 2013 - Linkedin
 
Os 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arteOs 15 mandamentos da direção de arte
Os 15 mandamentos da direção de arte
 
O design equilibrado9
O design equilibrado9O design equilibrado9
O design equilibrado9
 

Más de Fábio Gonçalves

Más de Fábio Gonçalves (20)

Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Aula 5 - Fechamento de Arquivos
Aula 5 - Fechamento de ArquivosAula 5 - Fechamento de Arquivos
Aula 5 - Fechamento de Arquivos
 
Ambientes de Marketing - Matriz SWOT
Ambientes de Marketing - Matriz SWOTAmbientes de Marketing - Matriz SWOT
Ambientes de Marketing - Matriz SWOT
 
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
Ambientes de Marketing - Comunicação Integrada, Mix de Comunicação e Marketin...
 
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1aEditoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
Editoração Eletrônica-Aula 5- Fechamento de Arquivo - PDFx1a
 
Ambientes de Marketing- Aula5-Analises Ambientais
Ambientes de Marketing- Aula5-Analises AmbientaisAmbientes de Marketing- Aula5-Analises Ambientais
Ambientes de Marketing- Aula5-Analises Ambientais
 
Editoração Eletrônica Aula2-Gerenciamento de Cores
Editoração Eletrônica Aula2-Gerenciamento de CoresEditoração Eletrônica Aula2-Gerenciamento de Cores
Editoração Eletrônica Aula2-Gerenciamento de Cores
 
Ambientes de Marketing - Posicionamento Aula4
Ambientes de Marketing - Posicionamento Aula4Ambientes de Marketing - Posicionamento Aula4
Ambientes de Marketing - Posicionamento Aula4
 
Ambientes de Marketing - Posicionamento Aula3
Ambientes de Marketing - Posicionamento Aula3Ambientes de Marketing - Posicionamento Aula3
Ambientes de Marketing - Posicionamento Aula3
 
Ambientes de Marketing - Segmentação Aula2
Ambientes de Marketing - Segmentação Aula2Ambientes de Marketing - Segmentação Aula2
Ambientes de Marketing - Segmentação Aula2
 
Ambientes de Marketing - Segmentação Aula1
Ambientes de Marketing - Segmentação Aula1Ambientes de Marketing - Segmentação Aula1
Ambientes de Marketing - Segmentação Aula1
 
Administrar a Propaganda para Crescer
Administrar a Propaganda para CrescerAdministrar a Propaganda para Crescer
Administrar a Propaganda para Crescer
 
Elementos de Marketing - Informações de Marketing
Elementos de Marketing - Informações de MarketingElementos de Marketing - Informações de Marketing
Elementos de Marketing - Informações de Marketing
 
Elementos de Marketing Aula 7
Elementos de Marketing Aula 7Elementos de Marketing Aula 7
Elementos de Marketing Aula 7
 
Elementos de Marketing Aula 5 e 6
Elementos de Marketing Aula 5 e 6Elementos de Marketing Aula 5 e 6
Elementos de Marketing Aula 5 e 6
 
Elementos de Marketing - Aula 3 e 4
Elementos de Marketing - Aula 3 e 4Elementos de Marketing - Aula 3 e 4
Elementos de Marketing - Aula 3 e 4
 
Elementos de Marketing - Aula 1 e 2
Elementos de Marketing - Aula 1 e 2Elementos de Marketing - Aula 1 e 2
Elementos de Marketing - Aula 1 e 2
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
Teoria Super Básica de Cores
Teoria Super Básica de CoresTeoria Super Básica de Cores
Teoria Super Básica de Cores
 
Composição e Projeto Visual
Composição e Projeto VisualComposição e Projeto Visual
Composição e Projeto Visual
 

Último

ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
sh5kpmr7w7
 

Último (20)

Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Slides Lição 06, Central Gospel, O Anticristo, 1Tr24.pptx
Slides Lição 06, Central Gospel, O Anticristo, 1Tr24.pptxSlides Lição 06, Central Gospel, O Anticristo, 1Tr24.pptx
Slides Lição 06, Central Gospel, O Anticristo, 1Tr24.pptx
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Aula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .pptAula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .ppt
 
Acessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidadeAcessibilidade, inclusão e valorização da diversidade
Acessibilidade, inclusão e valorização da diversidade
 
Falando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introdFalando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introd
 
Caderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdfCaderno de exercícios Revisão para o ENEM (1).pdf
Caderno de exercícios Revisão para o ENEM (1).pdf
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
aprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubelaprendizagem significatica, teórico David Ausubel
aprendizagem significatica, teórico David Ausubel
 
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
Apresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União EuropeiaApresentação | Símbolos e Valores da União Europeia
Apresentação | Símbolos e Valores da União Europeia
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 

Editoração Eletrônica Aula4-Diagramação