SlideShare una empresa de Scribd logo
1 de 20
Descargar para leer sin conexión
Editoração 
Eletrônica
Zonas de 
visualização da 
página
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?
"A grafia ocidental da esquerda 
para a direita, no sentido 
horizontal, é um dos alicerces do 
percurso obrigatório dos olhos, 
influindo decisivamente em nosso 
comportamento." 
Alberto Dines
isso quer dizer que 
você olha para cá, 
depois de
olhar para esta parte
podemos 
entender que é 
um estudo 
voltado ao 
processo de 
entendimento
de como as 
pessoas fazem 
o consumo da 
informação na 
página 
impressa
possui intima 
ligação com os 
fundamentos 
de hierarquia e 
escala, 
lembram?
quais são as zonas 
de vizualização?
principal ou primária; 
secundária; 
mortas; 
centro ótico 
centro geométrico
1.principal ou primária; 
2.secundária; 
3.mortas 
4.morta 
5.centro ótico 
6.centro geométrico
1. PRINCIPAL OU PRIMÁRIA; 
2. SECUNDÁRIA; 
3. MORTAS 
4. MORTA 
5. CENTRO ÓTICO 
6. CENTRO GEOMÉTRICO
duas etapas 
de leitura 
1.varredura ou 
scanning 
2.fixação em pontos 
de entrada
e no mundo atual, 
de páginas 
eletrônicas?
algumas coisas 
mudam, mas nem 
tudo 
EyeTrack Poynter Institute
algumas coisas 
mudam, mas nem 
tudo 
EyeTrack Poynter Institute
é só isso…

Más contenido relacionado

La actualidad más candente

Aula 5 - Elementos Gráficos
Aula 5 - Elementos GráficosAula 5 - Elementos Gráficos
Aula 5 - Elementos Gráficos
aulasdejornalismo
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revista
Marcos Carneiro
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
Barreto
 

La actualidad más candente (20)

Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
 
Aula 5 - Elementos Gráficos
Aula 5 - Elementos GráficosAula 5 - Elementos Gráficos
Aula 5 - Elementos Gráficos
 
Grid
GridGrid
Grid
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
DiagramaçãO Jornal Standart
DiagramaçãO Jornal StandartDiagramaçãO Jornal Standart
DiagramaçãO Jornal Standart
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revista
 
Manual de identidade visual banda dependents
Manual de identidade visual   banda dependentsManual de identidade visual   banda dependents
Manual de identidade visual banda dependents
 
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa OtoviczArquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
Arquitetura da Informação Aplicada ao Jornalismo - Vanessa Otovicz
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Redação jornalística como funciona pdf
Redação jornalística como funciona pdfRedação jornalística como funciona pdf
Redação jornalística como funciona pdf
 
Aula capa 2010
Aula capa 2010Aula capa 2010
Aula capa 2010
 

Destacado

Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
Anice
 
Editoração eletrônica
Editoração eletrônicaEditoração eletrônica
Editoração eletrônica
Anice
 
Tecnicas de redação publicitária i
Tecnicas de redação publicitária  iTecnicas de redação publicitária  i
Tecnicas de redação publicitária i
Katia Manangão
 
Mateeeeeeeeeeeoooooooo
MateeeeeeeeeeeooooooooMateeeeeeeeeeeoooooooo
Mateeeeeeeeeeeoooooooo
mejia741
 

Destacado (20)

Aula 01 e 02 editoração eletrônica
Aula 01 e 02   editoração eletrônicaAula 01 e 02   editoração eletrônica
Aula 01 e 02 editoração eletrônica
 
Editoração eletrônica
Editoração eletrônicaEditoração eletrônica
Editoração eletrônica
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Scribus
ScribusScribus
Scribus
 
Manual Scribus
Manual ScribusManual Scribus
Manual Scribus
 
PDF - Video Aula Diagramando com Scribus
PDF - Video Aula Diagramando com ScribusPDF - Video Aula Diagramando com Scribus
PDF - Video Aula Diagramando com Scribus
 
Projeto Grafico | Identidade CEAGESP
Projeto Grafico | Identidade CEAGESPProjeto Grafico | Identidade CEAGESP
Projeto Grafico | Identidade CEAGESP
 
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
Workshop de textos - Palavras ao vento - photoshop, illustrator, coreldraw, i...
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Planejamento de campanha
Planejamento de campanhaPlanejamento de campanha
Planejamento de campanha
 
Planner e planejamento de campanha
Planner e planejamento de campanhaPlanner e planejamento de campanha
Planner e planejamento de campanha
 
Planejando campanhas promocionais para o varejo
Planejando campanhas promocionais para o varejoPlanejando campanhas promocionais para o varejo
Planejando campanhas promocionais para o varejo
 
Workshop Básico de Direção de Arte
Workshop Básico de Direção de ArteWorkshop Básico de Direção de Arte
Workshop Básico de Direção de Arte
 
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
Workshop iesb com haroldo brito: photoshop, indesign, illustrator, coreldraw ...
 
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de ArteCriação Publicitária - Aula 07 - Rafe e Direção de Arte
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
 
Tecnicas de redação publicitária i
Tecnicas de redação publicitária  iTecnicas de redação publicitária  i
Tecnicas de redação publicitária i
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
Sicologia dialectica
Sicologia dialecticaSicologia dialectica
Sicologia dialectica
 
Mateeeeeeeeeeeoooooooo
MateeeeeeeeeeeooooooooMateeeeeeeeeeeoooooooo
Mateeeeeeeeeeeoooooooo
 

Más de Fábio Gonçalves

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

Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2
Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2
Composição e Projeto Gráfico 2015 - Fundamentos basicos-do design-2-2
 
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
Composição e Projeto Gráfico 2015 - Fundamentos básicos-do design-1/2
 
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 Aula4-Diagramação
Editoração Eletrônica Aula4-DiagramaçãoEditoração Eletrônica Aula4-Diagramação
Editoração Eletrônica Aula4-Diagramação
 
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
 

Último

8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
marlene54545
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
CleidianeCarvalhoPer
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
andrenespoli3
 

Último (20)

Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
DeClara n.º 75 Abril 2024 - O Jornal digital do Agrupamento de Escolas Clara ...
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf19- Pedagogia (60 mapas mentais) - Amostra.pdf
19- Pedagogia (60 mapas mentais) - Amostra.pdf
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Seminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptxSeminário Biologia e desenvolvimento da matrinxa.pptx
Seminário Biologia e desenvolvimento da matrinxa.pptx
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Aula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptxAula 03 - Filogenia14+4134684516498481.pptx
Aula 03 - Filogenia14+4134684516498481.pptx
 
P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdfProjeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
Projeto de Extensão - DESENVOLVIMENTO BACK-END.pdf
 

Editoração Eletrônica Aula3 - Zonas de Visualização da Página

  • 3. 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.
  • 4. 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
  • 5. o que é isso?
  • 6. "A grafia ocidental da esquerda para a direita, no sentido horizontal, é um dos alicerces do percurso obrigatório dos olhos, influindo decisivamente em nosso comportamento." Alberto Dines
  • 7. isso quer dizer que você olha para cá, depois de
  • 9. podemos entender que é um estudo voltado ao processo de entendimento
  • 10. de como as pessoas fazem o consumo da informação na página impressa
  • 11. possui intima ligação com os fundamentos de hierarquia e escala, lembram?
  • 12. quais são as zonas de vizualização?
  • 13. principal ou primária; secundária; mortas; centro ótico centro geométrico
  • 14. 1.principal ou primária; 2.secundária; 3.mortas 4.morta 5.centro ótico 6.centro geométrico
  • 15. 1. PRINCIPAL OU PRIMÁRIA; 2. SECUNDÁRIA; 3. MORTAS 4. MORTA 5. CENTRO ÓTICO 6. CENTRO GEOMÉTRICO
  • 16. duas etapas de leitura 1.varredura ou scanning 2.fixação em pontos de entrada
  • 17. e no mundo atual, de páginas eletrônicas?
  • 18. algumas coisas mudam, mas nem tudo EyeTrack Poynter Institute
  • 19. algumas coisas mudam, mas nem tudo EyeTrack Poynter Institute