Layout - Design Editorial. Exemplar de 2020

LAYOUT

Design Editorial, Pagina??o, Boas Pr?ticas de Composi??o e Regras Tipogr?ficas

Como fazer?

Inclui dicas para designers que paginam com Adobe InDesign e Illustrator.

P. Heitlinger

E-Books. 2021

Como usar este e-book

Design Editorial, Pagina??o, Boas Pr?ticas de Composi??o e Regras Tipogr?ficas

Este documento digital proporciona um elevado grau de interactividade. O ?ndice de Temas permite saltar directamente para a p?gina assinalada. O ?ndice Remissivo, no fim do livro, tamb?m. Um clique em ?Temas? (na barra superior) leva o leitor de volta ? p?gina 3. Clique em ??ndice Remissivo? para saltar at? l?. Os links internos ? chamados refer?ncias cruzadas ? tamb?m s?o interactivos. Os hyperlinks exteriores (URLs) activam o seu browser e abrem a p?gina web em quest?o. Boa navega??o!

Use o Acrobat Reader para tirar partido de toda a interactividade inclu?da neste e-book.

Autor e pagina??o: Paulo Heitlinger. Copyright 2011 ? 2020 by Paulo Heitlinger. Com +890 imagens ! 5?. Edi??o, 2021.

Todos os direitos reservados para a l?ngua portuguesa e para todas as outras l?nguas.

Este exemplar pessoal n?o pode ser vendido ou oferecido a outras pessoas que o propriet?rio deste exemplar.

Uma publica??o da s?rie E-books da .

f+1/i5=->f1/i5

Procurar texto: CTRL+F

Design editorial / Temas / ?ndice remissivo / p?gina 3

Temas

1.] Design editorial: o que ??............................. 6 O segredo de Brodovitch..........................................8

2.] Formatos...................................................... 9 O tamanho de uma publica??o..............................10

3.] Boas Pr?ticas de Composi??o.................... 26 Vejamos: o que ? ?composi??o??........................27 O milagroso OpenType.........................................40 Primeiro limpar o texto, antes de compor........... 43 Separar os conte?dos das suas formas de representa??o.....................................................44

4.] Hierarquia de conte?dos........................... 45 Estabele?a uma hierarquia visual.......................... 46 Um exemplo hist?rico............................................ 49 Determine variantes tipogr?ficas para a hierarquia de conte?dos....................................................... 51

5.] Como usar as letras na composi??o............52 Conselho para principiantes: go classic!..............53 Fontes ?cl?ssicas?.................................................. 54 Os cortes de uma fonte............................................ 55 Italic Power!..............................................................56 Comparando as it?licas com as redondas.................................................57 Como combinar fontes num documento?..........59 Combine as fam?lias de um cl? de fontes............. 64 Escolhendo entre as letras gordas..........................65 Escolhendo entre as letras finas............................ 68 Escolhendo entre as altas e magras....................... 70 Conhe?a as fontes.................................................... 71

Clicando no n?mero de p?gina, acede directamente ? refer?ncia...

Mantenha a integridade do tipo ............................72 N?o use VERSAIS, mas quando as usar, use-as

com sensibilidade...............................................73 Use versaletes, use-os correctamente.................. 76 Tipo claro sobre fundo escuro.............................. 77 Aplique iniciais correctamente..............................82 Diferencie os algarismos!....................................... 84 Os algarismos romanos...........................................85 Os algarismos tabelares.......................................... 86 Elevados e rebaixados, frac??es e ordinais...........88 Unidades, medidas, abrevia??es........................... 89 Sinais de pontua??o: como us?-los...................... 90 Para real?ar, o it?lico. Evite o negrito................... 94 Evite os sublinhados no texto corrido................. 94 Ligaturas, swash e outro estilos............................. 96 Formas contextuais................................................. 97 Caract?res alternativos........................................... 99

6.] Os par?grafos, na composi??o.................. 101 Formar palavras, linhas, par?grafos, colunas.....102 Mantenha o espa?o entre as letras fixo...............102 Como dividir e assinalar par?grafos.................... 103 Alinhamento ?ptico.............................................. 104 Justifica??o correctamente usada........................ 105 Justifica??o ?ao centro?.......................................106 Parti??o manual de um par?grafo curto.............107 Variar o espa?o entre as letras (tracking)...........108 Ajustes de kerning.................................................. 110 Optimizar o espa?o entre as palavras................... 111 Parti??o de palavras, hifeniza??o..........................112 H?fen, meia-risca, travess?o - ? --; espa?os brancos....................................................... 113

Sinais, setas e ornamentos.................................... 114 Aumente a entrelinha para melhorar a legibilidade do texto.............................................115 Entrelinha: uma quest?o de fontes.......................117 Larguras t?picas da coluna de texto......................119 Evite vi?vas e ?rf?os...............................................120 Orienta??o da coluna.............................................120 Formas da coluna...................................................120 Alinhamento com tabuladores.............................121 Notas de rodap?...................................................... 122 Refer?ncias, remiss?es.......................................... 123 O ?ndice de temas...................................................124 ?ndice remissivo: valor acrescentado.................. 126

7.] Legibilidade.............................................. 127 Olhar para as letras: a Fisiologia da leitura......... 128 O que ? que torna um texto leg?vel?.....................133 Fontes para jornais................................................. 137 Legibilidade das sem-serifa................................. 140 Bibliografia comentada......................................... 141

8.] Evolu??o do livro....................................... 145 Prim?rdios do livro................................................147 O livro medieval..................................................... 150 Incun?bulos ib?ricos............................................. 152 Livros da Renascen?a italiana...............................153 Livros do s?culo xvi...............................................155 G?nese do livro cient?fico..................................... 158 Livros do s?culo xviii............................................ 159 Livros do Neo-Classicismo.................................. 161 Livros de bolso, s?culo xx.....................................167 O Livro, antigo e moderno...................................169

Procurar texto: CTRL+F

Design editorial / Temas / ?ndice remissivo / p?gina 4

9.] Evolu??o do jornal.................................... 175 Por exemplo, The Times........................................ 176 Antes do jornal: as gazetas.................................... 177 Peri?dicos, s?culos xviii e xix............................. 185 Peri?dicos, s?culo xix........................................... 187 A for?a dos cabe?alhos.......................................... 188 Pai nosso..................................................................189 Neue Z?rcher Zeitung........................................... 192

10.] Grelhas, grids, Rastersysteme.................196 Sistemas de grelhas, uma ferramenta milenar.................................. 198 Como preparar uma grelha...................................203 Definir uma publica??o (book).......................... 208 Manchas gr?ficas simples......................................216 O conceito de alinhamento.................................. 217 Balan?o..................................................................... 218 Use contrastes!....................................................... 220 Repeti??o e ritmo...................................................222 Manchas gr?ficas elaboradas: exemplos............ 224 Olimp?adas 72, de Aicher......................................230 Vignelli's Unigrid.................................................... 233 Grelhas em m?veis, e na Arquitectura................241

Paginar com InDesign................................... 250

11.] Cores....................................................... 256 Cores no texto.........................................................257 Usar o preto.............................................................258 Usar cinzento..........................................................259 Combinar cores..................................................... 266 Redu??o da palete crom?tica.............................. 268

12.] Magazines: estudos de caso....................273 Do jornal ? revista...................................................274

Harper's Bazaar, anos 30?50..............................275 Vogue, anos 1910?2010....................................... 279 die neue linie, anos 40..........................................282 Die neue Gesellschaft, anos 60?70................... 284 Direction, Paul Rand, 1939.................................285 Herb Lubalin, anos 70...........................................287 Milton Glaser, uma lenda viva............................. 292 twen, anos 60......................................................... 294 Neville Brody, spreads...........................................305 K, anos 80............................................................... 309 Jorge Silva: Mil Folhas e Y....................................312 ?psilon........................................................................315 ego?sta (pt), anos 90.............................................. 317 Zeit Magazin (de), 1970?2012.......................... 320 Wired (eua): o futuro?......................................... 324 Amateur Magazine (ch).......................................326 Kinki magazine (ch)..............................................330 Little White Lies (uk)........................................... 333 Piau?, no Brasil........................................................336 i, uma revista disfar?ada de jornal........................339

13.] Corporate Publishing.................................. 351

Coupons contam: Laviva, da Rewe.....................352 Revistas para clientes: os veteranos....................356 Revistas de clientes, hoje......................................365 Top customer magazines portugueses............... 381 A melhor revista de bordo: enRoute.................. 384 Banca: Azul............................................................. 386 Sa?de........................................................................388 Futebol.................................................................... 390 Supermercados.......................................................392 Seguros.....................................................................395 Fazer cat?logos, segundo L. Sutnar.................... 396

14.] Magazine Design........................................ 402 Design de revistas: a capa..................................... 403 Radiografia de duas capas de revistas................407 Capa melhorada....................................................408 Capa diferente........................................................409 Revistas para crian?as............................................412 Design de revistas, por partes...............................419 Blogs sobre Design editorial................................ 425

15.] Infografia................................................ 426 William Playfair & his Charts.............................. 428 Visualizar n?meros............................................... 429 Charles Minard, visualizador de fluxos............ 432 Pictogramas............................................................ 443 Infografia, hoje...................................................... 444

16.] Impress?o em papel................................461 Imposi??o............................................................... 462 Arte final e Impress?o...........................................464 PDF/X.................................................................... 465 Gest?o de cor......................................................... 467 Cuidados a ter em Quadricromia.......................470 O que devia de saber sobre o papel.................... 472 Papel digital: e-books, tablets, smartphones.... 479 Design editorial para tablets: euforia precoce.. 483

17.] Bibliografia............................................. 486 Bibliografia do Design editorial.......................... 488 Livros sobre Tipografia, em portugu?s.............490

18.] ?ndice Remissivo.................................... 495 O autor.................................................................... 504

Procurar texto: CTRL+F

Design editorial / Temas / ?ndice remissivo / p?gina 5

Caro leitor,

E ste livro foi concebido de raiz como publica??o digital. Para chegar ao leitor o mais r?pido poss?vel, na vers?o mais actual, ao melhor pre?o poss?vel. ?Layout? pretende ser, essencialmente, um manual. Um how-to-book, como dizem os norte-americanos. A leitora/o leitor vai encontrar in?meras orienta??es pr?ticas que lhe servir?o para melhorar o seu trabalho de pagina??o, composi??o e layout. Contudo, saber fazer layouts n?o significa apenas resolver uma s?rie de quest?es t?cnicas, que se prendem com a aplica??o de Boas Pr?ticas Tipogr?ficas e com v?rias decis?es que ir?o afectar a est?tica e a legibilidade da publica??o.

T amb?m temos o factor est?tico, claro. Para passar alguns impulsos e est?mulos ao leitor, decidi incluir uma s?rie de exemplos comentados que me parecem adequados para orientar quem est? ? procura de um estilo pr?prio e de solu??es originais. Estes exemplos encontram-se, por exemplo, na sec??o ?Magazines inspiradores?, onde reuni algumas amostras da obra gr?fica de famosos art directors, como Alexey Brodovitch (Harper's Bazaar), Herb Lubalin veja p?gina 287 (Eros), Willy Fleckhaus (twen, veja p?gina 294), Milton Glaser (New York Magazine, veja p?gina 292), Neville Brody (The Face, veja p?gina 306) e Jorge Silva (Mil Folhas).

N outras sec??es, o leitor encontrar? breves retrospectivas hist?ricas que o ajudar?o a perceber a evolu??o da Imprensa. Ao mesmo tempo, tamb?m quis focar a aten??o no futuro mais pr?ximo, que parece?tudo o indica?orientado para uma crescente oferta de publica??es ?electr?nicas?, PDFs e Pubs, etc. criados para smartphones, tablets, etc.

A terminologia adoptada neste livro est? aferida pelos prontu?rios escritos pelos profissionais mais competentes das ?Artes gr?ficas?. Ao mesmo tempo, os termos mais importantes s?o acompanhados pelas suas tradu??es em ingl?s e alem?o, visto existir um importante cultura tipogr?fica nos pa?ses onde se falam estes idiomas.

E sta publica??o poder? melhorar, ? medida que o autor for corrigindo gralhas, imprecis?es e tentar explicar os assuntos de modo mais claro e exacto. Nessa miss?o, a leitora/o leitor pode contribuir de forma significativa. O meu email ?: pheitlinger@. Agrade?o que me envie qualquer comunica??o que ajude a melhorar esta publica??o.

Boa Leitura! Janiro de 2021 Paulo Heitlinger

Venda do E-book: termos e condi??es

Este livro ? vendido por Paulo Heitlinger em forma de exemplar personalizado, que identifica digitalmente o seu propriet?rio. O livro/PDF pode ser impresso pelo propriet?rio. O propriet?rio deste exemplar tamb?m poder? copiar curtos trechos de texto, para simplificar o processo de cita??es. Contudo, o exemplar comprado n?o poder? ser transferido a outras pessoas! A ?transfer?ncia? deste exemplar a outra pessoa que n?o o seu comprador ? facilmente detect?vel (DRM) e servir? para o autor optar imediatamente pelos procedimentos jur?dicos que considere necess?rios, para salvaguardar os seus interesses comerciais e os seus direitos de autor.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download