ABC do design

ABC do Design

Livro.indd 1

01/12/16 08:36

Livro.indd 2

01/12/16 08:36

ABC do Design

Livro.indd 3

01/12/16 08:36

Melissa Viscardi

Livro.indd 4

01/12/16 08:36

ABC do Design

Livro.indd 5

01/12/16 08:36

© 2016 Melissa Viscardi TÍTULO ORIGINAL ABC do Design DIAGRAMAÇÃO Melissa Viscardi FOTOGRAFIAS Acervos desconhecidos REVISÃO Cláudio Ferlauto Dados Internacionais de Catalogação na Publicação (CIP) (Câmara Brasileira do Livro, SP, Brasil) Viscardi, Melissa ABC do Design / Melissa Viscardi - São Paulo Editora Kaballah, 2016 Design - Tipografia - Produção Gráfica - Geral 02-5688 . CDD-385.4721 Editora Kaballah R. Armando Alvares Penteado, 930 071298-017 | São Paulo, SP- Brasil (11) 3666-0764 www.editorakaballah.com.br Copyright © 2016 Melissa É PROIBIDA A PRODUÇÃO Nenhuma parte desta obra poderá ser reproduzida, copiada, transcrita ou mesmo transmitida por meios de eletrônicos ou gravações, sem a permissão, por escrito, do editor. Os infratores serão punidos pela Lei Nº 9.610/98.

Impresso no Brasil, 2016

Livro.indd 6

01/12/16 08:36

Para todos aqueles que sabem a importância de um designer.

Livro.indd 7

01/12/16 08:36

Sumário Introdução 9 História do design 11

Livro.indd 8

Tipografia

23

Tipografia 2

37

Empreendedorismo

41

Produção gráfica

47

Representação gráfica digital

61

DG

73

DG 2

81

01/12/16 08:36

Introdução

Nos dias de hoje não da para imaginar nada que não há design, tudo o que conhecemos, o que olhamos, passou por um longo estudo e projeto que resultou a isso e neste livro você vai aprender como tudo é feito, pensado e planejado, com problemas e soluções.

O designer pode atuar em diversos segmentos de mercado, e aqui você vai descobrir em quais são eles, de onde eles tiram suas ideias, com referências e ilustrações.

Com ensinamento desde o tema da tipografia até como montar seu próprio negócio no ramo do design.

Cada capítulo com um novo aprendizado e suas diferentes técnicas.

Livro.indd 9

01/12/16 08:36

Capítulo 1 HISTÓRIA DO DESIGN

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

Livro.indd 10

01/12/16 08:36

11 | História do Design

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.

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” .

Livro.indd 11

01/12/16 08:36

ABC DO DESIGN

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 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

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 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, tornando-as mais 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 confiabilidade(...)”.

Livro.indd 12

01/12/16 08:36

13 | História do Design

O Transepto a partir da Grande Entrada, lembrança da Grande Exposição

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 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.”

Livro.indd 13

01/12/16 08:36

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 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. 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, tornando-as 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 (...)”

Livro.indd 14

01/12/16 08:36

Palácio de Cristal, exibição de 1851

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 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.”

Livro.indd 15

01/12/16 08:36

ABC DO DESIGN

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)

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. 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 café dos Estados Unidos onde os parisienses se espremiam para degustar soda com sorvete”. (AGEORGES 2008, p. 36)

Livro.indd 16

01/12/16 08:36

17 | Histรณria do Design

Champs de Mars

Livro.indd 17

01/12/16 08:36

ABC DO DESIGN

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.

Torre Eiffel iluminada, exposição de 1889

Livro.indd 18

01/12/16 08:36

19 | História do Design Calçada ambulante, exposição de 1900

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)

Livro.indd 19

01/12/16 08:36

ABC DO DESIGN

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.”

Entrada para Futurama, feira de 1939

Livro.indd 20

01/12/16 08:36

A exposição de 1900 inaugurou um século que será pautado pela inovação tecnológica e pela construção do futuro. As expos subsequentes, realizadas em várias partes do mundo, reafirmaram este posicionamento. Mas nenhuma delas talvez tenha levado a ideia do futuro de maneira tão ousada e completa como a exposição de 1939, realizada em Nova York. Com o slogan “O Amanhã é Hoje”, a feira de 39 foi pautada pela vontade norte-americana de mostrar que os difíceis anos de depressão econômica já tinham sido superados. “Construindo o mundo de amanhã com as ferramentas de hoje”: a nação agora mirava o futuro e mostrava ao mundo que, se havia um país pronto para chegar lá primeiro, estes seriam os Estados Unidos da América. O empenho do governo norte-americano em mostrar seu avanço tecnológico mostrava uma nação sôfrega por adiantar-se no tempo, como se a feira fosse um túnel que levaria a um futuro feliz, de irmandade entre os povos, onde todas as imperfeições seriam sanadas pela tecnologia. As empresas americanas esmeraram-se: no pavilhão da Westinghouse Electric, o público era recebido por Elektro, um robô de aproximadamente 2m de altura que respondia a pequenos comandos e conseguia entabular uma conversa com seu interlocutor. As montadoras de automóveis não ficaram atrás: assim como na mostra de 1900, inovações na mobilidade e no transporte individual e coletivos eram o cerne das questões ligadas à projeção da vida no futuro. A GM apresentou Futurama, cidade projetada pelo designer Norman Bel Geddes, montada em uma imensa maquete que se estendia por mais de 3.000m2. JACKSON nos descreve a experiência com a cidade imaginada: do conforto de poltronas que se moviam, os visitantes podiam ver o mundo em 1960, enquanto escutavam um comentário sobre as virtudes da América do futuro, melhorada pelas autoestradas avançadas e carros sofisticados. Os visitantes saíam por um display dos últimos lançamentos automobilísticos da General Motors e recebiam um broche que orgulhosamente aclamava “eu vi o futuro”. (JACKSON 2008, p. 109)

A feira de 1939 presentificava o sonho pensado em 1851: a crença em um mundo melhor, uma época futura em que a humanidade, sob os auspícios da máquina e da tecnologia, caminharia para uma era de paz e cooperação internacional. A Segunda Guerra Mundial irrompeu antes do término da feira, adiando os sonhos.

Livro.indd 21

21 | História do Design

O século XX: o futuro instaurado pelas Expos

01/12/16 08:36

ABC DO DESIGN

O legado das Expos CLARK ( 2004), comentando a respeito da pintura de Manet sobre a exposição Universal de 1867, afirma que “ninguém acredita propriamente em uma Exposição, pelo menos não na sua pretensão de representar o mundo”.

Difícil concordar com esta afirmação, quando se pensa na história das Exposições Universais. Seus organizadores e público acreditavam nas mostras, nas experiências que elas proporcionavam. Mais ainda, acreditavam no poder transformador destas experiências. O número de visitantes alcançado pelas principais feiras atesta esta crença. Seja pela vontade de se inteirarem do mundo em que viviam, de entender sua época, de pensarem o futuro, os visitantes acorriam às mostras desejando, por instantes, serem raptados da realidade em que viviam, serem transportados para outro espaço, para outro tempo. Quanto aos organizadores, planejar o futuro, trazê-lo para o presente, torná-lo possível em uma brecha do espaço/tempo: as feiras proporcionavam esta ilusão, tão real para muitos.

Em seus oitenta dias de viagem ao redor do globo, Phileas Fogg e Passepartout acreditaram no poder do tempo cronometrado, da ordem, da máquina e conseguiram que o até então impossível acontecesse. Se algum viajante do tempo lhes contasse sobre a futura conversa do robô Elektro com a srª Ellias, em 1939, eles provavelmente não se espantariam.

Mas talvez se perguntassem porque ela teria demorado tanto tempo para

Exposição universal 1867

Livro.indd 22

01/12/16 08:36

23 | História do Design Mapas da exposição universal 1867

Livro.indd 23

01/12/16 08:36

ABC DO DESIGN

Capítulo 2 TIPOGRAFIA

Fundamentos essenciais do design gráfico Marian Bantjes

Livro.indd 24

01/12/16 08:36

Lorem ipsum dolor sit consectetuer adipiscin integer pharetra, nilsc ullamcorper, augue tol egestas ante,vel phartr

Lorem ipsum dolor sit consectetuer adipiscin integer pharetra, nilsc ullamcorper, augue tol egestas ante,vel phartr

Livro.indd 25

25 | Tipografia

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.

Lorem ipsum dolor sit consectetuer adipiscin integer pharetra, nilsc ullamcorper, augue tol egestas ante,vel phartr

Lorem ipsum dolor st consectetuer adipiscn integer pharetra, nioc ullamcorper, augue to egestas ante,vel phart

01/12/16 08:36

ABC DO DESIGN

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.

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.

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

Livro.indd 26

01/12/16 08:36

Livro.indd 27

27 | Tipografia

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 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.

01/12/16 08:36

ABC DO DESIGN

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 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.

Livro.indd 28

01/12/16 08:36

Livro.indd 29

29 | Tipografia

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 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 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.

01/12/16 08:36

ABC DO DESIGN

Crime Tipográfico

a t h e l a s

c h a r t e r

a v e n i r

c o c h i n

Classificação Tipográfica

Humanista

Transicionais

Modernas Sem serifas geométricas

Egípcias

Livro.indd 30

Sem serifas humanistas

Sem serifas transicionais

01/12/16 08:36

Livro.indd 31

31 | Tipografia

Anatomia da tipografia

01/12/16 08:36

ABC DO DESIGN

O mesmo vale para as listas numeradas, e tome cuidado em 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. 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.

Livro.indd 32

01/12/16 08:36

Livro.indd 33

33 | Tipografia

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.

01/12/16 08:36

ABC DO DESIGN

Usando a tipografia

Livro.indd 34

01/12/16 08:36

35 | Tipografia

Livro.indd 35

01/12/16 08:36

ABC DO DESIGN

Livro.indd 36

01/12/16 08:36

37 | Tipografia

Livro.indd 37

01/12/16 08:36

ABC DO DESIGN

Capítulo 3 TIPOGRAFIA 2

Metáforas e tipografia Iñigo Jerez

Livro.indd 38

01/12/16 08:36

39 | Tipografia 2

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.

Livro.indd 39

01/12/16 08:36

ABC DO DESIGN

11 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 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.

Livro.indd 40

01/12/16 08:36

Para mim a metáfora favorita é a do pão e dos pastéis. Ao fazer pão sempre combinamos os mesmo elementos: água, 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.

Livro.indd 41

41 | Tipografia 2

111

01/12/16 08:36

ABC DO DESIGN

Capítulo 4 EMPREENDEDORISMO

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

Livro.indd 42

01/12/16 08:36

43 | Empreendedorismo

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. 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.

Livro.indd 43

01/12/16 08:36

ABC DO DESIGN – 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. Ninguém entra mais na internet. A vida é uma internet.

Livro.indd 44

01/12/16 08:36

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”.

45 | Empreendedorismo

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

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?

Livro.indd 45

01/12/16 08:36

ABC DO DESIGN

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.

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.

Resgatar 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.

Livro.indd 46

01/12/16 08:36

A questão é:

Você vai abraçar sua demissão virtual e começar a tentar mudar?

Ajudar sua empresa nisso? Caminhar, evoluir?

Livro.indd 47

O resto é fé. E choro.

47 | Empreendedorismo

01/12/16 08:36

ABC DO DESIGN

Capítulo 5 PRODUÇÃO GRÁFICA

Produção Katy Brighton

Livro.indd 48

01/12/16 08:36

Livro.indd 49

49 | Produção Gráfica

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.

01/12/16 08:36

ABC DO DESIGN

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 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.

Livro.indd 50

01/12/16 08:36

51 | Produção Gráfica

Livro.indd 51

01/12/16 08:36

ABC DO DESIGN

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: Offsete - 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 gamade 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

Livro.indd 52

01/12/16 08:36

53 | Produção Gráfica

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 para produzir invólucros a vácuo, caixas de sucos, sacos de batatas chips, caixas de cereais, recipientes de iogurte e encartes de jornais.

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.

Livro.indd 53

01/12/16 08:36

ABC DO DESIGN 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 hot-stamping (aplicação de película metálica a quente) por meio de dispositivos próprios posicionados em linha na saída da impressora.

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. Trata-se de uma técnica versátil que permite imprimir sobre uma infinidade de materiais além de superfícies irregulares ou curvas.

Livro.indd 54

01/12/16 08:36

55 | Produção Gráfica

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 a quente (BOPP)

Livro.indd 55

01/12/16 08:36

ABC DO DESIGN 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.

Livro.indd 56

01/12/16 08:36

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.

57 | Produção Gráfica

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.

Livro.indd 57

01/12/16 08:36

ABC DO DESIGN 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 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.

Livro.indd 58

01/12/16 08:36

Livro.indd 59

59 | Produção Gráfica

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, grampus 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 sempreo seu fornecedor gráfico sobre qual o método de encadernação é mais adequado para seu projeto.

01/12/16 08:36

ABC DO DESIGN

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.

Livro.indd 60

01/12/16 08:36

Livro.indd 61

61 | Produção Gráfica

Padronagem

01/12/16 08:36

ABC DO DESIGN

Capítulo 6 REPRESENTAÇÃO GRÁFICA DIGITAL

Alfabetização visual na prática de design Ellen Lupton

Livro.indd 62

01/12/16 08:36

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 inter-relaçõ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 bem-sucedidas 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.

Livro.indd 63

63 | Representação Gráfica Digital

“Temos a tendência de pensar sobre design gráfico em termos de bens finalizados: um cartaz, logotipo, layout ou site executados com minúcia e destreza. No entanto, o design gráfico é também um processo. O design de um artefato surge de um conjunto de perguntas cujas respostas muitas vezes ficam perdidas na obscuridade até que uma solução venha à tona.”

01/12/16 08:36

ABC DO DESIGN

Livro.indd 64

01/12/16 08:36

65 | Representação Gráfica Digital

01/12/16 08:36

Livro.indd 65

ABC DO DESIGN

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.

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 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.

Livro.indd 66

01/12/16 08:36

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.

67 | Representação Gráfica Digital

Sistemas invisíveis

Grides

Livro.indd 67

01/12/16 08:36

ABC DO DESIGN

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 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.

Livro.indd 68

01/12/16 08:36

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 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.

Livro.indd 69

69 | Representação Gráfica Digital

Sentido visual

01/12/16 08:36

ABC DO DESIGN

Livro.indd 70

01/12/16 08:36

71 | Representação Gráfica Digital

01/12/16 08:36

Livro.indd 71

ABC DO DESIGN

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 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.

Livro.indd 72

01/12/16 08:36

73 | Representação Gráfica Digital

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.

Livro.indd 73

01/12/16 08:36

ABC DO DESIGN

Capítulo 7 DG

O corpo do livro Ellen Lupton

Livro.indd 74

01/12/16 08:36

75 | DG

Nos anos 20, 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.

Livro.indd 75

01/12/16 08:36

ABC DO DESIGN

Escrita, tipografia e 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.

Livro.indd 76

01/12/16 08:36

77 | DG

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. 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..

Livro.indd 77

01/12/16 08:36

ABC DO DESIGN

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.

Livro.indd 78

01/12/16 08:36

Livro.indd 79

79 | DG

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 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 idéias.

01/12/16 08:36

ABC DO DESIGN

“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 infinitamente sonora/falante).”

Anotações/explicações (gloss): do grego glossa, glotta, significa língua. 1. Uma breve explicação (como nas margens ou entre as linhas de um texto) de uma palavra ou expressão difícil ou obscura. 2. Uma falsa e, geralmente, errônea interpretação. 3. Um comentário contínuo, acompanhando um texto. Uma anotação/explicação pode ser um elemento oficial numa página ou uma anotação escrita à mão. Livros de biblioteca são geralmente cheios de anotações de diversos leitores.

Um livro é então não somente lido por muitos, mas escrito por muitos.

Livro.indd 80

01/12/16 08:36

81 | DG

Lombada/Espinha: 1. Coluna vertebral. 2. Algo parecido a uma espinha, o eixo chefe ou sustentação principal de um objeto ou organismo. 3. A estrutura de um livro.

Pé: 1. A parte terminal da perna do vertebrado, sobre a qual o indivíduo se apoia. 2. Algo parecido a um pé em aparência ou uso.

Nota de rodapé: 1. Uma nota de referência, explicação, ou comentário, localizado abaixo do texto numa página impressa. 2. Algo que está subordinadamente relacionado a um trabalho maior: comentário.

Apêndice: 1. Crescimento exterior ou processo físico, especificamente o órgão físico apêndice, comumente sujeito à remoção cirúrgica. 2. Material suplementar adicionado ao final de uma peça escrita, consistindo geralmente de tabelas diagramas, glossários, etc.

Cabeçalho/Título: 1. A divisão superior do corpo que contém o cérebro, boca e órgãos dos sentidos. 2. Uma palavra ou série de palavras em geral tipograficamente distintas, localizadas no início de uma passagem, com objetivo de introduzir ou categorizar.

Marcar páginas com uma dobra: O canto da página virado para dentro, especialmente em um livro.

Corpo: 1. A substância física organizada de um animal ou planta, quer esteja vivo ou morto. 2. O organismo morto, cadáver. 3.

O tronco de uma pessoa ou árvore, em oposição à sua cabeça, membros, galhos ou raízes. 4. A parte principal de um trabalho literário ou jornalístico: texto.

Livro.indd 81

01/12/16 08:36

ABC DO DESIGN

CapĂ­tulo 8 DG 2

Fundamentos do design Joseph Galbreath

Livro.indd 82

01/12/16 08:36

Capítulo 6: Design e Tecnologia Gráfica 83 | DG 2

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 tente fazê-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.

Livro.indd 83

01/12/16 08:36

ABC DO DESIGN 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 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.

Livro.indd 84

01/12/16 08:36

85 | DG 2

Livro 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?

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.

Livro.indd 85

01/12/16 08:36

ABC DO DESIGN

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 apropriado para ele.

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

Livro.indd 86

01/12/16 08:36

87 | DG 2

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 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.

Livro.indd 87

01/12/16 08:36

ABC DO DESIGN

Alinhamento à 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.

Alinhamento à 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.

Livro.indd 88

01/12/16 08:36

89 | DG 2

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

Tipografias tradicionais 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. 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?

Livro.indd 89

01/12/16 08:36

ABC DO DESIGN

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.

Livro.indd 90

01/12/16 08:36

91 | DG 2

Processo de design

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.

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.

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

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.

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.

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

Livro.indd 91

01/12/16 08:36

ABC DO DESIGN 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.

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.

Livro.indd 92

01/12/16 08:36

93 | DG 2

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.) Você também pode cortar e alterar o tamanho da imagem dentro do documento, sem afetar o arquivo original da imagem.

Livro.indd 93

01/12/16 08:36

ABC DO DESIGN

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 LOVE Espaço adicional entre “O” e “V” 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).

Livro.indd 94

01/12/16 08:36

95 | DG 2

ESTE TEXTO É EM CAIXA ALTA Sem espaç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 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 [control-shift no PC]) enquanto seleciona o elemento. Isso lhe permite editar ou apagar o

Livro.indd 95

01/12/16 08:36

ABC DO DESIGN

Trabalhando com réguas/sublinhados: 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 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.

Livro.indd 96

01/12/16 08:36

97/// | DG 2

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. [Nos MACs o Print Booklet não vem instalado no sistema.]

Livro.indd 97

01/12/16 08:36

Papel couché 90 g/m ² Dezembro 2016, Brasil

Livro.indd 98

01/12/16 08:36