editoração eletrônica e diagramação revisão - aula 001 e 002 princípios básicos de...
TRANSCRIPT
![Page 1: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/1.jpg)
Editoração Eletrônica e Diagramação
Revisão - Aula 001 e 002Princípios básicos de diagramação de impressos
![Page 2: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/2.jpg)
O que é Diagramação?
É a junção de textos a ilustrações, imagens, tabelas ou gráficos respeitando uma programação visual estabelecida anteriormente, tendo como foco principal a hierarquia das informações, equilíbrio entre textos e outros elementos, cores e também a tipografia utilizada.
Editoração Eletrônica e Diagramação
![Page 3: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/3.jpg)
Editoração Eletrônica e Diagramação
E Editoração?
Tendo em mãos o texto, o material publicitário, fotos, ilustrações, gráficos, tabelas, o editor cuida de distribuir esse material pelas páginas, de acordo margens e colunas pré-estabelecidas. Ele tem que ter em mente o espaço que cada página lhe proporciona para ser coberto.
![Page 4: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/4.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Beaux-Art (a)Arts & Crafts (di | a)Art Nouveau (di | a)Construtivismo Russo (p | f)De stijl (di)
Bauhaus (di | a)Art Déco (a)*Vernacular (a)*New Wave (t | c | m)Cubismo (p)
![Page 5: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/5.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Beaux-Arts
![Page 6: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/6.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Arts & Crafts
![Page 7: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/7.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Art Noveau
![Page 8: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/8.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Construtivismo Russo
![Page 9: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/9.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
De Stijl
![Page 10: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/10.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Bauhaus
![Page 11: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/11.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Art Déco
![Page 12: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/12.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Vernacular
![Page 13: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/13.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
New Wave
![Page 14: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/14.jpg)
Editoração Eletrônica e Diagramação
Movimentos que evoluíram a diagramação:
Cubismo
![Page 15: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/15.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
O design editorial promove a organização na forma de projeto gráfico das informações e o aspectos da publicação, concebendo e propagando a identidade do periódico, por meio da diagramação, um grid, imagens, anúncios, organização dos elementos, entre outras características.
![Page 16: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/16.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
Componentes relevantes:
• Organização do conteúdo;• Padrão visual;• Definição da estrutura.
![Page 17: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/17.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
Componentes do layout:
• Cores;• Formato; • Grid;• Tipografia.
![Page 18: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/18.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Cores
• Qual a sua influência perante o público-alvo;• Serve para diferenciar, evidenciar ou camuflar determinados elementos da página; • Paleta de cores específica para transmitir a identidade da publicação.
![Page 19: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/19.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Cores
![Page 20: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/20.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Formato
• Podem ser predefinidos, a sua escolha será de acordo as questões pautadas.• Delimitado pela margem e mancha gráfica.• Formatos conhecidos: Tablóides e Broadsheet.
![Page 21: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/21.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Formato
![Page 22: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/22.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Grid
• 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.
![Page 23: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/23.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Grid
![Page 24: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/24.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Tipografia
• Elemento mais importante no design de um impresso;• Compreende tanto a criação quanto a composição de caracteres para transmitir mensagens.
![Page 25: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/25.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Tipografia
1. Presença de serifa na fonte;2. Design particular da fonte (estilo);3. Composições de letras em caixa alta e baixa;4. Espaçamento entre letras (kerning);5. Espaçamento entre linhas (leading);
![Page 26: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/26.jpg)
Editoração Eletrônica e Diagramação
Design Editorial
• Tipografia
6. Extensão da coluna;7. Alinhamento dos parágrafos do texto;8. Relação entre figura (tipografia) e o fundo.
![Page 27: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/27.jpg)
Editoração Eletrônica e Diagramação
Design Editorial contemporâneo
• Valorização do conteúdo pela organização da página;• Modulação como forma de padronização da diagramação;• Divisão dos conteúdos em peças para os diferentes gêneros;• Rigor no uso da tipografia;• Sensatez no uso de cores e respeito aos preceitos da informação; • Uso eficiente e frequente da infografia.
![Page 28: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/28.jpg)
Editoração Eletrônica e Diagramação
Revisão - Aula 003Planejamento Gráfico , Informes editoriais
e agrupamento
![Page 29: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/29.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Tipos básicos de diagramação:
• Horizontal• Vertical• Modular
![Page 30: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/30.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Tipos básicos de diagramação:
• Horizontal
![Page 31: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/31.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Tipos básicos de diagramação:
• Vertical
![Page 32: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/32.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Tipos básicos de diagramação:
• Modular
![Page 33: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/33.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Técnicas básicas de diagramação:
L U T
![Page 34: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/34.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Técnicas básicas de diagramação:
H I 4
![Page 35: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/35.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Técnicas básicas de diagramação:
Suporte
![Page 36: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/36.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Leituras:
Diagonal Triangular S
![Page 37: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/37.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Leituras:
Z L Cruz
![Page 38: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/38.jpg)
Editoração Eletrônica e Diagramação
Representação gráfica e leitura
Leituras:
Círculo
![Page 39: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/39.jpg)
Editoração Eletrônica e Diagramação
Simetria e Assimetria
• Simetria: • Assimetria:Centro Geométrico Centro Óptico
![Page 40: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/40.jpg)
Editoração Eletrônica e Diagramação
Simetria e Assimetria
• Simetria: Centro Geométrico
A composição simétrica dá ao layout uma fisionomia ponderada, estática, muito utilizada em materiais mais sérios. Observe que, na simetria, os pesos são divididos proporcionalmente, tornando a composição estática.
![Page 41: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/41.jpg)
Editoração Eletrônica e Diagramação
Simetria e Assimetria
• Simetria: Centro Geométrico
![Page 42: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/42.jpg)
Editoração Eletrônica e Diagramação
Simetria e Assimetria
• Assimetria: Centro Óptico
A composição assimétrica quebra a monotonia dos layouts simétricos, usando como referência o centro óptico. A composição assimétrica é mais dinâmica. Sua característica é baseada no contraste, expressado mediante um estilo, uma ilustração, caracteres, variação tonal, etc.
![Page 43: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/43.jpg)
Editoração Eletrônica e Diagramação
Simetria e Assimetria
• Assimetria: Centro Óptico
![Page 44: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/44.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas
Então, à partir dessa técnica, surgiram as leis compositivas, que regem as diagramações segundo sua funcionalidade e estética: Unidade e Ritmo.
![Page 45: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/45.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas - Unidade
A unidade diz respeito a harmonia das forças tipológicas e ilustrativas relacionadas à estética. Analisamos a unidade levando em conta a escolha de caracteres, ilustrações, formatos, etc.
![Page 46: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/46.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas - Unidade
![Page 47: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/47.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas - Ritmo
É a sucessão harmoniosa dos movimentos do layout. Os elementos ficam dispostos visando o aproveitamento do ciclo que a vista humana faz ao se deparar com uma página impressa.
![Page 48: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/48.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas - Ritmo
![Page 49: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/49.jpg)
Editoração Eletrônica e Diagramação
Leis Compositivas - Ritmo
![Page 50: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/50.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas
São os recursos que utilizamos para compor as leis compositivas de unidade e ritmo. São elas:
• Variedade; • Proximidade; • Tipo.• Harmonia; • Repetição;• Destaque; • Alinhamento;• Equilíbrio; • Contraste;
![Page 51: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/51.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Proximidade
Itens relacionados entre si devem ser agrupados.
![Page 52: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/52.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Repetição
É uma forma mais marcante de criar consistência em um material. Avalie se é apropriado fazer com que um dos elementos fique mais marcante e utilize-o como o elemento repetitivo.
![Page 53: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/53.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Alinhamento
Nada deve ser colocado arbitrariamente em uma página. Cada item de ter uma conexão visual com algo na página.
![Page 54: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/54.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Alinhamento
![Page 55: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/55.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Contraste
Intensidade de visualização de cada elemento com relação aos que lhe rodeiam e ao grafismo completo.
![Page 56: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/56.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Tipo
A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Há dois tipos:
• Tipografias funcionais (texto corrido e de uso eclético)
Tradicionais Diferenciadas
![Page 57: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/57.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Tipo
• Tipografias Características (As fontes características tem um uso mais limitado, porém fornece exclusividade à peça)
![Page 58: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/58.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Tipo
Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipografia:
• tamanho; • forma;• peso; • direção;• estrutura; • cor.
![Page 59: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/59.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas
A utilização eficaz e combinando o que vimos anteriormente de forma coerente, permite um agrupamento consistente e esteticamente bem apresentável.
![Page 60: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/60.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Agrupamento
![Page 61: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/61.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Agrupamento
![Page 62: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/62.jpg)
Editoração Eletrônica e Diagramação
Leis Específicas - Agrupamento
![Page 63: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/63.jpg)
Editoração Eletrônica e Diagramação
Revisão - Aula 005Princípios de Tipografia
![Page 64: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/64.jpg)
O que e tipografia?
• É a arte, o processo de criação e a classificação do desenho de letras do alfabeto e de caracteres usados para formar as palavras;• É a principal ferramenta de comunicação, que permite dar expressão ao documento, transmitindo instantaneamente uma atmosfera e imagem.
Editoração Eletrônica e Diagramação
![Page 65: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/65.jpg)
As tipografias podem ser avaliadas de acordo sua:
• Anatomia • Genealogia• Classificação • Composição
Editoração Eletrônica e Diagramação
![Page 66: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/66.jpg)
• Anatomia
Claro que nenhum designer/publicitário seria demitido de um emprego por se referir à orelha da letra g, por exemplo, como “aquela coisinha bonitinha que sai da parte de cima e que faz um ‘rabinho’”, ou por não saber a diferença entre uma terminal e um remate, mas certamente não custa nada aprender.
Editoração Eletrônica e Diagramação
![Page 67: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/67.jpg)
• Anatomia
Editoração Eletrônica e Diagramação
![Page 68: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/68.jpg)
• Anatomia
Editoração Eletrônica e Diagramação
![Page 69: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/69.jpg)
• Anatomia
Editoração Eletrônica e Diagramação
![Page 70: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/70.jpg)
• Anatomia
Editoração Eletrônica e Diagramação
![Page 71: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/71.jpg)
• Anatomia
A tipografia pode ser apresentada de 3 formas:
Editoração Eletrônica e Diagramação
![Page 72: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/72.jpg)
• Genealogia ou família
É um conjunto de tipograficas com as mesmas características estilísticas fundamentais, porém apresentadas com variações de espessura, largura, altura e outros detalhes.
Editoração Eletrônica e Diagramação
![Page 73: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/73.jpg)
• Genealogia ou família
Algumas destas variações são mais frequentes nas famílias tipográficas e recebem nomes que se tornaram conhecidos pelo público em geral, tais como bold (negrito), light (claro), regular, itálico, condensed, dentre outros.
Editoração Eletrônica e Diagramação
![Page 74: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/74.jpg)
• Genealogia ou família
Editoração Eletrônica e Diagramação
![Page 75: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/75.jpg)
• Classificação
Tradicionalmente a tipografia é classificada em 6 grandes grupos: estilo antigo, moderno, serifado, sem serifa, manuscrito/cursivo e decorativas.
Editoração Eletrônica e Diagramação
![Page 76: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/76.jpg)
• Classificação
Outra forma de classificar os tipos é agrupá-los segundo correntes históricas, esse tipo de classificação leva em consideração os diferentes movimentos tipográficos ao longo do tempo e as suas consequentes transformações estéticas.
Editoração Eletrônica e Diagramação
![Page 77: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/77.jpg)
• Classificação
Estilo AntigoExemplos de sensações: antigo, tradição, requinte, confiabilidade, artesanal, sofisticação.
Editoração Eletrônica e Diagramação
![Page 78: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/78.jpg)
• Classificação
Estilo Antigo
Editoração Eletrônica e Diagramação
![Page 79: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/79.jpg)
• Classificação
ModernoExemplos de sensações: solidez, força, robustez, destaque.
Editoração Eletrônica e Diagramação
![Page 80: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/80.jpg)
• Classificação
Moderno
Editoração Eletrônica e Diagramação
![Page 81: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/81.jpg)
• Classificação
SerifadoExemplos de sensações: padronização, seriedade.
Editoração Eletrônica e Diagramação
![Page 82: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/82.jpg)
• Classificação
Serifado
Editoração Eletrônica e Diagramação
![Page 83: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/83.jpg)
• Classificação
Sem serifaExemplos de sensações: clean, rigidez, exatidão, inovação.
Editoração Eletrônica e Diagramação
![Page 84: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/84.jpg)
• Classificação
Sem serifa
Editoração Eletrônica e Diagramação
![Page 85: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/85.jpg)
• Classificação
ManuscritoExemplos de sensações: realidade, verídico, artesanal.
Editoração Eletrônica e Diagramação
![Page 86: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/86.jpg)
• Classificação
Manuscrito
Editoração Eletrônica e Diagramação
![Page 87: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/87.jpg)
• Classificação
DecorativoExemplos de sensações: luxo, encanto, requinte, riqueza, extravagância, excesso.
Editoração Eletrônica e Diagramação
![Page 88: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/88.jpg)
• Classificação
Decorativo
Editoração Eletrônica e Diagramação
![Page 89: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/89.jpg)
• Classificação
Editoração Eletrônica e Diagramação
![Page 90: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/90.jpg)
• Classificação
CUIDADO AO SELECIONAR UMA TIPOGRAFIA!!!
Editoração Eletrônica e Diagramação
![Page 91: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/91.jpg)
• Classificação
• O que vai ser lido?• Por quem vai ser lido?• Em que vai ser aplicado o texto?• Onde vai ser lido?
Editoração Eletrônica e Diagramação
![Page 92: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/92.jpg)
• Classificação
• A personalidade da fonte;• A natureza da ideia/conceito;• O perfil do cliente-anunciante;• O Público-alvo;• A Legibilidade.
Editoração Eletrônica e Diagramação
![Page 93: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/93.jpg)
• Composição
Esta é a atividade que ocupa maior tempo do designer – de maneira bem direta, dispor as letras em palavras, palavras em frases, frases em parágrafos e parágrafos em layout. Alguns princípios e semânticaa respeito de espaçamento, organização e uso adequado de pontuação são imperativos para uma composição competente.
Editoração Eletrônica e Diagramação
![Page 94: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/94.jpg)
• Composição
- Alinhamento;- Espaço entre linhas (leading);- Espaço entre letras/entreletras (tracking);- Kerning;
Editoração Eletrônica e Diagramação
![Page 95: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/95.jpg)
• Composição
- Órfãs e Viúvas (Forcas);- Pontuação pendente;- Pontuação;- Legibilidade e Leiturabilidade.
Editoração Eletrônica e Diagramação
![Page 96: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/96.jpg)
• Composição » Alinhamento
Editoração Eletrônica e Diagramação
![Page 97: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/97.jpg)
• Composição » Espaço entre linhas (leading)
Também chamado de entrelinha, é o espaço colocado entre duas linhas de texto. O inglês ‘leading’ vem das tiras de chumbo (‘lead’) que eram usadas para este efeito.
Editoração Eletrônica e Diagramação
![Page 98: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/98.jpg)
• Composição » Espaço entre linhas (leading)
A medida da entrelinha é igual ao corpo mais o espaçoou, mais corretamente, de linha de base a linha de base.
Editoração Eletrônica e Diagramação
![Page 99: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/99.jpg)
• Composição » Espaço entre linhas (leading)
Editoração Eletrônica e Diagramação
![Page 100: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/100.jpg)
• Composição » Espaço entre letras (tracking)
Também chamado de entreletras, é o espaço total entre cada letra. É possível espaçar as letras de maneira fechada ou mais aberta. Versaletes e maiúsculas se beneficiam de uma espaçamento mais generoso.
Editoração Eletrônica e Diagramação
![Page 101: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/101.jpg)
• Composição » Espaço entre letras (tracking)
Trata-se de um processo de adicionar ou remover espaço em todo um bloco de texto, ou seja, mexe-se no espaçamento existente em todo o conjunto de letras por igual, seja uma única palavra, frase, parágrafo inteiro.
Editoração Eletrônica e Diagramação
![Page 102: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/102.jpg)
• Composição » Espaço entre letras (tracking)
Editoração Eletrônica e Diagramação
![Page 103: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/103.jpg)
• Composição » Espaço entre letras (tracking)
O espaçamento entre palavras deve ser o menorpossível e sobretudo consistente. Espaço inconsistentecria ‘rios’ no texto, dificultando a leitura. Estes espaçossão também conhecidos como ‘dentes de cavalo’ ou ‘janelas’.
Editoração Eletrônica e Diagramação
![Page 104: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/104.jpg)
• Composição » Espaço entre letras (tracking)
Editoração Eletrônica e Diagramação
![Page 105: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/105.jpg)
• Composição » Espaço entre letras (tracking)
Editoração Eletrônica e Diagramação
![Page 106: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/106.jpg)
• Composição » Kerning
É o espaço entre duas letras específicas. É ajustado independente do tracking. Cada par de letras tem o seu kerning definido na fonte digital, mas por vezes são necessários ajustes manuais, sobretudo em tamanhos grandes.
Editoração Eletrônica e Diagramação
![Page 107: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/107.jpg)
• Composição » Kerning
Parte das letras que ‘sai fora’ do bloco para permitir o encaixe de outras letras que caso contrário ficariam demasiado afastadas, opticamente.
Editoração Eletrônica e Diagramação
![Page 108: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/108.jpg)
• Composição » Kerning
Editoração Eletrônica e Diagramação
![Page 109: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/109.jpg)
• Composição » Órfãs e viúvas (Forcas)
• Órfãs: ocorrem quando a primeira linha de um parágrafo começa no final de uma página ou coluna.
• Víuvas: ocorrem quando a última linha do parágrafo é a primeira de uma coluna ou página.
Editoração Eletrônica e Diagramação
![Page 110: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/110.jpg)
• Composição » Órfãs e viúvas (Forcas)
Editoração Eletrônica e Diagramação
![Page 111: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/111.jpg)
• Composição » Pontuação pendente
Editoração Eletrônica e Diagramação
![Page 112: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/112.jpg)
• Composição » Pontuação pendente
Editoração Eletrônica e Diagramação
![Page 113: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/113.jpg)
• Composição » Pontuação
• Aspas: “aspas”• Primo: ‘primo’ | 15’ (minutos) | 30’’ (segundos)• Hífen: neo-acadêmico | pre-pa-ra!
Editoração Eletrônica e Diagramação
![Page 114: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/114.jpg)
• Composição » Pontuação
• Travessão-n: aberto das 13:00 – 15:00 (alt + 0150)• Travessão-m: Então — timidamente — beijaram-se. (alt + 0151)• Reticências: E … Ação! (alt + 0133)
Editoração Eletrônica e Diagramação
![Page 115: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/115.jpg)
• Composição » Legibilidade
Refere-se ao aspecto geral de cada letra e a habilidade do leitor em distinguir uma das outras.• C – G • I – l – 1 • c – e• E – F • i – j • rn – m• N – H • b – h • Ti – T1
Editoração Eletrônica e Diagramação
![Page 116: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/116.jpg)
• Composição » Legibilidade
A legibilidade deve manter um equilíbrio entre:• Necessidades expressivas;• Tamanho do texto;• Corpo de fonte;• Adequação à mídia.
Editoração Eletrônica e Diagramação
![Page 117: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/117.jpg)
• Composição » Leiturabilidade
Refere-se a como o tipo se comporta em um texto.
• Tipografia de leitura contínua ou de longa durabilidade (funcionais)• Tipografia efêmera ou de impacto(características)
Editoração Eletrônica e Diagramação
![Page 118: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/118.jpg)
![Page 119: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/119.jpg)
![Page 120: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/120.jpg)
![Page 121: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/121.jpg)
![Page 122: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/122.jpg)
![Page 123: Editoração Eletrônica e Diagramação Revisão - Aula 001 e 002 Princípios básicos de diagramação de impressos](https://reader035.vdocuments.mx/reader035/viewer/2022062522/570638441a28abb8238f2529/html5/thumbnails/123.jpg)
Editoração Eletrônica e Diagramação
Download
estudiomultifoco.com.br/ftc