Design de A a Z

DESIGN de A a Z

DESIGN de A a Z Organizado por Alessandra Menache São Paulo, 2016 Edição 1

Texto e design © 2016 Alessandra Menache Publicado em 2016 por Alessandra Menache Publishing Ltd. Essa obra é uma coletânea de diversos textos de autores renomados.

Editora Alessandra Menache Revisão Claudio Ferlauto Design e diagramação Alessandra Menache Fotografias Acervos desconhecidos Dados Internacionais de Catalogação na Publicação - CIP Camâra Brasileira do Livros, SP, Brasil Menache, Alessandra Design de A a Z/ Alessandra Menache - São Paulo: Editora Pages, 2016 1. Design - Tipografia - Produção Gráfica - Geral 06-7350 . CDD-864 Índices para catálogo sistemático: 1. Design: Tipografia: Produção gráfica: Geral 864 ISBN 1a edição: 978-85-88343-45-7 Editora Pages R. Armando Alvares Penteado, 930 São Paulo, SP Brasil www.editorapages.com.br (11) 3666 0945 info@editorapages.com.br Todos os direitos são reservados.

Este livro não pode ser reproduzido sem a autorização da organizadora.

Para os meus queridos pais, Roberto e Anete.

Obrigada por tudo.

E para os meus queridos irmĂŁos FĂĄbio, Evelyn e Gabriela.

Que possamos continuar sempre juntos.

Introdução

Neste livro, o Design é abrangido através de diversos temas e perspectivas. Em uma compilação de textos sobre livros, o leitor encontra significados e origens de termos tão banais hoje como o corpo de um livro, fundamentos e padrões essenciais de um livro, as inovações no design dele e até metodologias para a criação destes.

Há também instruções para criação de grids e até princípios de publicação de livros e suas cópias no mundo da indústria editorial.

Partindo para uma visão ainda mais técnica, o tema “Produção” é bastante aprofundado com exemplos, definições e detalhamentos de diversos tipos de impressão e encadernação, como um pequeno guia introdutivo ao assunto.

Marian Bantjes apresenta ao leitor a questão da tipografia de uma forma descontraída, porém rica em informações e recursos que mais se parecem com conselhos pessoais. Comenta não apenas a tipografia em si, mas também o uso de símbolos, corpo de texto e outros tópicos relacionados.

Migrando para um aspecto mais conceitual, a “Alfabetização Visual na Prática do Design” aborda questões relacionadas à criação da comunicação visual, trazendo conceitos da Gestalt, ideias materiais, sentido visual, cores e tudo que está ligado à uma área mais estética.

O livro ainda traz uma riqueza de conhecimento de Patrícia Helena Fonseca Soares, através do seu texto e imagens sobre “As Exposições Universais e a Reconstrução do Tempo”, onde apresenta os principais eventos da arte e do design nos séculos XIX e XX.

Para concluir com um ar mais profissional, o tema de empreendedorismo entra para um enlace final. De um modo realista, Vitor Boccio traz vários fatos que advertem sobre a realidade do mercado de hoje, pois é imprescindível recordar que o Design, apesar de tudo, está mais do que inserido nele.

Sumário O Corpo do Livro

13

Fundamentos da Publicação

19

Fundamentos do Design

25

O livro

39

Grades Haslam

43

Produção

49

Tipografia

57

Alfabetização Visual na Prática de Design

67

As Exposições Universais e a Reconstrução do Tempo

75

Metáforas e Tipografia

85

Você já está sendo demitido e não sabe

89

DESIGN de A a Z |

O Corpo do livro Ellen Lupton Design Writing Research

13

14 | DESIGN de A a Z

Nos anos 1920, Lazlo Moholy-Nagy viu a câmara fotográfica como extensão do corpo humano, um instrumento que permite ao frágil olho biológico parar o tempo, atravessar distâncias extremas, aumentar paisagens invisíveis e penetrar estruturas opacas.

Todos os objetos manufaturados para uso são extensões do corpo: comida, móveis, abrigos e ferramentas não estão localizados numa região segura “fora” do corpo, mas ao contrário, são continuações do corpo, virando-o do avesso.

Como Elaine Scarry escreveu, não existe diferença fundamental entre um objeto que é tão externo e descartável como uma luva e outro interno e permanente como um órgão artificial.

Ambos tornam-se parte do corpo.

Qual poderia ser, então, a relação entre a escrita, a tipografia e o corpo? No Ocidente a escrita vem sendo historicamente vista como secundária em relação à fala: enquanto esta parece dar voz imediata ao ser interno, a escrita é um atributo externo, uma tecnologia intelectual que emprega um código artificial. A fala parece ter nascido naturalmente dos órgãos biológicos do corpo, enquanto a escrita depende da mediação de instrumentos externos como cinzel, caneta, lápis, teclado.

Toda cultura instintiva produz alguma forma de discurso oral; um sistema de escrita, ao contrário, deve ser deliberadamente desenhado.

Mas se alguém visse a escrita como extensão do corpo, como um membro artificial ou uma lente de contato? Como uma cadeira que suporta o esqueleto humano, a escrita suplementa a capacidade de falar: é mais permanente que efêmera, resiste às mudanças de tempo e lugar permanecendo legível na ausência de seu autor.

DESIGN de A a Z |

Uma outra maneira da escrita ser uma extensão do corpo: trata-se de um subproduto físico, um traço material da atividade humana.

Diferentemente do discurso oral, a escrita deixa, atrás de si, uma marca visível. Como produto final do chamado “processo de pensamento”, a escrita então se assemelha aos excrementos humanos. É também, semelhante aos cabelos, às unhas e à superfície da pele - cada um deles uma parte do corpo que é continuamente regenerada, ainda que biologicamente morta, desconectável, descartável. A escrita é como o sangue, o suor, o sêmen, a saliva e outras substâncias que o corpo produz e elimina periodicamente.

Na linguagem editorial e tipográfica, nos referimos ao corpo de um trabalho como sua “parte principal”, sua parte central, substancial. Quando nos referimos ao “corpo” de uma pessoa, invocamos uma divisão entre dentro e fora: corpo e alma, corpo e mente. Similarmente, o termo tipográfico “corpo” sugere uma divisão entre dentro e fora, entre o que pertence propriamente a um texto e seus “membros” secundários ligados a ele: anotações, notas de rodapé, títulos e subtítulos, figuras, apêndices. Uma das tarefas do designer gráfico é articular visualmente as diferenças entre os elementos secundários e o “corpo” do texto. Mas, esses membros ficam seguramente “fora” do texto? Ao contrário, poderíamos ver essas partes destacáveis, externas, como órgãos “internos”, sistemas de sustentação da vida, fundamentos para a forma do significado. Como uma extensão do texto, um elemento como uma anotação, uma nota de rodapé, figura ou apêndice é uma parte integral do corpo abrindo a pele do texto, virando-a do avesso.

15

16 | DESIGN de A a Z

Corpo de texto de um dicionário com duas colunas

Enquanto o “corpo” de um texto é tipicamente associado a um único autor, notas, anotações, figuras e apêndices são órgãos utilizados para transportar material externo, para trocar informação com outros documentos. Tais órgãos alimentam, impregnam e, algumas vezes, desfiguram, infectam, o corpo interior. As válvulas desses órgãos servem não apenas para absorver, mas também para expelir, excretar. Elas geram substâncias deixando uma marca, uma trilha de argumentos em excesso no aparente autocontido “corpo” do trabalho.

Os órgãos do texto são áreas para elaboração, expansão, transbordo como a liberação periódica de sêmen ou sangue pelo corpo. Por exemplo, notas de rodapé sustentam o texto por baixo; elas representam a fundamentação da pesquisa.

Porém, não constituem uma simples base ou pedestal passivo, mas sim um sistema de raízes vital que alimenta o trabalho

DESIGN de A a Z |

através de uma rede subterrânea de outros textos. Notas de rodapé podem servir como âncoras mínimas ou como redes loquazes/eloqüentes que facilitam o entendimento do corpo.

Documentando a troca de fluidos entre textos, as notas de rodapé diagramam a paternidade das ideias.

“A própria mão pode ser alterada, redesenhada, reparada através, por exemplo, de uma luva de amianto (permitindo que a mão atue em materiais como se fosse indiferente à temperaturas de 500º); a luva de beisebol (permitindo à mão receber pancadas contínuas, como se fosse imune a elas); uma foice (aumentando muitas vezes a escala e a ação cortante da mão); de um lápis (dotando a mão de uma voz), e assim por diante, através de centenas de outros objetos. A mão material (queimável, quebrável, pequena e silenciosa) agora se torna a mão artificial (inqueimável, inquebrável, grande e sonora/falante).”

Livro com corpo de texto justificado

17

DESIGN de A a Z |

Fundamentos da Publicação Ellen Lupton Kelley McIntyre A Produção de um livro independente

19

20 | DESIGN de A a Z

A publicação de um trabalho significa que há mais de uma cópia dele e está disponível, de alguma maneira, a um público, seja grande ou pequeno. A publicação pode ser local e manual ou pode alcançar um vasto público no mundo todo. Fazer um álbum de recordações não é realmente publicar, mas produzir várias cópias de um livro de fotos e dá-las para os amigos e familiares, trata-se de um tipo informal de publicação. Para um trabalho ser publicado de modo mais formal, precisa ser acessível a um público mais amplo, tornando-se parte de um discurso partilhado — o registro público. Um trabalho público é disponibilizado onde qualquer pessoa pode vê-lo. Publicar envolve coragem e risco, é uma iniciativa empreendedora, no sentido intelectual e também financeiro, além disso, é exporse e proclamar que você tem algum conteúdo que vale a pena compartilhar.

Publicar envolve tanto produzir quanto distribuir um trabalho.

Primeiro você tem de apresentar seu conteúdo de uma forma física que as pessoas possam entender, e então precisa possibilitar que as pessoas o encontrem. (Se você tem 5 mil cópias impressas de um livro guardadas em sua casa, ele não está realmente disponível ao público; foi produzido, mas não distribuído.) Antes, livros e revistas só podiam ser encontrados em bibliotecas e livrarias, e era difícil introduzir publicações independentes naqueles lugares. Hoje, existem maneiras de esses pequenos formadores de conteúdo alcançarem o mercado.

O editor de um livro é, como o produtor de um filme, responsável por decidir se vale a pena publicar, fazer o seu design, imprimir, montar, comercializar e distribuir um determinado trabalho.

DESIGN de A a Z |

O editor investe dinheiro e encontra as pessoas e serviços que farão todas essas coisas acontecer; o objetivo final é levar o livro até as mãos de leitores, vendendo-o a livrarias e a distribuidores, ou diretamente ao público.

A indústria editorial costumava ser uma comunidade fechada e controlada por um pequeno grupo de elite. Hoje, embora algumas poucas editoras grandes dominem o ramo editorial, empresas de menor porte estão começando a aparecer por toda parte, graças a novas tecnologias e maneiras de fazer, comprar e vender livros. Cada vez mais os editores estão criando trabalhos dirigidos para segmentos do mercado (de beatlemaníacos a designers), e eles estão usando a internet para alcançar os leitores diretamente.

A publicação independente abrange uma série de iniciativas empresariais, da iniciação de um único projeto de livro por um autor solitário a esforços contínuos por parte de organizações e indivíduos. Milhares de pequenas editoras em todo o mundo produzem livros em quantidades relativamente pequenas e os distribuem on-line, bem como por intermédio de livrarias.

Alguns serviços de publicação própria (como a Lulu.com) trabalham com os arquivos digitais do autor, prontos para imprimir, enquanto outros cobram taxas adicionais para fazerem editoração, projeto gráfico, impressão, marketing e distribuição. Em contrapartida, as editoras comerciais assumem o custo de todos esses serviços e (em geral) remuneram o autor pelo conteúdo. Estabelecimentos que fazem publicações pagas com frequência são menosprezados com o termo “imprensa da vaidade”, mas essas conotações negativas estão mudando à medida que iniciativas independentes, de pequena escala, se tornam mais vitais e disseminadas.

21

22 | DESIGN de A a Z

Na música, no cinema, na arte e no jornalismo, a ideia de mídia “independente” agora é aceita e até mesmo celebrada por artistas que também querem ser empreendedores e desejam trabalhar fora da indústria convencional.

Ao se tornar um editor, o autor ganha muita liberdade.

Ele também assume o risco financeiro, a responsabilidade por todos os detalhes da produção e da distribuição. Por que alguém assumiria essas tarefas tão árduas quando existe uma indústria e profissionais para fazer isso?

Muitas pessoas começam suas próprias publicações porque não têm acesso às editoras —elas não têm contatos na área, não são conhecidas como autores, foram recusadas por editores e agentes literários, estão trabalhando em um gênero novo ou incomum, ou estão escrevendo para mercados especializado sou não valorizados. Outros querem ter total controle do design e da apresentação de sua obra. Alguns autores ou instituições fazem sua própria publicação a fim de realizarem o trabalho com mais rapidez, enquanto outros adoram a emoção de fazer um produto e vê-lo ganhar vida. Ao arcarem com o risco, eles poderão colher os lucros, se o seu negócio der certo.

De fato, a maioria das editoras começa com a visão de um indivíduo empreendedor (ou grupo). Esses pequenos negócios às vezes se tornam lucrativos — ou pelo menos autossustentáveis. A maioria dos negócios editoriais, no entanto, não é tão motivada pelo lucro, mas mais pelo desejo de compartilhar ideias. Este guia é dirigido aos autores e artistas que estão começando a experimentar a ideia de fazer publicações independentes.

DESIGN de A a Z |

Cuidado: publicar um livro, assim como começar uma banda ou construir um blogue, é uma maneira improvável de enriquecer rapidamente ou de ficar famoso depressa. Publicar exige um trabalho manual intenso. Faça isso porque você se importa muito com o que tem a dizer, você quer dizer algo às pessoas, e porque tem o prazer de fazer as coisas acontecerem.

Cópias de publicação de um mesmo livro

23

DESIGN de A a Z |

Fundamentos do Design Joseph Galbreath

A Produção de um livro independente

25

26 | DESIGN de A a Z

No entanto, todo livro é feito por pessoas criativas que se detiveram em cada aspecto de sua feitura, desde o tamanho das páginas até o design da capa à forma de encadernação e o papel. Embora a folha de rosto de um livro em geral use uma tipografia pesada e imagens para chamar atenção, as páginas internas frequentemente são delicadas e discretas, para facilitar o processo de leitura.

O design do livro é uma arte. Qualquer pessoa que tentefazêlo, até mesmo de um livro simples, descobrirá rapidamente como essa arte pode ser difícil. Se você for novato em design gráfico, faça suas primeiras tentativas do modo mais simples possível e examine atentamente outros livros, para ter inspiração. Há uma longa tradição na produção editorial, e ao projetar seu livro observando os que já foram produzidos, é mais provável que você crie um volume que pareça clássico, profissional e atraente aos leitores.

O processo de design de um livro está intimamente interligado com a produção e a manufatura — como ele será construído fisicamente. Este capítulo examina os princípios básicos de sequência, design de página, tipografia e design da capa.

Quando você começar o processo de design, também precisará ter em mente como o seu livro será feito. Consulte a seção intitulada Faça seus próprios livros para ter ideias. Você pode decidir que trabalhar com um designer profissional é a melhor via para o seu projeto, mas como editor independente, você desejará se familiarizar com o processo.

Livro de texto

Um romance ou algumas obras de não ficção consistem basicamente de texto, embora possam eventualmente conter ilustrações, como um frontispício na abertura, pequenos

DESIGN de A a Z |

desenhos no início de cada capítulo, ou diagramas relacionados ao texto.

A maioria dos livros tem uma coluna principal chamada mancha ou corpo do livro. As margens podem todas ser iguais, ou você pode criar margens internas mais largas (para distanciar o conteúdo da área da lombada), ou na borda externa (para criar espaço para as mãos do leitor). Alguns designers usam margem mais afastada do pé do livro, para dar espaço para o leitor segurá-lo deixando o texto livre para leitura.

Livros de fotografia

Neste tipo de livros, como é óbvio, há o predomínio das fotografias em relação ao texto. Faça o design da página em conta os formatos e tamanhos das fotos que você tem e o que quer dizer em relação a elas. O formato das fotografias são predominantemente verticais, horizontais ou quadradas?

Você apresentará apenas imagens ou elas serão mescladas com texto?

Diagramação de imagens em livro de fotografia

27

28 | DESIGN de A a Z

Páginas e páginas duplas

Normalmente as páginas de conteúdo de um livro são numeradas e reunidas em sequência. Quando você abre um livro, a primeira página e a última são as únicas que não estão lado a lado. Todas as demais, normalmente estão lado a lado — uma página à esquerda e uma à direita que estando o livro aberto são vistas juntas. Os designers tratam um livro como uma série de páginas duplas, e não como uma série de páginas separadas. Em um livro de texto, os lados esquerdo e direito se espelham com frequência. Dessa forma, a mancha de texto é aplicada de modo que respeite o espaço da página, ou seja suas linhas não ultrapassam o limite para a página seguinte.

Em um livro de fotos, às vezes as imagens são aplicadas nas duas páginas (esquerda e direita, ou par ou impar) formando um todo. Quando isso acontece, o designer tem de ter atenção ao lugar onde ficará a calha da lombada, em relação à imagem.

Esta calha tem uma grande presença física e visual ao longo das páginas de conteúdo, e essa circunstância tem que ser levada em conta ao se posicionar uma imageme não perder detalhes importantes dela.

Sumário

Este elemento crucial não só indica ao leitor o que há dentro do livro e onde encontrar, mas é uma importante ferramenta de marketing. Os livreiros on-line frequentemente apresentam o sumário, e algumas páginas de conteúdo para análise dos potenciais compradores para decidirem sobre a compra da obra —ou não.

Tipografia

Escolher os tipos e distribuí-los nas páginas de seu livro são etapas essenciais para se criar um visual convidativo e

DESIGN de A a Z |

apropriado para ele. Hoje os designers têm muitas opções, que incluem fontes tradicionais e contemporâneas.

Alinhamento

O software de edição lhe permite alinhar o texto de quatro formas básicas: justificado, centralizado, alinhado à esquerda e alinhado à direita. A maioria dos livros tem o texto justificado —blocos de texto sólidos com margens iguais em ambos os lados. Para um romance, um livro de memórias ou outros trabalhos com muito texto, justificar é a maneira mais comum e eficiente de dispor o conteúdo principal. Você precisará explorar outras formas de alinhamento para os títulos de capítulos, de páginas, a tipografia da capa e assim por diante.

Poesia em geral segue alinhamento à esquerda, permitindo que cada linha quebre-se naturalmente, da forma como ela é escrita, em vez de ser centralizada ou forçada em blocos geométricos. Livros ilustrados são menos afeitos a convenções que os livros de textos; experimenteo alinhamento para ver o que funciona melhor com seuconteúdo e o ponto de vista que você espera transmitir.

Justificado

Este é o formato padrão para livros com bastante texto (manchas grandes). O texto justificado parece organizado na página, e é altamente econômico, porque o software de edição usa hifenização e tam-bém ajusta o espaçamento entre palavras e letras a fim de incluir o número máximo de palavras em cada linha. Se o comprimento de sua linha é pequeno, a hifenização e o espaçamento serão variáveis e de-siguais, como se vê em jornais, que com frequência têm grandes espaços e muitas linhas hifenizadas em um único parágrafo.

Se você está produzindo seu livro com um programa de

29

30 | DESIGN de A a Z

processamento de texto (como o Microsoft Word) em vez de um programa de editoração (como o InDesign), a justificação pode parecer muito ruim. (Veja a linha acima.)

Alinhado à esquerda

A disposição do texto com uma margem irregular do lado direito da coluna passou a ser comum no século XX. O texto alinhado à esquerda é considerado moderno por ser simétrico e orgânico, permitindo que o fluxo da linguagem ajude a determinar o arranjo tipográfico. O texto com nivelamento à esquerda funciona bem com colunas mais estreitas. O designer deve prestar muita atenção, no entanto, à aparência do recorte, ou da margem desalinhada. O recorte deve parecer irregular e natural; não deve parecer plano ou uniforme nem assumir formatos reconhecíveis como luas, zigue-zagues ou pranchas afundando.

Centralizado

Estático e clássico, o texto centralizado costuma ser usado para títulos de página, títulos de capítulo e dedicatórias.O caráter formal do texto centralizado também o torna adequado para convites de casamento, inscrições em túmulos e o tipo de verso que aparece dentro de cartões sociais.Ao usar o texto centralizado, o designer em geral quebra linhas de acordo com o sentido, colocando palavras ou frases importantes em linhas isoladas.Esse tipo de disposição tem frequentemente um espaçamento generoso entre as linhas.

Alinhado à direita

Nunca diga jamais, mas o alinhamento à direita raramente é usado para textos de um livro inteiro. Essa disposição pode ser muito útil para criar legendas, notas à margem, e outros recursos tipográficos com bom gosto. A margem direita

DESIGN de A a Z |

regular pode ser usada para criar uma noção de afinidade ou atração magnética entre diferentes elementos da página.

Exemplos de alinhamento de texto

Alinhado à esquerda Alguns exemplos de como o texto pode ser diagramado. Apedi tem volorit hiliquid explia aut voluptas est, solore none seque volorem Ectur aut qui arum doloriam se.

Centralizado

Justficado

Alguns exemplos de como o texto pode ser diagramado. Apedi tem volorit hiliquid explia aut voluptas est, solore none seque volorem Ectur aut qui arum doloriam se.

Alguns exemplos de como o texto pode ser diagramado.

Apedi tem volorit hiliquid explia aut voluptas est, solore none seque volorem Ectur aut qui arum doloriam se.

Alinhado à direita Alguns exemplos de como o texto pode ser diagramado. Apedi tem volorit hiliquid explia aut voluptas est, solore none seque volorem Ectur aut qui arum doloriam se.

Tipografias tradicionais para textos

Muitos tipos foram criados especialmente para serem usados em livros, incluindo famílias tradicionais como Garamond, Caslon e Jenson, que estão disponíveis em versões digitais modernas que têm sido cuidadosamente redesenhadas para refletir suas origens históricas. Os livros também podem ser produzidos com fontes sem serifa, como a Futura e a Helvética.

Tipografias contemporâneas para textos

Em todo o mundo, os designers gráficos estão desenvolvendo novas famílias tipográficas e as distribuindo on-line. A tipografia deste livro usa as famílias Dolly e Auto, mostradas abaixo.

Ao escolher uma tipografia, procure uma com características orientadas para livros que você esperaria de uma fonte clássica, como versaletes e numerais não alinhados. Você pode começar a avaliar a qualidade de um tipo pela forma como ele é apresentado no site do designer. A fonte é mostrada e descrita com cuidado? Está disponível em diversos pesos e estilos?

31

32 | DESIGN de A a Z

Tipos Display

Além dos tipos a serem usados no corpo do texto, legendas, subtítulos e outros itens, você pode desejar dar um toque especial em escalas maiores, usando um tipo adicional.

Chamadas fontes Display, algumas devem ser usadas apenas como títulos, chamadas, logotipos e outras aplicações que envolvem poucas palavras.

Design da capa

Se você está preparando um livro para vender, a capa é um recurso essencial de marketing que funcionará como um logotipo e para divulgação. Ela deve se destacar no ponto de venda. Também precisa ter boa reprodução em imagens diminutas dos sites de venda on-line como a Amazon, Saraiva, Cultura etc.

Processo de Design

1. Defina o problema Faça uma descrição do que você quer dizer e a quem quer dizer. Qual é o assunto principal de seu livro? Que atitude você quer expressar (formal, descontraída, profissional, realista)?

Quem é o seu público-alvo (amigos, inimigos, colegas, empregadores potenciais)? Tenha esses objetivos em mente quando desenvolver ideias de design.

2. Pesquisa Analise outros livros parecidos ao seu. Pense no que o atrai e note a variedade de estratégias de design. Algumas capas só contêm letras; outras contêm fotos e/ou ilustrações. Algumas são discretas. Outras são atraentes.

3. Brainstorm Anote o máximo de ideias que tiver — boas, más e ridículas.

DESIGN de A a Z |

4. Priorize Quais ideias fazem sentido para o seu livro? Quais são viáveis para você produzir? Estude os recursos disponíveis, como fotos clássicas ou ilustrações dentro do livro.

5. Experimente Se suas habilidades de design são fracas, busque ajuda com um designer, artista, ilustrador ou fotógrafo. Procure imagens e fotografias em bancos de imagem. Respeite sempre os direitos autorais e lembre-se que as fotografias devem estar em alta resolução e em grande escala para serem bem reproduzidas.

6. Teste Mostre seus designs a outras pessoas, para sentir a reação.

Avalie cada design. O título é fácil de ler? As imagenschamam atenção para o título, ou se sobrepõem a ele? Há uma hierarquia clara de elementos? O design está transmitindo a mensagem e o tom de voz pretendidos?

Usando o InDesign

A maneira mais eficiente e efetiva de desenhar um livro é usar um software profissional de edição como o Adobe InDesign ou o QuarkXPress. Embora teoricamente seja possível desenhar um livro usando um programa padrão de processamento de texto como o Microsoft Word, fazer isso é frustrante e consome tempo —em geral com resultados insatisfatórios.

Programas como o InDesign lhe permitem arrastar e soltar intuitivamente elementos e criar com facilidade grades/grids, números de página (fólio), refinamentos tipográficos e outros recursos. As instruções aqui oferecem uma visão breve do InDesign. A ótima ferramenta de Ajuda do software pode responder praticamente a qualquer dúvida que você tenha.

33

34 | DESIGN de A a Z

Crie um novo documento Use o comando Facing pages (páginas espelhadas) para criar uma publicação com várias páginas desenhadas em páginas duplas. Defina o tamanho de seu documento (por exemplo, 15 x 15 cm) para que mais tarde você possa imprimi-lo com marcas de corte (crop). (Ao imprimir, selecione Printer Marks>Crop Marks no menu imprimir.) O sistema de medida do InDesign baseia-se em picas e pontos; você pode mudar isso para polegadas ou milímetros em General Preferences. Use os campos de Columns and Margins para criar uma grade/grid.

Faça uma caixa de texto Todo elemento no InDesign está dentro de um frame ou caixa. Para fazer uma caixa de texto, selecione a ferramenta Type e arraste-a na posição desejada. Você também pode mudar qualquer frame para uma caixa de texto clicando nela com a ferramenta Type. Um cursor para a entrada de texto aparecerá. Use a janela Character para mudar a tipografia, tamanho, espaçamento, entrelinhas, entreletras e outros atributos. Use a janela do parágrafo para mudar o alinhamento (à esquerda, à direita, centralizado, justificado).

Faça uma caixa para a imagem As imagens entram em frames ou caixas de imagens. Use a caixa de ferramentas para arrastar um frame. Vá para File>Place para incluir o link de uma ilustração. O InDesign cria um preview de sua ilustração, que lhe permite editar a imagem mais tarde, no Photoshop ou outro software ou substituí-la.

(Em contrapartida, o Word incorpora imagens diretamente no documento, formando um arquivo digital pesado e limitando seu poder de edição.)

DESIGN de A a Z |

Você também pode cortar e alterar o tamanho da imagem dentro do documento, sem afetar o arquivo original da imagem.

Contornar o texto/Wrap Se uma imagem ou texto usa o comando contornar o texto/ wrap, os outros elementos (textos ou imagens) serão forçados a contorná-lo, em vez de ficar acima ou atrás dele.Faça isso com Window>Text>Wrap. Novos objetos no InDesign não têm valor de wrap de texto.

Hifenização Use a hifenização automática quando você está trabalhando com texto justificado. Desative-a quando você estiver trabalhando com texto alinhado a esquerda ou a direita, ou com chamadas de qualquer tipo. (Você pode sempre colocar hífens à mão, se necessário.) Clique na caixa Hyphenation na barra de ferramenta Paragraph.

Espaçamento/Kerning Ajustar o espaço entre duas letras é chamado de espaçamento manual. (O tipo já possui valores de espaçamento.) Agora você está fazendo ajustes em cada ponto, de acordo com o que considera necessário. Posicione seu cursor entre as letras que deseja ajustar. Em um Mac, pressione option e ! (esquerda) ou”(direita) para remover ou adicionar espaço.

Raramente você precisará fazer isso se estiver trabalhando com títulos em corpos grande.

LOVE

Estas letras têm espaçamento normal

LO VE

Espaço adicional entre “O” e “V”

35

36 | DESIGN de A a Z

Entreletra/Tracking Ajusta o espaçamento entre letras em um texto selecionado (uma palavra, linha, parágrafo ou mais). Ao passar uma palavra para maiúscula ou versalete, por exemplo, é aconselhável espaçar as letras, expandindo o espaço entreelas. Selecione o texto e o tipo em um Tracking no menu Character ou barra de ferramenta (AV com uma seta embaixo).

ESTE TEXTO É EM CAIXA ALTA Sem expaçamento entre letras

ESTE TEXTO É EM CAIXA ALTA Com espaçamento entre letras

Ligando caixas de texto Você pode ligar duas ou mais caixas de texto de modo que ele flua de um para outro. Use essa característica para criar documentos com várias colunas e páginas. Selecione uma caixa de texto, e então com a ferramenta White Arrow, clique o in-port ou out-port -—o quadradinho com um + [mais] ou um - [menos]. A seta se tornará um “ícone de texto carregado”.

Posicione o ícone de texto carregado sobre o frame que você quer conectar. Clique no novo frame para confirmar a ligação.

Ou clique em qualquer lugar da página, e o InDesign fará uma nova caixa automaticamente.

Inserir, Apagar e Reorganizar páginas Controle as páginas na janela Pages. Selecione um ícone de página e apague-o usando o menu de opções Pages. Arraste os ícones de página para reorganizar as páginas.

Página Mestra Esta ferramenta contém elementos gráficos que aparecem

DESIGN de A a Z |

em toda página nova de um documento, como números de página, cabeçalhos e guias. Selecione New Master do menu na janela Pages. Nomeie a página mestra e coloque texto e outros elementos nela. A página mestra agora pode ser aplicada a qualquer página, ou a todas elas e você pode basear uma nova em uma já existente, pode ter várias mestras em um documento, e pode transformar uma página existente em uma mestra. Para mais informações, veja a ajuda on-line do InDesign.

Para eliminar ou modificar os elementos de uma mestra na página de um documento, pressione (command-shift [controlshift no PC]) enquanto seleciona o elemento. Isso lhe permite editar ou apagar o item. Note que um item cancelado na mestra não será atualizado naquela página se você editar a página mestra. Para numerar páginas automaticamente, crie uma caixa e escolha Type>Insert Special Character>Auto Page Number.

Trabalhando com réguas/sublinhado Selecione as réguas Paragraph do menu na janela Paragraph.

A espessura padrão é 1 ponto, que parece bom na tela, mas parece pesado e brando quando você imprime. Para um sublinhado claro, fino, escolha 0,25 ponto. O valor Offset controla a distância entre o sublinhado e a linha de base do texto. O sublinhado aparecerá depois de todo retorno (quebra de parágrafo). Crie sublinhados dessa forma, em vez de “desenhá-los” com a ferramenta linha. Isso lhe permitecontrolar com precisão a colocação e o espaçamento delas.

Definindo novas cores Para ver cores predefinidas que você possa aplicar ao texto, réguas, caixas e assim por diante, abra a janela Swatches. Use o

37

38 | DESIGN de A a Z

menu de opções para definir cores novas. Use CMYK para criar misturas de cian, magenta, amarelo e preto, as cores usadas na impressão padrão em quatro cores (em oposição a RGB: vermelho, verde e azul, as cores de sua tela de computador).

Evite cores especiais (spot), a não ser que você esteja trabalhando com uma impressora ofsete comercial e esteja fazendo um trabalho que usará tinta especial adicionada ao padrão CMYK. Compartilhando seus arquivos Faça PDFs com alta resolução Um documento do InDesign pode se tornar muito complexo, usando inúmeras fontes e links de imagem. Um PDF permite trocar um arquivo de alta resolução sem o seu impressor, cliente ou outro usuário final precisar acessar seu software original ouseus arquivos de fonte e imagem. É fácil fazer um PDF: aperte Export>PDF. Muitos designers preferem imprimir a partir de PDFs em vez dos arquivos originais de InDesign.

Preflight e coleta dos arquivos/Package Use File>Preflight para verificar erros em seu arquivo. O programa Prefligth lhe mostrará, por exemplo, imagens que são RGB emvez de CMYK, além de outros problemas. Use File>Package parareunir todas as imagens e outros recursos usados em seu projeto. O InDesign copiará todos os elementos em uma nova pasta.

Imposição/Print Booklet Se você está produzindo seu próprio livro grampeado ou cadernos costurados, o recurso File>Print Booklet reordenará as páginas em “printer spreads”, permitindo que o livro seja montado, dobrado e encadernado através do centro. O software calcula a posição correta das páginas.

DESIGN de A a Z | 39

O livro Steven Heller e Véronique Vienne 100 Ideias que mudaram o Design Gráfico

40 | DESIGN de A a Z

Desde que Gutenberg inventou o tipo móvel no século XV, o livro tem sido um laboratório para escritores, artistas, designers e tipógrafos. E, apesar do advento da mídia digital, a impressão não acabou. John Plunkett, diretor de criação da revista Wired, previu que a informação comum migraria para a mídia eletrônica, mas que o “conteúdo subtancial permaneceria no domínio impresso”.

Enquanto um grande texto evoca imagens mentais, um grande design dará ao leitor maiores níveis de percepção. Até mesmo os componentes mais rudimentares de design (a textura do papel, a qualidade da tipografia e o estilo do cabeçalho) são mais do que apenas minúcias estéticas. O papel do designer sempre tem sido o de auxiliar o leitor, complementando a narrativa. Na edição de 1908 do livro Ecce Homo, de Nietzsche, o arquiteto e designer Henry van de Velde substituiu uma composição antiquada com ornamentação Art Nouveau.

Enquanto a maioria dos editores de livros ficava satisfeita em criar páginas de texto ininterrupto, alguns editores mais esclarecidos buscavam a total integração entre tipografia eimagem.

No início do século XX, o design também se tornou uma parte integrante do conteúdo. A poesia fonética do futurista italiano Filippo Marinetti, chamada Zang Tumb Tuuum, virou a composição de livros de cabeça para baixo, ao introduzir, na mesma página, múltiplas tipografias em pesos e tamanhos variados; o tipo foi ainda colocado de uma maneira que evocava o barulho das máquinas e motores descritos no texto. Em 1923, o artista e designer russo El Lissitzky colaborou com o poeta Vladimir Mayakovsky em uma coleção de poemas chamada Dlia Golossa, criada para ser lida em voz alta em

DESIGN DESIGN dedeAAaa ZZ | 41

“Graphic Design for Kids” de Pamela Pease

42 | DESIGN de A a Z

reuniões públicas: Lissitzky transformou o texto tipográfico em pictogramas, proporcionando ao leitor sugestões adicionais a seguir para inflexão e significado. E a obra Depero Futurista, de Fortunato Depero, encadernada com dois parafusos de metal, dinamizava a tipografia para que a leitura do texto fosse como experimentar um automóvel em alta velocidade. Estes livros não eram apenas embalagens neutras, mas palcos sobre os quais texto e imagem atuavam.

A inovação no design de livros não é definida somente por mudanças radicais. A obra The Alphabet (1918), de Frederic Goudy, é baseada em uma composição de eixo central (quando a tipografia é centrada sobre o plano de impressão ou superfície) originária das tradições italianas e francesas na publicação de livros (séculos XVII e XVIII), mas não encadernadas como eles. Este livro foi composto por letras e ornamentos do próprio Goudy (influenciados pelo passado), em um esforço para alcançar equilíbrio e harmonia.

No final do século XX, ocorreu um revival experimental. Volumes como S,M,L,XL, de Bruce Mau e Rem Koolhaas, e Damien Hirst (1997), de Jonathan Barnbrook, (este um verdadeiro catálogo de pop-ups, encartes, lâminas e corte e vinco), não apenas testaram os limites do livro, mas redefiniram o “livro como objeto”. O crescente papel do designer de livros, como modelador e provedor de conteúdo, acentuado pelas novas tecnologias, continua a tornar o livro impresso um terreno cada vez mais fértil para a criatividade.

DESIGN DESIGN dedeAAaa ZZ | 43

Grades Haslam Andrew Haslam O Livro e o Designer II

44 | DESIGN de A a Z

O formato do livro define as proporções externas da página; a grade determina suas divisões internas; o layout estabelece a posição a ser ocupada pelos elementos. O uso da grade proporciona consistência ao livro, tornando coerente toda a sua forma. Os designers que usam grades partem da premissa que tal coerência visual permite que o leitor concentre-se no conteúdo, em detrimento da forma. Cada um dos elementos da página — texto ou imagem — tem uma relação visual com todos os outros elementos: a grade fornece um mecanismo pelo qual essas relações podem ser formalizadas.

Recentemente, um grupo designers passou a desafiar as convenções da grade e, em alguns casos, a questionar sua real necessidade. Argumentam que é um dispositivo desnecessário que, longe de dar sustentação ao conteúdo, se posta entre a experiência da leitura e as intenções do autor. A consistência não é uma vantagem, mas um prejuízo, limitando o layout da página a um conjunto previsível de soluções visuais.

A exploração e a rejeição da grade formam os dois pólos entre os quais se erguem uma série de abordagens. Algumas delas inclinam-se no sentido do racionalismo formal e comedido; outras na direção ao expressivo e ao evocativo.

O desenvolvimento das grades de livros ao longo do tempo é uma história de acréscimos, em lugar de substituições.

Atualmente certos designers estão fazendo uso de convenções medievais, enquanto outros favorecem abordagens derivadas do modernismo da década de 1920. Os sistemas básicos de grade determinam as larguras das margens; as proporções da mancha; o número, comprimento e profundidade das colunas; além da largura dos intervalos entre elas. Os sistemas de grade mais complexos definem uma grade para as linhas de base

DESIGN de A a Z |

sobre a qual as letras serão assentadas e podem determinar o formato das imagens, além da posição dos títulos, números das páginas, notas de rodapé etc.

Simétrico ou assimétrico

A primeira decisão relativa à mancha de texto de uma página espelhada é perguntar-se se ela deverá ser simétrica ou assimétrica? A maioria dos livros encadernados, mas não produzidos em escala, como teses acadêmicas e outros livros artesanais, têm formato simétrico em torno da calha central.

As grades simétricas, as favoritas dos escribas medievais, reforçavam a simetria natural do livro. A página esquerda do manuscrito era uma imagem espelhada da página direita do mesmo. As páginas assimétricas, como o próprio nome indica, não possuem linha de simetria em relação à área de texto.

Grades baseadas na geometria

Muitos dos livros antigos impressos exibem sistemas de grade baseados na construção geométrica em lugar das relacionadas com uma determinada medida. Nos séculos XV e XVI, a Europa não tinha um sistema preciso de medição padronizada; as varetas de medição eram rudimentares e os tamanhos dos tipos eram inventados por cada impressor. Em seguida irá se examinar as grades construídas geometricamente.

Definindo a área de texto com uma moldura simples

Talvez a maneira mais simples de criar uma mancha simétrica seja definir margens iguais em torno de toda a página, formando uma moldura simples. Essa abordagem funcional é utilizada por designers como Derek Birdsall, que freqüentemente usa margens internas e externas com a mesma largura. A quantidade de páginas assim como a forma de acabamento a ser utilizada, devem ser cuidadosamente analisadas, a fim de

45

46 | DESIGN de A a Z

se evitar que a área da moldura seja espremida pelo limite da margem interior.

Proporções comuns para formato e caixa de texto

Uma área de texto retangular que compartilha das proporções do formato é facilmente criada pelo desenho de duas diagonais através da página e da elaboração de um novo retângulo com cantos que intersectam as diagonais. Uma página em formato retrato, desenhada dessa maneira, tem margens superior e inferior igualmente profundas e exibe margens dianteira e interna mais estreitas, combinando. Os designers que optam por esta abordagem geralmente empreendem aprimoramentos visuais transportando a caixa de texto na direção da margem interna e levantando-a no sentido da margem superior. Ao trabalhar dessa forma, são criadas quatro dimensões de margem e o designer fará uma análise visual dos comprimentos adequados.

Acima. Área de imagem ou texto simétrica.

Abaixo. Área assimétrica. A maioria das áreas de texto e grades assimétricas compartilha de uma primeira e uma última linha em comum, de tal modo que enquanto as margens laterais variam entre as páginas da esquerda e da direita, as margens superior e inferior são sempre as mesmas.

Acima. Uma caixa de texto simples com margens superior, inferior, interna e externa iguais. A letra a assenta no centro de cada página. Se o livro tiver muitas páginas, a margem será puxada pelo processo de encadernação e a área de texto parecerá ter sido engolida pela calha, perturbando o equilíbrio das páginas.

DESIGN de A a Z |

Desenhando uma grade com formato e caixas de texto com proporções consistentes 1. Para criar uma área de texto que compartilha das mesmas proporções do formato da página, desenhe duas linhas diagonais através de cada página.

2. Selecione a profundidade da margem superior e desenhe uma linha paralela ao topo da página que intersecte cada uma das linhas diagonais através da página. Os lados da caixa são desenhados com linhas que saem do ponto no qual a margem superior intersecta a diagonal e corre paralela à margem da página. Duas larguras de margem distintas serão estabelecidas: a letra a representa a margem superior e a margem inferior, a letra b, as margens interna e externa.

3. A caixa de texto pode ser transportada delicadamente para o alto da página, para distanciar-se da calha e permitir que a encadernação seja feita sem conseqüências para o design.

Esse aprimoramento assegura que a caixa de texto e a página compartilhem da mesma proporção, mas estabelece quatro larguras de margem distintas.

Na próxima página, podemos encontrar um exemplo de grid que mostra o encaixe de colunas de texto e imagens.

Grid com encaixe de colunas de texto e imagens.

47

48 | DESIGN de A a Z

DESIGN de A a Z | 48

Desenhando uma grade com formato e caixas de texto com proporções consistentes 1. Para criar uma área de texto que compartilha das mesmas proporções do formato da página, desenhe duas linhas diagonais através de cada página.

2. Selecione a profundidade da margem superior e desenhe uma linha paralela ao topo da página que intersecte cada uma das linhas diagonais através da página. Os lados da caixa são desenhados com linhas que saem do ponto no qual a margem superior intersecta a diagonal e corre paralela à margem da página. Duas larguras de margem distintas serão estabelecidas: a letra a representa a margem superior e a margem inferior, a letra b, as margens interna e externa.

3. A caixa de texto pode ser transportada delicadamente para o alto da página, para distanciar-se da calha e permitir que a encadernação seja feita sem conseqüências para o design.

Esse aprimoramento assegura que a caixa de texto e a página compartilhem da mesma proporção, mas estabelece quatro larguras de margem distintas.

DESIGN DESIGN dedeAAaa ZZ | 49

Produção Katy Brighton Fundamentos do Design

50 | DESIGN de A a Z

Hoje em dia, a palavra produção significa muitas coisas, que estão sendo continuamente redefinidas. Para resumir, a produção é tudo o que precisa acontecer com o design antes dele ser executado.

Não faz muito tempo, especialistas treinados em uma empresa de pré-impressão, selecionadores de cor ou impressores, encarregavam-se do processo de produção. Os profissionais da pré-impressão cuidavam da separação de cores, dos retoques, do trapping (sobreposição de cores) e a composição tipográfica. Agora, mais do que nunca, o designer que gosta de fazer o melhor, precisa se preparar para ter certeza do que o espera. Bem-vindo à era digital. Os computadores revolucionaram o design. De repente, o designer tem mais controle sobre o processo, o que torna o design mais desafiador e complexo, com as constantes mudanças nas técnicas e nas tecnologias. Atualmente o designer é exigido para tomar decisões bem fundamentadas, utilizando seus conhecimentos do processode produção. Essa compreensão da produção vai fazer a diferença entre um grande design ou apenas um grande esforço perdido

Conseguindo o que você quer

O projeto está pronto, e agora? Desde o início, visualize o fim.

Desenvolva um pensamento claro e preciso desde o princípio.

Esteja presente em cada passo do processo para transmitir e preservar a sua visão do design. Você é a pessoa mais indicada para transmitir as suas intenções. Saiba quais perguntas fazer, de modo a gerenciar as suas expectativas e as de seu cliente ao se relacionar com seus fornecedores gráficos. Desenvolva o relacionamento com ele para resolver qualquer problema em potencial que possa surgir. Envolva-o desde o princípio

DESIGN de A a Z |

no processo de criação, de modo que o seu design não exceda nenhuma limitação ou capacidade de produção. Essas parcerias vão prevenir problemas sérios na impressão, evitar embaraços ou desapontamentos no acabamento, e, por fim, vão viabilizar os resultados como planejado.

Entendendo os fundamentos

Conhecer as opções, e o que é possível fazer, facilita a comunicação. Aprenda sobre os padrões da indústria.

Identifique o melhor processo de impressão para seu projeto e esteja familiarizado com esses métodos. Depois, escolha um impressor com base na reputação, na experiência, no equipamento atualizado, na confiabilidade e na disponibilidade.

As principais técnicas de impressão disponíveis são: Ofsete — técnica de impressão planográfica pelo qual a tinta é depositada na área de grafismo da matriz de impressão (placa de alumínio) que é transferida para o substrato (papel ou cartão) por uma superfície emborrachada (blanqueta). As impressoras ofsetecomerciais, em geral, imprimem até 10 cores em cada passada de máquina. Esta técnica permite a utilização de uma ampla gama de papéis e cartões, sendo indicada para gramaturas de substratos até 350 g/m2.

Flexografia — esse sistema é a menos dispendiosa das técnicas de impressão.Caracteriza-se pelo uso de matrizes flexíveis de borracha ou polímero sendo que as áreas de grafismo(imagens e/ou textos) em alto-relevo e tintas fluidas voláteis que secam rapidamente e são aplicadasdiretamente no substrato (papel, cartão ou plástico) e se distingue pelas cores saturadas, e pelas quebras acentuadas no gradiente de tons e vinhetas. As impressoras flexo imprimem várias cores em uma só passada de máquina e esta técnica é adequada

51

52 | DESIGN de A a Z

para produzir invólucros a vácuo, caixas de sucos, sacos de batatas chips, caixas de cereais, recipientes de iogurte e encartes de jornais.

Modelo de impressora flexográfica.

Rotogravura — técnica de impressão direta que utiliza uma matriz cilíndrica com as áreas de grafismo gravadas em baixo-relevo transferindo a tinta diretamente ao substrato.

Caracteriza-se pelas fortes cores saturadas e pelos ciclos ligeiramente irregulares. Permite imprimir em várias cores sobre filmesflexíveis e transparentes. A rotogravura também é ideal para a impressão de caixas de papelão,permitindo as operações de corte e vinco, gravações em relevo e hotstamping (aplicação de película metálica a quente) por meio de dispositivos próprios posicionados em linha na saída da impressora.

DESIGN de A a Z |

Impressão tipográfica/letterpress — técnica de impressão utilizada para imprimir textos e/ou ilustrações a partir de uma matriz (cliché) em alto-relevo que é entintada nas partes altas e transfere o grafismo diretamente para o substrato, que pode ser papel ou cartão. É uma técnica em desuso comercialmente. Tem sido utilizada para a impressão rápida de anúncios, convites e artigos de papelaria.

Serigrafia — técnica de impressão que utiliza uma tela de tecido, plástico ou metal permeável à tinta nas áreas de grafismos e impermeável nas áreas de contragrafismo. A tinta é espalhada sobre a tela e forçada por uma lâmina de borracha através das malhas abertas até atingir o substrato. Tratase de uma técnica versátil que permite imprimir sobre uma infinidade de materiais além de superfícies irregulares ou curvas.

Impressão digital — também conhecida como impressão sob demanda, está ganhando mercado. Esta técnica utilizada impressoras digitais de grande porte. O grafismo é gerado a partir de um arquivo digital. É particularmente indicada para projetos que necessitem de impressões rápidas e de baixa tiragem, ou tenham cronogramas apertados e possuam dados variáveis, como em malas diretas.

Opções de acabamento gráfico

Você encontrou o impressor, escolheu o substrato, especificou as cores. Agora vem a parte divertida: uma infinidade de decisões que precisam ser tomadas para acrescentar os toques de acabamento ao seu design: Revestimento — trata-se do processo de aplicação de um produto protetor sobre uma substrato impresso ou não. Tem a dupla finalidade de proteger ou destacar uma superfície. Por exemplo: em uma capa de livro você pode aplicar a laminação

53

54 | DESIGN de A a Z

a quente (BOPP) para proteger a área impressa do manuseio do leitor. Nesta mesma capa é possível aplicar verniz UV em relevo, para destacar áreas específicas de seu design.

Há inúmeras possibilidades de materiais e uso na área dos revestimentos. Consulte o seu fornecedor gráfico.

Gravação em relevo — é um processo que utiliza placas de metal (cliché) para imprimir imagens ou texto em uma área específica de seu design. A gravação pode ser em baixo-relevo ou em alto-relevo, também é um processo muito utilizado para livros de capa dura e nas sobrecapas em geral.

Estampagem a quente — processo de aplicação de películas metálicas (ouro, prata etc.) por meio de placas de metal que sobre forte pressão e calor transfere imagem ou texto para áreas específicas de seu design.

Corte e vinco — processo pelo qual o papel ou cartão é cortado em formato e áreas específicas por meio de lâminas de aço especialmente desenha e montada sobre uma base de madeira. É um processo muito utilizado para a produção de embalagens, rótulos, etiquetas etc.

Vincagem — processo semelhante ao corte e vinco que consiste na formação de sulcos em uma área específica do seu design para tornar a dobradura mais fácil e impedir que o papel quebre quando for manuseado. Por exemplo, o sulco que normalmente existe na capa de um livro ao longo da lombada.

Dobra — processo que utiliza máquinas especiais para dar formato final a uma folha de papel impressa. Por exemplo, para imprimir as páginas internas de um livro (miolo) a gráfica, normalmente, monta suas matrizes de impressão (chapas) com 16 páginas. Lembre-se de que a folha de papel é impressa

DESIGN de A a Z |

nos dois lados (frente e verso); portanto, ao final do processo de impressão se obtém uma folha impressa com 32 páginas do conteúdo do livro. O processo de dobra transforma esta folha no que é chamado caderno.

Encadernação — processo utilizado para juntar os vários cadernos de livros, brochuras, folhetos etc. Existem vários de tipos de encadernação. Há encadernação com costura, cola quente ou fria, grampos de metal, com espiral plástica, com anéis de aço etc. Sua escolha vai depender do número de páginas, da gramatura do papel e também de como o seu material impresso será usado. Consulte sempre o seu fornecedor gráfico sobre qual o método de encadernação é mais adequado para seu projeto.

Fazendo as coisas acontecerem

O design não se materializaria sem a etapa de produção. Ela é a antecipação do design. Cada passo precisa ser executado e cada cenário considerado. Os relacionamentos foram desenvolvidos,e alguns problemas foram evitados, embora outros tenham sido reconhecidos como oportunidades expressivas.

Bravo! A jornada rumo à preservação da integridade do design começa com um designer bem informado.

Cadernos com encadernação anéis de aço

Livro com encadernação de costura manual

55

DESIGN de A a Z |

Tipografia Marian Bantjes

Fundamentos essenciais do Design Grรกfico

57

58 | DESIGN de A a Z

Fazer tipografia é como escrever. Você aprende os elementos básicos para construir algumas frases simples. Você aprende um pouco mais, para ser mais eloquente. Você pratica, conforme um conjunto confuso de regras e exceções. E, finalmente, você aprende a quebrar as regras e parte para a expressão pessoal. É claro que, infelizmente, aqui não há espaço suficiente para ensiná-lo sequer os elementos básicos da tipografia. Então, em vez disso, eu resolvi redigir um apelo apaixonado para impedir que você prejudique a mim e aos outros com algumas péssimas práticas usuais. A tipografia malfeita me faz estremecer de dor.

A primeira coisa que eu preciso fazer é lhe dizer para que esqueça tudo o que seu professor de datilografia do colegial lhe ensinou. A máquina de escrever, embora fosse muito boa para as secretárias na década de 1970, é hoje um equipamento primitivo. Pense nela como um carrinho de bate-bate de um parque de diversões. Agora você cresceu e está sentado na direção de uma Ferrari. Aprenda a dirigi-la sem esbarrar em nada.

Existem muitos conceitos a desaprender. Para começar não coloque dois espaços no final de um período. Pare com isso já e, por favor, nunca mais me deixe ver isso novamente. Depois, apesar de você ser “pra frente”, não sublinhe textos para dar ênfase, nem para destacar títulos de livros ou revistas. Para esse fim, use o itálico. Algumas vezes use bold para ênfase, embora normalmente itálico seja melhor. E não use a tabulação para abrir parágrafos. A tabulação tem finalidades específicas, e sinalizar parágrafos não é uma delas. Não discuta sobre isso comigo. Apenas faça o que estou lhe dizendo.

DESIGN de A a Z |

Existe uma razão para se determinar o início de um parágrafo: indicar que “um novo pensamento começa ali”. Então, você deve usar algum método. Mas vamos fingir por um momento que os espaços entre linhas, as aberturas de parágrafos (que devem ser criadas em folhas de estilo padrão) e outros recursos custem dinheiro. Vamos dizer 100 reais. Toda vez que você iniciar um parágrafo vai lhe custar 100 reais. Você vai usar um espaço entre linhas e uma abertura de parágrafo?

Portanto, são 200 reais! Não faça isso. Use um método, é tudo o que você precisa. Outra forma de economizar dinheiro na abertura de parágrafos é quando você tem o início de uma seção, ou um cabeçalho: você pode (deve) eliminar a o recuo do parágrafo, no início do texto, depois da pausa ou do cabeçalho. Não queira parecer o The New Yorker. Eles fazem isso de maneira errada e são pessoalmente responsáveis pela elevação de minha pressão arterial.

Máquina de escrever antiga, hoje já é um equipamento primitivo.

59

60 | DESIGN de A a Z

Verifique se você usa aspas e apóstrofos de verdade. É algo tão básico que me aborrece ter de explicar isso. Algumas pessoas as chamam de “aspas inteligentes”, mas o apelido é irrelevante. Embora a aparência das aspas varie conforme o estilo dos caracteres, as aspas de fechamento devem ter a forma da vírgula, e as aspas de abertura devem ser iguais, só que invertidas. Muitas vezes elas parecem pequenos seis ou noves, mas nem sempre. O apóstrofo tem sempre a mesma forma da vírgula e deve ser exatamente igual às aspas de fechamento simples (quando ela está invertida, trata-se apenas de aspas de abertura simples e não do apóstrofo).

Esses outros caracteres, que normalmente vão para cima e para baixo e não têm a mesma forma da vírgula, são chamados de plicas ou duplas plicas, e são como agulhas para os meus olhos quando usadas no lugar das aspas e dos apóstrofos.

Quando eu as vejo em algum documento, sinto dor física.

Por favor, eu não estou brincando.

Existe um uso correto para as plicas: indicar pés e polegadas, e também segundos (tanto como medida de tempo como subunidade de graus): por exemplo, eu tenho 5´ 4´´ de altura (plica = pés, duplas plicas = polegadas). A subtortura deste gênero é ver as polegadas e os pés representados por aspas e apóstrofos. Eu não tenho 5’ 4” de altura, isso é completamente absurdo. A questão é que as aspas não são marcas de estilo, elas têm um significado. E, por falar nisso, o significado das aspas é indicar que algo foi dito (ou pensado, ou citado como exemplo), e não, como tantos parecem acreditar, para dar ênfase. Reforçando o conceito: use itálico (ou bold) para ênfase e aspas para citação.

Elas também são úteis para indicar o sentido de ironia, que

DESIGN de A a Z |

normalmente é um efeito inesperado quando erroneamente as usamos para dar ênfase. Atenção: peixe “fresco” é “peixe supostamente fresco”, quer dizer que é tudo menos fresco.

Vejo isso todo dia em lojas e seria engraçado se não doesse tanto.

Muitos ficam confusos a respeito do uso de hífens e de travessões, mas isso é realmente muito simples. Os hífens (-) são usados para manter as coisas unidas, os travessões m (—) são usados para manter as coisas separadas, e os travessões n (–) são usados para indicar um intervalo. Se você puder substituir o traço pela palavra “a” (ou por “de” e “até”), então deve ser um travessão n (muito comum em intervalos de datas “1960 a 2007” ou “de 1960 até 2007”). Se o traço cria uma pausa ou um aparte, ele deve ser um travessão m.

Mas se você estiver unindo duas palavras,então deve usar o hífen, por exemplo, amoreira-do-brasil. Simples assim. O duplo hífen, usado na digitação, deve ser trocado pelo travessão.

Algumas pessoas, e eu não sou uma delas, preferemusar o traço simples com espaço em ambos os lados, em vez do travessão. A respeito disso, eu quero dizer: “não seja tão tolo e use o caractere adequado” [Nota do editor: em muitos países de fala inglesa, o traço simples com espaço em ambos os lados é a forma de pontuação aceita para indicar a pausa ou o aparte].

Quando for necessário definir o corpo do texto, não nos deixe atordoados e doentes com espaçamento variável entre as letras de linha a linha. Por favor, mude a configuração padrão para “justificado” no programa de editoração, para que o espaçamento seja zero por cento no texto inteiro. Quer dizer, o espaçamento entre as suas letras nunca deve espremer

61

62 | DESIGN de A a Z

nem oscilar, não importa o que você veja nos jornais diários ou em revistas populares. Os designers de tipos passam muito tempo calculando o espaço correto entre cada par de letras.

Por favor, respeite essa competência (se você ainda não ouviu o designer de tipos Lucas de Groot falar a respeito do assunto dos pares de kerning, você vai se juntar a mim e nos recolhermos à nossa insignificância).

Porém, lembre-se de que usar comprimentos de linhas mais curtos pode causar problemas no espaçamento entre palavras.

O seu texto justificado está com linhas cheias de vazios e caminho de rato? Aumente o comprimento da linha, reduza o tamanho do tipo, acrescente alguma hifenização, e, em caso de dúvida, defina o texto como desalinhado.

Será que notei você quase perder o fôlego quando eu disse a palavra “hifenização”? Não me inclua na ridícula vingança do mundo corporativo contra os hífens. Pegue um livro, uma revista, ou um jornal decente. Confira: hífens! Um exército de pequenos e gloriosos hífens presentes todos os dias, ajudando a nos proteger contra os demônios do espaçamento entre palavras.

Dificilmente os percebermos, tão acostumados estamos com o serviço que nos prestam. Se estiver usando o texto justificado, acione a hifenização, não permita mais do que duas ou três em uma sequência, e você estará prestando um grande serviço a todos nós. Mas, se estiver trabalhando sob alguma proibição de hífens, apenas defina o texto como desalinhado e nos livre de cair em rios de espaços em branco entre as palavras.

O texto desalinhado também pode (preferivelmente deve) ser hifenizado, especialmente em linhas de comprimentos

DESIGN de A a Z |

mais curtos, mas o que simplesmente me assusta é a grande frequência com que sou assaltada pelos pequenos blocos com títulos e chamadas de matérias desnecessariamente hifenizados, mal hifenizados, ou com tantas quebras de linhas malfeitas em relação ao conjunto do texto ou à maneira como é lido. O texto ampliado é uma coisa, tem a atenção que merece, mas se um pequeno bloco de texto ficar sozinho em um título ou chamada, ou ainda no caso de uma legenda, verifique todas as linhas, levando em conta como são lidas, quais informações devem estar juntas e o que a forma final da significa. Forma?

Sim, forma! Qual forma deveria ter uma pequena peça com tipografia display? Falando em geral, pequena e pesada. Ela deve ter linhas mais curtas no topo e embaixo, e um pouco mais larga no meio. Neste caso, estamos pensando em um homem de meia-idade, e não na mulher cheia de curvas: a chamada deve ser curta e grossa.

Está na moda colocar muito espaço entre linhas, o que me choca no fundo da alma. Faixas, faixas! Por que motivo você gostaria de ler longos corpos de faixas horizontais? Toda a questão de definir a mancha texto gira em torno de facilitar a leitura. O bloco de texto deve ser coesivo, apenas com o espaço necessário para a respiração entre as linhas, e não a ponto de fazer nossos olhos saltarem de uma linha para a seguinte. Por isso é tão cansativo ler esses tipos de textos.

Listas, marcadores/bullets e recuos. Vamos pensar nos marcadores/bullets e nos recuos: o pri-meiro ponto, eles aparecem juntos, unidos em sua violência mútua. Não use marcadores/bullets sem recuar o texto seguinte, e verifique se o recuo se alinha corretamente embaixo da primeira linha.

O mesmo vale para as listas numeradas, e tome cuidado em

63

64 | DESIGN de A a Z

especial com os números que terão dígitos duplos ou triplos.

Pense nisso antecipadamente, então defina uma tabulação de modo que os números se alinhem à direita sob o último dígito ou período ou qualquer marca que venha em seguida, então se permita colocar um travessão simples n ou um travessão m, e defina outra tabulação para alinhar seu texto à esquerda.

Bloqueie e carregue. E, por falar nisso, os marcadores/bullets são bolinhas e não balas de canhão, então que sejam pequenos!

Grandes o suficiente para que se possa vê-los, mas não tão grandes que espantem o leitor ao visualizá-los. A questão é criar hierarquia e ordem; portanto, mantenha tudo limpo e arrumado.

Na medida do possível, não me venha com todas as letras digitadas em maiúsculas, se você tiver versaletes de verdade disponíveis. Elas vêm num formato separado das fontes Type 1, ou incluídas na maioria das fontes Open Type. Se você não as tiver, não as falsifique tornando-as maiúsculas encolhidas, ou usando aquele estúpido botão (Tt) dos softwares de editoração que deforma o desenho original da letra. Nesse caso, usar maiúsculas serve. Mas, em qualquer escolha, dêlhes um pequeno espaçamento entre as letras: de 50 a 100 unidades, para uso no texto corrido, talvez mais, quando utilizado em títulos e cabeçalhos.

Em todos os casos, mantenha consistência. Ela é a chave de tudo. Não use maiúsculas aqui, e minúsculas ali. Se usar algarismos antigos [ou elzeverianos, com ascendentes e descendentes], use-os do começo ao fim (e, em geral, se estiver usando algarismos antigos, você também deve usar minúsculas. Usar maiúsculas e algarismos antigos juntos é terrível!). Se usar itálico para ênfase, use do começo ao fim.

DESIGN de A a Z |

Tome uma decisão e a mantenha. Ou então, se você mudar de estilo, mude-o completamente, do começo ao fim.

Agora, uma palavra ou duas sobre o texto de títulos e chamadas, quer dizer, o texto que fica sozinho, em destaque no corpo do documento, normalmente em tamanhos maiores do que o texto. Não confie no espaçamento de letras definido pelo software ou pelo designer de tipos, em corpos maiores a maioria dos tipos disponíveis precisa de algum ajuste. A primeira conduta necessária é um ajuste geral das letras.

Quanto maiores forem, mais concentradas devem ficar.

Então, quase sempre será preciso fazer algum ajuste manual de kerning. Preste atenção para a tipografia, exagere-a, acrescente espaço entre as letras que se tocam ou ficam muito próximas umas das outras, aproxime-as quando elas estiverem afastadas.

Estrutura básica de uma reportagem - exemplo de título marcante.

65

66 | DESIGN de A a Z

De maneira similar, você provavelmente precisará ajustar a entrelinha de um tipo maior e, de novo, quanto maior o corpo, menor a proporção entre o corpo e a entrelinha. Exagere, exagere, exagere. O título é para ser visto! Não desmereça a tipografia deixando-a abandonada, virando-se por conta própria, parecendo uma garota com o vestido preso na roupa debaixo.

Existe muito mais para se conhecer nesta área, mas essas ideias básicas vão aliviar muito sofrimento. Para saber mais, você deve ler tudo em que você puder colocar as mãos referente à tipografia. [O editor sugere: Projeto Tipográfico – Análise e produção de fontes digitais, de Claudio Rocha e Primeiros socorros em tipografia, de Hans Peter Willberg e Friedrich Forssman.] Junto com os tipógrafos de toda parte, você vai afastar os bárbaros dos nossos portões, livrando-nos da invasão das atrocidades tipográficas.

Siga em frente. Faça direito e faça bem-feito.

DESIGN de A a Z |

Alfabetização Visual na Prática do Design Ian Noble Pesquisa Visual

67

68 | DESIGN de A a Z

A alfabetização em design, ou alfabetização visual na prática do design, é uma preocupação fundamental para quem está envolvido na criação de comunicação visual. O entendimento das interrelações entre as considerações formais de forma, cor, organização e composição e os sinais culturais embutidos na comunicação gráfica está no cerne das abordagens bemsucedidas e eficazes ao design. Embora seja difícil apontar um corpo de conhecimento considerável que pudesse constituir uma epistemologia do design gráfico, em especial teorias e ideias que estejam diretamente relacionadas ao ato de criar design, é razoável aceitar que muitos dos aspectos formais do design estão fundamentados em uma vasta gama de ideias e teorias subjacentes.

Princípios como a Gestalt – que significa o todo unificado, oriundo da psicologia e do entendimento de como a percepção visual humana se comporta – estão no cerne do design gráfico.

As formas como os elementos visuais formam um design são capazes de comunicar de maneira mais ou menos eficaz dependem, em grande parte, de uma série de fatores que são descritos por alguns dos princípios definidores da Gestalt e da percepção.

O princípio fundamental da Gestalt é conhecido como Prägnanz, e baseia-se na tendência humana de organizar elementos de maneira regular, simétrica e, em grande medida, baseada na simplicidade. A teoria dos princípios inatos pelos quais os objetos e suas relações podem ser percebidos como estando organizados ou agrupados é um alicerce útil para o designer no entendimento de como a composição pode comunicar sentido para o espectador.

DESIGN de A a Z |

Essa análise da forma e das relações dentro de uma composição tem como base o pensamento sobre design em termos de conceito como fechamento, semelhança, proximidade, simetria e continuidade. Essas ideias, extraídas de um ramo da psicologia que tem sua base no holístico, podem ser descritas, em geral, como o todo sendo maior do que a soma de suas partes.

Os conceitos da Gestalt.

Modo de Pensamento

Max Wertheimer, uma das figuras centrais e fundadoras da psicologia da Gestalt, também descreve como o pensamento pode ser classificado em dois modos: pensamento produtivo e pensamento reprodutivo. O primeiro é baseado na solução de problemas e em sua relação com a noção de insight: respostas espontâneas e imediatas a situações e ambientes.

O segundo modo, pensamento reprodutivo, é baseado no que foi previamente aprendido e compreendido. Essas ideias estão relacionadas a uma abordagem mais deliberada à comunicação

69

70 | DESIGN de A a Z

visual e aos processos em ação durante a criação de um design, bem como aos fatores em ação nos sistemas de comunicação.

Sistemas Invisíveis

Há muitas outras ideias significativas que podem ser incorporadas a partir de áreas fora do design e que poderiam também ser consideradas úteis para descrever as bases de uma abordagem rigorosa à alfabetização visual / em design.

Essas ideias podem ser classificadas como pertinentes à composição, à cor, aos materiais e à forma.

O grid ou sistema de trabalho base de um projeto – uma estrutura criada para garantir a harmonia e consistência interna de um layout de um livro ou cartaz – pode ser pensado usando ideias relacionadas à razão áurea, também conhecida como “proporção áurea” ou “número áureo”. Essa razão pode ser encontrada na natureza, na arte e na arquitetura, e pode ser descrita matematicamente por meio da divisão de uma linha em duas partes de modo que a parte mais longa, dividida pela parte mais curta, seja igual ao comprimento total dividido pela parte mais longa.

Argumenta-se que essa relação é geralmente capaz de criar uma preferência estética fundamental na maioria dos indivíduos. Assim como muitas dessas “leis” ou “princípios”, seu valor não está em oferecer um código rígido ou uma doutrina de atuação para designers, mas sim em oferecer uma racionalização ou explicação – uma ferramenta e um guia para o entendimento. A razão áurea está fortemente relacionada aos números de Fibonacci – um sistema semelhante, nesse caso baseado nas relações entre números em uma sequência linear: cada número é igual à soma dos dois números anteriores; 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, e assim por diante. Esse

DESIGN de A a Z |

modelo pode ser aplicado a sistemas de grid e até mesmo à relação entre o tamanho dos tipos e as entrelinhas na composição de texto para layouts editoriais.

A composição e editoração podem ser abordadas pela utilização de uma técnica conhecida como “regra dos terços”.

Mais uma vez, essa técnica está fortemente relacionada à razão áurea, e baseia-se na divisão de uma determinada área de terços, tanto vertical quanto horizontalmente, para criar uma estrutura de grid formada por nove retângulos e quatro interseções. Esse conhecimento pode ser útil na construção de um layout.

Ideias Materiais

O entendimento de relação entre os matérias empregados em um design e a mensagem que é “transmitida” é um fator significativo que pode ser explicado pela teoria das affordances. Essa teoria está relacionada às propriedades físicas empregadas em um design – sua “materialidade”.

Por exemplo, a formatação e a capa de um livro criam um efeito ou resposta emocional no usuário, seja pela escolha dos materiais empregados, pela forma ou escala do livro ou pelo uso de ilustrações ou fotografias. Embora a fotografia ou reprodução, por si só, não possibilite affordance alguma, ela desencadeia uma associação com a affordance do objeto na mente do espectador.

Sentido Visual

Outras áreas importantes da alfabetização em design envolvem a questão de como a cor é utilizada dentro de uma composição geral. Embora a seleção inteligente de paletas de cores e de combinações de cores possa ser empregada para criar um design esteticamente agradável para o espectador, ela

71

72 | DESIGN de A a Z

também pode funcionar para enfatizar hierarquias, estruturas e relações. Essas utilizações de cor estão diretamente relacionadas à composição formal dentro do design gráfico, mas há também uma questão mais complexa que requer outra forma de alfabetização visual por parte do designer.

Essa questão diz respeito ao campo da associação cultural e à forma como as mensagens são codificadas e decodificadas por públicos específicos dependendo de aspectos como formação, educação e idade, por exemplo.

Em muitas partes do mundo, a utilização de cor indica um sentido, quando associada à forma. Os sistemas de sinalização de trânsito nas estradas são um bom exemplo disso. No Reino Unido, uma placa de trânsito com a borda vermelha e forma triangular é entendida como um alerta. Embora isso tenha algumas bases em nossa resposta natural inata a cores como o vermelho – que eleva a pressão sanguínea e a frequência respiratória – nossas reações a essa cor naquele contexto específico baseiam-se em noções culturais preconcebidas. O reconhecimento da forma triangular da placa de trânsito pode ser considerado um comportamento aprendido. A forma implica em uma reação moldada pela experiência e pela convenção social; há um consenso de que ela representa um alerta e consiste em uma instrução implícita que somos condicionados a observar e à qual somos condicionados a reagir.

Isso possui conotações mais amplas para o designer que está diante da tarefa de criar uma comunicação visual que seja atraente e discernível, mas que, para ser eficaz, precisa também construir mensagens que possam ser amplamente compreendidas. Isso depende da empatia de cada designer, bem como de seu conhecimento acerca do público com

DESIGN de A a Z |

Algumas cores e as sensaçþes que elas nos proporcionam.

73

74 | DESIGN de A a Z

quem pretende se comunicar. Saber como os componentes individuais que formam uma mensagem criada por meio do design serão entendidos ou especificadamente interpretados é crucial para garantir que o sentido pretendido seja, de fato, comunicado. À medida que as tecnologias permitem que nos tornemos mais e mais interconectados, a maneira como nos comunicamos tem um contexto cada vez mais global. Isso cria a exigência adicional de que o comunicador visual compreenda o sentido de muitos dos elementos menores de um projeto. Forma e cor, por exemplo, e como elas são entendidas, não são baseadas em convenções universais e estão abertas à interpretação.

O estudo dessa questão é conhecido como semiótica e está relacionado também a áreas como imagem e texto. A semiótica, ou semiologia, pode ser compreendida como a ciência dos signos e de como eles operam no mundo. Pode ser entendida também em termos de conotação e denotação: a relação entre o sentido literal ou primário de algo e seu sentido interpretado ou secundário.

Seria fácil pensar em alfabetização visual em design como algo que diz respeito apenas aos aspectos formais da composição, mas para que um design funcione de maneira eficaz, um conjunto mais amplo de aspectos culturais deve ser compreendido para garantir que os processos de interpretação e denotação estejam igualmente integrados a uma abordagem geral à comunicação visual. Esses entendimentos formam as bases a partir das quais é possível criar um projeto eficaz.

DESIGN de A a Z |

As Exposições Universais e a Reconstrução do Tempo Patrícia Helena Soares Fonseca

75

76 | DESIGN de A a Z

Em 1872, quando Phileas Fogg saiu de Londres para cruzar o mundo em 80 dias, a era industrial andava a passos rápidos.

As pessoas já estavam se habituando a ter máquinas ao redor de si, como a máquina de costura doméstica, os teares de produção de tecidos diversos, as locomotivas a vapor.

A vida moderna se desenrolava rapidamente, e habituar-se à sua crescente velocidade era estonteante às vezes, mas necessário. A modernidade mudava o tempo da vida diária, apressava-a, exigia ordem e exatidão: quando Passepartout, o fiel e diligente criado do Sr. Fogg, orgulhava-se da precisão mecânica de seu patrão, esse orgulho retratava o pensamento pragmático/tecnicista que se instalava na sociedade recém industrializada, da qual o criado francês se comprazia em fazer parte. Vinte e um anos antes, a Grande Exposição Universal havia sacudido a capital inglesa, trazendo transformações que afetariam a vida cotidiana em níveis diversos. A partir dela, a ideia do progresso através da mecanização da sociedade, a crença de que a tecnologia seria a resposta para os problemas sociais futuros e, principalmente, o estabelecimento de uma identidade nacional mediada pelo desenvolvimento industrial tornaram-se metas governamentais das nações que outorgavam para si a posição de líderes mundiais: a saber, Inglaterra, Estados Unidos e França.

Este texto pretende discutir como as Exposições Universais estabeleceram novos paradigmas não somente para estas nações, mas para as ideias de progresso e futuro que irão se desenvolver ao longo do século XX. Pretendemos também delinear como as Expos ( como passaram a ser conhecidas a partir de um momento) ajudaram a estabelecer a noção moderna de um mundo de fronteiras cada vez mais próximas e de um tempo reconstruído em intervalos cada vez mais curtos.

DESIGN de A a Z |

A Grande Exposição Universal de 1851: o império têm urgência

O pioneirismo em montar uma exposição para apresentar novos produtos e invenções pertence aos franceses: desde 1798 eles montavam mostras periodicamente, mas elas costumavam ser “uma mistura agradável de produtos agrícolas, invenções mais ou menos convincentes, objetos de arte e bibelôs à venda.” Estas mostras eram de cunho nacional: “as nações estrangeiras não eram convidadas: os ‘industriais’ franceses não queriam se esbarrar na concorrência” .

“O Transepto a partir da Grande Entrada, lembrança da Grande Exposição” Litografia a cores de J. McNeven, 1851.

A exibição inglesa de 1851 quebrou a monotonia: intitulada A Grande Exposição dos Trabalhos da Indústria de Todas as Nações , ela mudou os parâmetros de montagem de mostras expositivas. Sua primeira inovação foi convidar outras nações a exibirem suas criações: 32 países teriam participado da mostra, segundo nos informa JACKSON (2008). A mostra rompeu escalas, a começar com a grandiosidade do edifício que a abrigou: “uma estrutura gigantesca de ferro e vidro cobrindo

77

78 | DESIGN de A a Z

mais de sete hectares de terreno, com um vasto espaço interior onde caberiam quatro igrejas do tamanho da catedral de St. Paul” . .. Nomeado Palácio da Grande Exposição dos Trabalhos da Indústria de Todas as Nações, o edifício foi apelidado de Palácio de Cristal pela revista semanal inglesa Punch. Montado em cinco meses e meio apenas, ele era “magnífico; porém mais ainda por ser tão repentino, tão surpreendente por ser todo de vidro, tão gloriosa e inesperadamente real” . A rapidez com que foi montado ilustrava a velocidade que a modernidade impunha às novas sociedades industriais: a urgência em sua construção espelhava a urgência de uma nação que apressava o passo e colocava-se à frente dos demais países do continente europeu. Em seis meses, a mostra recebeu 6 milhões de visitantes, um número impressionante para a época.

A mostra de esculturas do Pavilhão Indiano, na Exposição de 1851.

Ilustração do “The Illustrated London News”.

Mas se a mostra de 1851 apresentava uma escala suprahumana e números exponenciais, foi a sua influência no cotidiano das pessoas comuns um dos seus maiores legados. O encanto que a mostra causava nos visitantes era notável, e visitá-la

DESIGN de A a Z |

era quase uma obrigação: BRYSON nos relata o caso de da Sr.ª Callinack, “de 85 anos, ganhou fama ao vir a pé desde a Cornualha, caminhando quatrocentos quilômetros”.

O maravilhamento das pessoas começava com o edifício, a maior construção em vidro já feita até então. Sua monumentalidade foi alcançada graças aos avanços da Revolução Industrial, cujo desenvolvimento tecnológico tornou possível a utilização do ferro pré-moldado e dos paineis de vidro em grandes estruturas arquitetônicas. O fato de ser todo em vidro dava ao edifício uma atmosfera especial, uma aura espectral, quase fantasmagórica. Uma vez passado o torpor causado pela monumentalidade da construção, o visitante se encantava com os produtos expostos: as máquinas apresentadas na Exposição prometiam organizar as tarefas diárias, tornandoas mais rápidas e eficientes: “quase todas as máquinas faziam coisas que o mundo desejava ardentemente que as máquinas fizessem - arrancar pregos, talhar pedras, moldar velas de cera - (...) com tanta precisão, presteza e incansável confiabilidade.

A exibição trazia ainda a ideia de um mundo encurtado, menor: em uma única visita era possível ver pavilhões de países distantes como o Egito, a Índia, a Turquia. Para a maior parte dos visitantes, a possibilidade de entrar em contato com culturas tão diversas era fascinante, algo impensável até há pouco tempo. Esta variedade de informações e proximidades possibilitava novas apreensões de sentidos e olhares, e interferia com a própria noção tempo/distância: países longínquos a passos de distância, máquinas que só estariam presentes no mercado dali a meses, ou mesmo anos. O futuro era presentificado, as distâncias continentais inexistiam. Para o homem comum de meados do século XIX, cuja vida inteira se passava, muito provavelmente, em uma única cidade e às

79

80 | DESIGN de A a Z

vezes em um único bairro ou distrito , visitar uma exposição universal era uma experiência transformadora. O próprio ato de se deslocar até a exposição, já propiciava, por si só, o vivenciar de um lampejo da modernidade: na nova era das máquinas, deslocar-se, viver a cidade e suas transformações são os fundamentos da nova época. Como afirma ORTIZ (1991), “o princípio de ‘circulação’ é um elemento estruturante da modernidade que emerge no século XIX.”

A modernidade se instala: as exposições e a vertigem dos deslocamentos Quando Napoleão III se instalou no poder em 1852, projetos de modernidade estavam em seus planos: entre eles, a realização da Exposição Universal de 1855. Ela não foi um sucesso como a exposição inglesa de 1851, mas sua ocorrência e aquelas que a seguirão vão marcar o tom das próximas exposições internacionais: se foi a Grande Exposição que estabeleceu o modelo pelo qual as exposições internacionais passaram a ser julgadas, foram os eventos parisienses que elevaram os padrões. Entre 1855 e 1900 a capital francesa hospedou cinco Expositions Universelles, cada uma mais exuberante que a outra. ( JACKSON 2008, p. 16-17.)

Mesmo não sendo tão grandiosa como a mostra de 1851, a mostra de 1855 espantava os visitantes ao apresentar-lhes a fotografia e a “aplicação doméstica da eletricidade” .

Na exposição de 1867, as fronteiras entre os países se tornam cada vez menores, possibilitando os visitantes transitarem de uma cultura à outra em minutos. O experimentar outras culturas era mediado também pelo olfato e paladar: “o Champs de Mars fica aberto até a meia noite e se torna, por cinco meses, o ponto de encontro preferido dos parisienses.

DESIGN de A a Z |

Entre as centenas de restaurantes que se encontra ao longo do passeio de um quilômetro que contorna o palácio das Indústrias e o parque, havia um café argelino, um café holandês, um lugar para degustar curaçao, um restaurante prussiano que serve os vinhos do Reno, uma brasserie vienense, uma loja de refrescos suíça (...). O café sueco servia ponche; o restaurante russo, caviar e salmão cru. Ainda há os restaurantes italianos, turcos, romanos, marroquinos... e um para degustar soda com sorvete”. (AGEORGES 2008, p. 36) As mais novas tecnologias serão exibidas nas Expos: na mostra de 1878, a iluminação elétrica foi instalada na Avenue d’Opera e na Place de l’Opera. A eletricidade ampliava as possibilidades da noite como espaço de entretenimento: o tempo diário se estendia, o dia se alongava.

Em 1889, na Expo que comemorava o centenário da Revolução Francesa, seus maiores trunfos foram duas joias arquitetônicas que competiam com a engenhosidade do Palácio de Cristal e glorificavam o poder da máquina: a Galerie des Machines e a torre Eiffel. A exposição, apesar da recusa de alguns países em participar de um evento que comemorava uma revolução, foi um triunfo: 32 milhões de pessoas a visitaram ( JACKSON 2006). A exposição celebrava a arquitetura do ferro, que já havia sido glorificada com a construção do Palácio de Cristal em 1851. Mesmo com um antecedente deste porte, a construção da torre Eiffel foi um espanto: com seus 320m de altura, ela causava vertigens nos visitantes. Sua iluminação elétrica também foi um sucesso: milhares de lâmpadas a adornavam, enquanto um raio tricolor saía de seu topo e iluminava os céus todas as noites.

Na página 82, a torre Eiffel iluminada por Georges Garen.

81

82 | DESIGN de A a Z

DESIGN de A a Z |

A mostra de 1900, ao raiar do novo século, confirmou as mudanças nos deslocamentos espaço/tempo causadas pelas novas tecnologias. Uma nova estação de trem, a Gare d’Orleans, foi construída para receber os visitantes, possibilitando que habitantes de localidades mais distantes chegassem com maior conforto, desembarcando nas proximidades mostra. Próximo à nova estação, e fazendo parte do complexo de edifícios montados para a Expo, foi construído um hotel. A primeira linha de metrô parisiense foi inaugurada e uma calçada ambulante transportava os visitantes entre pontos importantes da exposição. Não havia tempo a perder: os deslocamentos mais rápidos se faziam necessários, e a exposição foi um emblema disto. “A rapidez e a quebra das fronteiras representam o espírito de uma época; elas expressam uma aceleração da vida social” . No topo do Palácio da Eletricidade, uma estátua de 6,5 metros segurava uma tocha que disparava um facho de luz de 50.000 volts. A eletricidade, glorificada na exposição, já havia mudado transformado a noção de pertencimento ao mundo. Como escreve Bodanis, “antes da eletricidade, o tempo era uma coisa local, mutável, pessoal. Os relógios de Nova York e Baltimore, por exemplo, tinham uma defasagem de vários minutos, pois estavam em diferentes latitudes e o meio-dia chegava um pouco mais tarde em Baltimore. Cada cidade era um mundo em separado, e assim era legítimo pensar que um indivíduo andando aqui ou ali, ou trabalhando na sua fazenda isolada em algum lugar, era parte de um mundo igualmente separado. Mas agora esses mundos podiam sincronizar-se e, onde quer que alguém estivesse, ele sabia como ajustar-se ao “controle” preciso e universal do tempo perdido. (BODANIS 2008, p. 33)

83

84 | DESIGN de A a Z

A mostra de 1900 foi montada em uma Paris bem diferente daquela que recebeu a exposição de 1855. O processo de reurbanização conduzido por Georges Haussmann durante o Segundo Império havia deixado a cidade mais rápida, pois as novas avenidas reduziram o tempo gasto nos deslocamentos.

Flanar pela cidade havia se tornado um hábito de seus moradores, não mais circunscritos a pequenas distâncias entre os bairros em que moravam. Os pavilhões da mostra de 1900 e o deslocar-se entre eles eram um retrato desta cidade feérica, que exigia trilhos e relógios: “antes da estrada de ferro, possuir um relógio era um sinal de riqueza; desde então, tornou-se uma prova de civilização .”

DESIGN de A a Z |

Metáforas e Tipografia Iñigo Jerez

Cuatro matices de un stándar tipográfico. Una tipografía para EINA.

85

86 | DESIGN de A a Z

1. Recorremos à metáforas para explicar coisas complexas.

A tipografia não é [complexa], mas como em tantas outras disciplinas técnicas as comparações nos ajudam a imaginar, relacionar, entender e explicar seu uso e seus processos criativos.

Uma dessas metáforas é a música; podemos transladar sua capacidade para criar ambientes e transmitir emoções para a tipografia e sua capacidade para condicionar a informação que transmite. Imaginemos uma canção e sua letra: seja qual seja a mensagem (transcendental, sentimental ou de protesto), será a melodia o que determinará nossa emoção ao escutá-la.

Poderíamos compor infinitas versões e todas seriam válidas.

Tanto se ela se harmoniza ou se contrasta com o sentido da letra, a música afetará decisivamente nossa percepção da mensagem. Tendemos a padronizar e etiquetar (pop, rock, folk, etc.) mas afortunadamente as fronteiras entre os estilos [gêneros] são difusas.

E o mesmo ocorre com a tipografia, temos assumido algumas categorias formais mas podemos misturá-las. A metáfora da música pode parecer exagerada ou demasiado sutil – e ela é – e precisamente por isso me agrada. Seria perfeita se quando lemos essa música esteja apagada, ou no melhor dos casos, ouví-la a um volume bem discreto. Ou estarmos tão acostumados a ela que nem nos damos conta de que está tocando.

2. Outra metáfora interessante é a da voz. A tipografia é a voz por meio da qual recebemos a mensagem impressa, e as características dessa voz condicionam o modo como a percebemos. Pensemos na TV e nos apresentadores dos telejornais. Porque todos se parecem tanto entre si? Têm

DESIGN de A a Z |

uma expressão corporal contida, uma vocalização impecável, um tom de voz neutro e uma modulação perfeita. Nos comunicam as mensagens com clareza sem transmitir emoção. São fotogênicos, estão discretamente maquiados e são muito convencionais com suas roupas, e mesmo que de vez em quando algo fuja dessas normas como a estampa de uma gravata, é bem provável que nem nos demos conta disso.

Todos se parecem porque nos acostumamos a um padrão “lógico” e “confiável” com o qual nos sentimos confortáveis, e que consegue nos fazer crer que não têm influencia sobre as notícias.

Quando selecionamos uma tipografia definimos uma voz, podemos ser neutros ou expressivos ,ou escolher entre a infinidade de matizes que existem entre esses dois extremos.

Quando desenhamos uma tipografia, criamos uma voz.

Diferentes tipografias causam expressões distintas com as mesmas palavras.

3. Para mim a metáfora favorita é a do pão e dos pastéis. Ao fazer pão sempre combinamos os mesmo elementos: água,

87

88 | DESIGN de A a Z

farinha, fermento e sal. Ao desenhar uma tipografia também amassamos sempre os mesmo ingredientes: altura de X, largura, peso, contraste, eixo, modulação, ligaduras e ligações etc. E o resultado é ótimo na medida em que as proporções e a qualidade da mistura sejam as corretas. Não é uma receita complicada, mas não podemos nos equivocar com o equilíbrio entre as partes.

Sem dúvida, mesmo tendo ingredientes tão básicos, as formas e variedades do pão são quase infinitas. Não há dois pães artesanais iguais: um pouco a mais ou a menos de sal, o tipo da farinha, a qualidade da água, a temperatura do forno, o tempo de cocção, a técnica de amassar… Uma pequena mudança na receita, nos ingredientes ou na elaboração fará que o resultado seja diferente.

Com a tipografia acontece o mesmo que com o pão, levamos cinco séculos combinando os mesmos elementos, as mesmas variáveis, e apesar dos resultados serem parecidos, não encontraremos nunca duas tipografias idênticas. Igualmente com o pão, quando não queremos complicar a vida escolhemos o que já conhecemos e sabemos que vai funcionar.

E o que acontece com os pastéis? Nesse caso além da farinha, água e fermento incorporamos outros ingredientes mais “expressivos”, que abrirão novas possibilidades. Mas cuidado, não convém abusar de doces e tortas e tampouco dos pastéis.

Os pães correspondem às tipografias de texto corrido, aquelas de uso diário – o pão sem sal seria uma sem serifa, aquele com sal, as letras serifadas. E a pastelaria corresponderia às tipografias display, esponjosas, cremosas doces, muito doces e inclusive exageradas. Podem alegrar nosso dia, mas não convém nos excedermos.

DESIGN de A a Z |

Você já está sendo demitido e não sabe Vitor Boccio

89

90 | DESIGN de A a Z

Não. E não é culpa da crise, até por que elas vem e vão.

Existe uma coisa chamada crescimento exponencial, e isso faz o mundo andar cada vez mais rápido. Do crescimento da população ao desenvolvimento de novas tecnologias, velocidade de obsolescência das coisas e grandes mudanças culturais.

Um ser humano inventou o Uber e destruiu o esquema do taxi.

Outro, o Whatsapp e matou o sms, telefone e a porra toda.

O smartphone transformou operadoras de telefonia (existe?) em distribuidoras de banda. Você paga sua tv a cabo e nem assiste.

E mais mil exemplos desses. E assim caminha, rapidamente, a humanidade.

E aí vem a pergunta: Por que caralhos esse treco não há de pegar a nossa indústria?

Se quiser se basear na fé, talvez encontre um pensamento mágico que nos salve.

Dirão os céticos: “sempre existem os cavaleiros do apocalipse, que diziam que tal coisa ia morrer, e tal coisa ia matar tal coisa”. De fato, não necessariamente uma coisa mata a outra.

Mas sim, uma coisa mata a outra se essa outra não olhar pra dentro e se reinventar.

Deixando de lado a fé, vamos voltar aos fatos.

– Quanto vale a marca Uber? Como ela se fez? Quanto de comunicação investiu? Qual o jeito de fazer e quanto tempo levou? O mundo todo conhece o Uber tanto quanto grandes marcas globais.

– E os estudantes de cinema de Berlim que fizeram um filme (Que filme!) para a Johnnie Walker. Visto pelo planeta.

Aplaudido pelo planeta.

– A Netflix com faturamento gigantesco ameaça o negócio da TV.

DESIGN de A a Z |

A queda de audiência de quem ainda protege o modelo de negócios no Brasil. Os bureaus de mídia pelo mundo e o jeito como a própria disciplina tem se reinventado, com aprofundamento de ROI e mensuração, mídia programática, customização de canais, etc.

– Indústria automotiva em pânico (e excitação) com os carros que andam sozinhos. Os Ubers que andam sozinhos.

Os drones que levam pessoas pelos céus. Os drones Uber que farão a humanidade chegar no De Volta para o Futuro. O Google é concorrente e/ou parceiro de todo mundo. Até de você. Indústria alimentícia repensando tudo. Bancos, Imóveis, Escolas, Supermercados.

– A morte de todos os tipos de agentes, que não faziam nada mais que ser agentes. Corretores de imóveis, agências de turismo, operadora de hotéis, cartões de crédito tradicionais, cooperativa de táxi. Fim dos intermediários que não tem um valor além de, simplesmente, intermediar.

– Falência moral e/ou financeira das instituições duras: Fifa, governos e classe política, Sindicatos, Grupos disso ou daquilo.

O Vaticano, por exemplo, tenta desesperadamente com o Papa Francisco se conectar a outros tempos, outros valores, sobreviver.

– Os Youtubers e influencers com mais reputação, audiência e moral que os velhos atores de sempre, da novela de sempre.

Qualquer um pode ser a nova sensação do último minuto da próxima semana. Blogs de alguns clubes de futebol fazem trabalho muito mais sério e relevante que muitos (falsos) jornalistas mumificados nas arcaicas editorias com interesses comerciais. Vemos hoje tentativas da TV de incorporar linguagens de internet (Adnet é um bom exemplo). Antes tinha um papo de “isso é coisa pra internet”. Acabou.

91

92 | DESIGN de A a Z

Ninguém entra mais na internet. A vida é uma internet.

E diante de toda essa loucura, a primeira tentativa é a mais banal: protecionismo. CBF peitando a Primeira Liga com ameacinha coronelista, boba, colegial.

TV’s tentando apavorar a Netflix. Processos contra o Whatsapp.

Taxistas enfiando porrada no motorista do Uber.

Em vão. É tipo o velho casamento, que só se mantinha por causa de um papel. Separar era feio, e isso protegia a instituição casamento (e nos bastidores todo mundo fazia de tudo).

Protecionismo é coisa do século velho.

O negócio é: Entenda a mudança e, como diz a Dori pro Nemo, o peixe: “Continue a Nadar”.

Perdemos, playboy.

O seu jeito de fazer não funciona mais. O que você faz será feito de outro jeito.

A proposta de valor da sua empresa não será a mesma. A ferramenta não será a mesma. A estrutura da empresa ou necessidade dos clientes não será a mesma.

O velho planejamento e o planejar não funcionam mais.

Mas cá entre nós, que tesão viver nesse mundo, não?

Nunca foi tão fácil aprender.

Nunca foi tão acessível se conectar com gente que pode ajudar. Nunca foi tão interessante mensurar Nunca foi permitido errar como se pode errar e corrigir hoje.

Nunca foi tão convidativo e rápido mudar, rever, construir.

Enfim. A mudança é forte e rápida.

De alguma maneira, ela irá chegar até você.

E por isso você já está demitido.

Demitido do seu velho você. Do que ele fazia, pensava e agia.

DESIGN de A a Z |

E, na minha opinião, esse é o primeiro passo para que alguma transformação aconteça. Precisamos profissionais pra transformar, por exemplo, as agências.

Dar uma nova perspectiva, sustentabilidade e relevância na vida das (novas) companhias. esgatar o respeito, o papel, a estratégia, o espaço, o talento, a motivação.

Vamos assistir todo mundo querendo ir trabalhar em qualquer outra coisa? A fonte secar? Saber que estamos ameaçados pode ser um combustível pra nos fazer acordar mais cedo, prototipar coisas, tentar o que ninguém tentou. Inverter ou subverter a lógica. Cruzar agência de propaganda, lab de inovação, startup, academia, engenharia, tudo! Chamar a responsa.

Percebemos e repensamos. Ganhamos uma nova vida.

Muito mais legal, inspiradora, e em busca de ter maior relevância.

Uma vida que quer se plugar num mundo mais flexível, inspirador, democrático, orgânico e de possibilidades infinitas.

Sem a demissão, nada aconteceria.

Semana que vem, um projeto que faço parte vai pro ar. Pra inspirar a gente a repensar a gente.

Afinal, esse mundo dá, ao mesmo tempo, medo e tesão.

A questão é: Você vai abraçar sua demissão virtual e começar a tentar mudar? Ajudar sua empresa nisso? Caminhar, evoluir?

O resto é fé. E choro.

93

Impresso pela Editora Pages em papel couché 120g/m².

Trabalho realizado para Fundação Armando Álvares Penteado Dezembro 2016