Anda di halaman 1dari 161

UNIVERSIDADE DO OESTE DE SANTA CATARINA UNOESC CAMPUS DE XANXER

EZEQUIEL BRUNETTO

POCKET BOOK: Projeto Grfico de livro sobre dicas de design editorial

Xanxer 2010

EZEQUIEL BRUNETTO

POCKET BOOK: Projeto Grfico de livro sobre dicas de design editorial

Trabalho de Concluso de curso apresentado ao Curso de Design Habilitao em Grfico, rea das Cincias Exatas e da Terra, da Universidade do Oeste de Santa Catarina, como requisito parcial obteno do grau de Bacharel em Design Grfico.

Orientador: Prof. Carlos Davi Matiuzzi da Silva

Xanxer 2010

EZEQUIEL BRUNETTO

POCKET BOOK: Projeto Grfico de livro sobre dicas de design editorial

Trabalho de Concluso de Curso apresentado Universidade do Oeste de Santa Catarina, como requisito parcial obteno do grau de Bacharel em Design Grfico.

Aprovado em 10 de dezembro de 2010.

BANCA EXAMINADORA

_____________________________________ Prof. Esp. Karina Tissiani Universidade do Oeste de Santa Catarina

_____________________________________ Prof. Esp. Aleteonir Jose Tomasoni Junior Universidade do Oeste de Santa Catarina

_____________________________________ Prof. Esp. Carlos Davi Matiuzzi da Silva Universidade do Oeste de Santa Catarina

Dedico este trabalho minha me Marlene, aos meus familiares e ao professor e orientador Davi por depositar confiana em mim e por toda dedicao e empenho que teve durante toda a trajetria deste trabalho.

AGRADECIMENTOS

Agradeo a Deus em primeiro lugar, por ter me dado a vida e ter me abenoado e me iluminado, ter me dado coragem para superar os obstculos encontrados durante a minha trajetria. A minha me, por sempre estar do meu lado me apoiando e se dedicando ao mximo para me ver feliz. A toda minha famlia pelo apoio e carinho que tem me dedicado. Ao professor e orientador Davi pela coragem, pela confiana que sempre teve em mim, pelo conhecimento, pelas criticas e o incentivo que destes realizao deste trabalho. Aos professores do curso por terem proporcionado durante estes quatro anos dedicao, amizade e incentivo ao meu conhecimento. Aos meus colegas pela amizade construda durante esses quatro anos, pelos momentos de alegria, dificuldades e companheirismo que sem dvidas vou levar para a vida toda.

Voc s ter sucesso na vida quando perdoar os erros e as decepes do passado Clarice Lispector.

RESUMO

O presente estudo se concentra no desenvolvimento grfico de um livro de dicas de design editorial que facilite a busca de informaes a estudantes e profissionais na hora da elaborao de um projeto editorial, especificando a forma correta de diagramar, de escolher as tipografias, as cores, de posicionar as imagens adequadamente, entre outros aspectos. Para a realizao desse projeto houve a necessidade de um estudo mais aprofundado sobre os assuntos que rodeiam o design editorial, dentre eles: design, design grfico, grids, cores e outros. A metodologia utilizada no projeto foi a de Volnei Antonio Matt, que se dedica a produtos grfico-impresso, ela divide-se em oito etapas. Inicialmente,

indispensvel um perodo de reconhecimento dos princpios lgico-informacionais, tcnico-funcionais, esttico-formais e mercadolgicos do produto, identificando o universo no qual est inserido. De posse de todas as informaes necessrias, iniciou a concepo do produto, utilizando-se para isso da habilidade de modelao. Ento, aprimora-se o desenho at chegar soluo definitiva e, por fim, prepara-se o produto para a produo industrial.

Palavras-chave: Design Editorial. Design Grfico. Livro.

ABSTRACT This study focuses on developing a graphic design tips book publishing to facilitate search of information to students and professionals alike in the development of a publishing project, specifying the correct form of diagram, choosing printers, color, position of the images properly, among other things. For the realization of this project was need for further study on issues surrounding the editorial design, including: design, graphic design, grids, colors, and others. The methodology used in this project was to Volnei Antonio Matt, which is dedicated to graphic-printed products, it is divided into eight stages. Initially, a period is essential for the recognition of logical principles, informational, technical, functional, aesthetic-formal and market the product, identifying the universe in which it is inserted. In possession of all necessary information, starts the design of the product, using it for modeling the skill. So, tweaks the design to reach the final solution and, finally, prepare the product for industrial production.

Keywords: Design Editorial.Design Graphic. Book.

LISTA DE DESENHOS

Desenho 1 Takes referentes a quantidades de olhadas do leitor......................... 26 Desenho 2 rea mais valorizada para colocar imagens ...................................... 27 Desenho 3 Pgina direita favorita de anunciantes ............................................ 28 Desenho 4 Posicionamento rtmico ...................................................................... 29 Desenho 5 Como a linha de tipos afeta o espao ................................................ 30 Desenho 6 Sequncia lgica de leitura ................................................................ 32 Desenho 7 reas mais observadas pelo leitor ..................................................... 34 Desenho 8 rea da mancha ................................................................................. 36 Desenho 9 Elementos de um grid ........................................................................ 38 Desenho 10 Sequncia 3 passos de Leads ......................................................... 55 Desenho 11 reas adequadas para inserir cores ................................................ 58 Desenho 12 Desenvolvimento do Grid ................................................................. 116 Desenho 13 Margens ........................................................................................... 132 Desenho 14 Mdulos ........................................................................................... 133 Desenho 15 Grid .................................................................................................. 134 Desenho 16 Sequncia de montagem das folhas ................................................ 148

LISTA DE QUADROS

Quadro 1 Grid retangular ..................................................................................... 39 Quadro 2 Grid de colunas .................................................................................... 40 Quadro 3 Grid modular ......................................................................................... 41 Quadro 4 Grid Hierrquico ................................................................................... 42 Quadro 5 Famlia tipogrfica Sabon ..................................................................... 52 Quadro 6 Significados para as cores ................................................................... 56 Quadro 7 Caractersticas impostas s cores ........................................................ 57 Quadro 8 Algumas complexidades de produtos grfico-impressos...................... 64 Quadro 9 Representao grfica da metodologia proposta ................................. 66 Quadro 10 Especificaes de materiais ............................................................... 86 Quadro 11 Formato Internacional de papel .......................................................... 100 Quadro 12 Formatos mais usados no Brasil ........................................................ 101 Quadro 13 Fontes ................................................................................................ 135 Quadro 14 Dica, cor e imagem............................................................................. 143

LISTA DE ESQUEMAS

Esquema 1 Alinhamento justificado ..................................................................... 44 Esquema 2 Alinhamento esquerda ................................................................... 44 Esquema 3 Alinhamento direita......................................................................... 45 Esquema 4 Alinhamento centralizado .................................................................. 45 Esquema 5 Uso de cores diferentes em texto preto e branco .............................. 47 Esquema 6 Contraste de peso em vrias famlias tipogrficas ............................ 48 Esquema 7 Bloco de texto em itlico ................................................................... 50 Esquema 8 Bloco de texto em bold ...................................................................... 51 Esquema 9 Funes vitais capa........................................................................ 62 Esquema 10 Lista de carter do problema ........................................................... 114 Esquema 11 Lista de necessidades do problema ................................................ 115 Esquema 12 Medida do elemento grfico ............................................................ 137 Esquema 13 Normatizao das cores .................................................................. 138 Esquema 14 Localizao das imagens ................................................................ 140

LISTA DE IMAGENS

Imagem 1 Contra-capa do livro ............................................................................ 72 Imagem 2 Capa do livro ....................................................................................... 73 Imagem 3 Orelhas do livro ................................................................................... 74 Imagem 4 Sumrio do livro................................................................................... 75 Imagem 5 Pgina Dupla do livro .......................................................................... 76 Imagem 6 Pgina interna do livro ......................................................................... 77 Imagem 7 Capa do livro ....................................................................................... 78 Imagem 8 Contra-capa do livro ............................................................................ 79 Imagem 9 Orelhas do livro ................................................................................... 80 Imagem 10 Sumrio do livro................................................................................. 81 Imagem 11 Quebra de capitulo ............................................................................ 82 Imagem 12 Pgina interna do livro ....................................................................... 83 Imagem 13 Pgina interna do livro ....................................................................... 84 Imagem 14 Sobrecapa do livro............................................................................. 87 Imagem 15 Orelhas da sobrecapa ....................................................................... 88 Imagem 16 Capa do livro ..................................................................................... 89 Imagem 17 Sumrio de pgina dupla do livro ...................................................... 90 Imagem 18 Pgina interna do livro ....................................................................... 91 Imagem 19 Pgina interna do livro ....................................................................... 92 Imagem 20 Pgina com imagem sangrada .......................................................... 93 Imagem 21 Pgina dupla do livro ......................................................................... 94 Imagem 22 Pgina interna do livro ....................................................................... 95 Imagem 23 Sumrio do livro................................................................................. 96 Imagem 24 Pgina interna do livro ....................................................................... 97 Imagem 25 Pgina interna do livro ....................................................................... 98 Imagem 26 Encadernao a canoa...................................................................... 104 Imagem 27 Encadernao a lombada quadrada.................................................. 105 Imagem 28 Encadernao com costura e cola .................................................... 105 Imagem 29 Encadernao com tela ..................................................................... 106 Imagem 30 Encadernao mecnica ................................................................... 107 Imagem 31 Teste de mancha para textos ............................................................ 117

Imagem 32 Teste de mancha para textos ............................................................ 118 Imagem 33 Teste de mancha para textos ............................................................ 119 Imagem 34 Teste de mancha para textos ............................................................ 120 Imagem 35 Teste de fontes para texto ................................................................. 121 Imagem 36 Teste de fontes para texto ................................................................. 122 Imagem 37 Teste de fontes para texto ................................................................. 123 Imagem 38 Teste de fontes para texto ................................................................. 124 Imagem 39 Teste de fontes para ttulos ............................................................... 125 Imagem 40 Teste de fontes para ttulos ............................................................... 126 Imagem 41 Teste de fontes para ttulos ............................................................... 127 Imagem 42 Gerao de alternativa para capa e contracapa ................................ 128 Imagem 43 Gerao de alternativa para capa e contracapa ................................ 129 Imagem 44 Fontes utilizadas nas pginas ........................................................... 136 Imagem 45 Posio do elemento grfico ............................................................. 137 Imagem 46 Aplicao dos nmeros de pginas ................................................... 139 Imagem 47 Aplicao de imagem ........................................................................ 141 Imagem 48 Layout de pgina dupla ..................................................................... 142 Imagem 49 Medidas do layout da pgina ............................................................. 144 Imagem 50 Medidas do layout da pgina ............................................................. 145 Imagem 51 Capa e contracapa ............................................................................ 146 Imagem 52 Sumrio ............................................................................................. 147 Imagem 53 Capa e contracapa finalizada ............................................................ 149 Imagem 54 Especificaes e falsa capa .............................................................. 150 Imagem 55 Prefcio e dica 6 ................................................................................ 151 Imagem 56 Sumrio ............................................................................................. 152 Imagem 57 Dica 5 ................................................................................................ 153 Imagem 58 Dica 1 ................................................................................................ 154 Imagem 59 Dica 4 ................................................................................................ 155 Imagem 60 Dica 2 ................................................................................................ 156 Imagem 61 Dica 3 ................................................................................................ 157

SUMRIO

1 INTRODUO .................................................................................................. 16 1.1 TEMA ............................................................................................................. 17 1.2 PROBLEMA ................................................................................................... 17 1.3 OBJETIVOS ................................................................................................... 17 1.3.1 Objetivo Geral ............................................................................................ 17 1.3.2 Objetivos Especficos ............................................................................... 18 1.4 JUSTIFICATIVA ............................................................................................. 18 1.5 METODOLOGIA DO PROJETO DE DESIGN ................................................ 19 1.6 METODOLOGIA DE PESQUISA ................................................................... 19 1.7 ESTRUTURA DA TRABALHO ....................................................................... 20 2 BASES DO CONHECIMENTO ......................................................................... 21 2.1 DESIGN.......................................................................................................... 21 2.1.1 Design Grfico ........................................................................................... 22 2.1.1.1 Design Editorial ........................................................................................ 24 2.1.1.1.2 Forma da publicao impressa ............................................................. 25 2.1.1.1.3 Margens ................................................................................................ 33 2.1.1.1.4 Mancha Grfica ..................................................................................... 35 2.1.1.1.5 Grids ...................................................................................................... 36 2.1.1.1.6 Alinhamento .......................................................................................... 43 2.1.1.1.7 Contraste ............................................................................................... 45 2.1.1.1.8 Tipografias para textos .......................................................................... 49 2.1.1.1.9 Ttulos e Subttulos ............................................................................... 53 2.1.1.1.10 Cores ................................................................................................... 55 2.1.1.1.11 Imagens............................................................................................... 60 2.1.1.1.12 Capas .................................................................................................. 61 3 DESENVOLVIMENTO DO PROJETO DE DESIGN ......................................... 64 3.1 METODOLOGIA DO PROJETO DE DESIGN ................................................ 64 3.2 PROJETO DE DESIGN .................................................................................. 69 3.2.1 Problematizao ........................................................................................ 69 3.2.1.1 Programa Projetual e contrato .................................................................. 70 3.2.2 Compreenso do projeto .......................................................................... 70

3.2.2.1 Pesquisa Diacrnica e anlise dos elementos grficos ............................ 71 3.2.2.1.1 Anlise do Livro Produo Grfica para Designers ............................... 71 3.2.2.1.2 Anlise do Livro: 300 superdicas de editorao, design e artes............ 77 3.2.2.2 Pesquisa Sincrnica e anlise dos elementos grficos ............................ 85 3.2.2.2.1 Anlise do livro O livro da Grfica ....................................................... 85 3.2.2.2.2 Anlise do Pocket Book MDIA ELETRNICA ................................... 95 3.2.2.3 Aspectos mercadolgicos......................................................................... 98 3.2.2.4 Anlise de estruturas materiais e processos produtivos........................... 99 3.2.2.4.1 Montagem e acabamento ...................................................................... 103 3.2.2.4.2 Impresso.............................................................................................. 108 3.2.2.4.3 Impresso OFFSET............................................................................... 110 3.2.3 Configurao do projeto ........................................................................... 111 3.2.3.1 Lista de requisitos e hierarquia dos fatores projetuais.............................. 112 3.2.3.2 Redefinio do problema.......................................................................... 113 3.2.3.3 Modelao final ........................................................................................ 115 4 RESULTADO DO PROJETO............................................................................ 130 4.1 MODELAO FINAL E PLANEJAMENTO GRFICO VISUAL ..................... 130 4.1.1 Normatizao ............................................................................................. 148 4.1.2 Superviso ................................................................................................. 158 5 CONSIDERAES FINAIS .............................................................................. 159 REFERNCIAS .................................................................................................... 160

16

1 INTRODUO

Atualmente com os avanos tecnolgicos tem-se uma verdadeira gama de ferramentas para se comunicar, e registrar os acontecimentos, neste meio o design grfico serve como elo para uma boa comunicao e transmisso de mensagens, sejam elas bidimensionais ou tridimensionais, encontradas em produtos grficos, representados por meio de imagens, cores, entre outros. O papel do designer grfico no fica preso somente em diagramar, criar um bom layout, um projeto grfico deve unir todos os itens, formando um conjunto de elementos visuais, sejam eles textuais ou no, o que dar no final ao cliente uma nova forma de comunicar a sua empresa. Tambm ao designer cabe o papel de elaborar projetos que tragam funcionalidade, inovao e identificao por parte do pblico que se quer atingir, comunicando-os de uma forma clara e nica. Segundo Hollis (2000, p.4),

A principal funo do design grfico identificar: dizer o que determinada coisa, ou de onde ela veio proporcionando a compreenso da mensagem. Sua segunda funo seria de informar e instruir, indicando a relao de uma coisa com outra quanto direo, posio e escala. A terceira funo muito diferente das outras duas, apresentar e promover, proporcionando a reteno da ateno do consumidor ou usurio, tornando desta forma uma mensagem inesquecvel.

Dentro das especificidades do design destaca-se o design editorial, atividade que utiliza de questionamentos sobre o uso correto de regra de diagramao, de alinhamento, tipografia, cores, entre outros elementos. A adio dos mesmos enriquece no s o projeto, mas tambm facilita sua leitura e compreenso. De acordo com Ferlauto e Jahn (2001, p.40) o design editorial constitui um meio de representao de idias, contedos e sentimentos. Tal meio, no entanto, no neutro ou indiferente aos contedos que apresenta, mas coerente e solidrio com esses e com o contexto histrico no qual se manifesta. Por tanto, com a inteno de auxiliar designers, acadmicos e interessados no assunto sobre design editorial surgiu necessidade de desenvolver um guia

17

rpido que os auxilie a diagramar de forma correta, trazendo todas as ferramentas disponveis para no ocorrer erros em trabalhos desse gnero.

1.1 TEMA

Desenvolver projeto grfico de um livro com dicas do design editorial que apresente de forma rpida a soluo de problemas relacionados ao desenho da pgina impressa.

1.2 PROBLEMA

Como desenvolver um projeto grfico editorial que facilite a busca por informaes para auxiliar o dia a dia de designers que trabalham com editorao?

1.3 OBJETIVOS

1.3.1 Objetivo Geral

Desenvolver projeto grfico de um livro de dicas de design editorial que facilite a busca de informaes a estudantes e profissionais na hora da elaborao de um projeto editorial.

18

1.3.2 Objetivos Especficos

Conceituar design e design grfico; Pesquisar sobre design editorial e mtodos para o desenvolvimento do projeto; Avaliar a importncia de se utilizar as tipografias neste projeto; Identificar as tcnicas de diagramao que mais se encaixam neste projeto; Elaborar o Planejamento Grfico visual do livro com informaes sobre o processo de diagramao utilizado por designers grficos;

1.4 JUSTIFICATIVA

O design editorial possui grande importncia nos meios impressos, pois estabelece padres grficos, tais como: tipogrfica, cores, estilo, formas. A adio desses padres grficos enriquece o projeto e facilita o reconhecimento por parte do pblico. Segundo Ferlauto e Jahn (2001, p.65), o design editorial de livros se envolve com o verbal e o no-verbal, desde a formatao da mancha, da escolha da famlia tipogrfica, das ilustraes, das formas e cores que podem ser decisivos para a comunicao com o leitor. A rea grfica est rodeada por inovaes tecnolgicas que geram uma forma incontrolvel pela busca de meios impressos, sendo uma exigncia cada vez maior a qualidade e velocidade da impresso. Atualmente vive-se em um mundo exigente que busca servios de qualidade e de sucesso, para atender s necessidades do mercado, sendo necessrio utilizar elementos visuais e comunicacionais, que aliados ao Design, formam um elo entre o emissor e o receptor. O design de livros uma das multi facetas do design editorial, considerada por muitos uma das reas que define bem o design grfico e talvez a base para a estruturao de publicaes em geral. Para a concretizao de publicaes

19

preciso utilizar fatores como a mancha grfica, famlia tipogrfica, fotografia, cores, formas, que so decisivos na comunicao com o leitor. Pretende-se abordar estes elementos, a fim de agilizar a transmisso de informaes aos estudantes e profissionais, de uma forma rpida, aliado a uma boa comunicao e inspirao para a realizao de projetos editoriais.

1.5 METODOLOGIA DO PROJETO DE DESIGN

Para este projeto, optou-se pela Metodologia Projetual para produtos grficos editoriais de Volnei Antnio Matt. Acredita-se que a mesma seja a mais qualificada ao projeto por se tratar de uma metodologia especifica para produtos grficos editoriais, j que a proposta destina-se a produtos de mdia complexidade, tambm a informao e suporte, no tendo assim a necessidade de adaptaes ao projeto, pois corresponde s devidas necessidade do mesmo com competncia. Porm, Matt (2004) diz que esta metodologia um complemento ao projeto, no dando certeza que haver sucesso; somente se chegar ao produto final com o respectivo sucesso, se houver a ligao das capacidades mentais, habilidades psicomotoras e uma devida dedicao ao projeto.

1.6 METODOLOGIA DE PESQUISA

Para este projeto, trabalhou-se com a metodologia de pesquisa bibliogrfica, do tipo exploratria. A pesquisa bibliogrfica realizada atravs de materiais j publicados, como artigos, livros e materiais disponveis na internet. Para o estudo aprofundado do problema ser utilizado a Pesquisa Qualitativa. Essa pesquisa baseia-se na interpretao dos fenmenos a serem observados, focando-se principalmente na descrio, compreenso e significado da pesquisa. Ela no requer o uso de mtodos, tcnicas estatsticas e suas hipteses so construdas aps a observao, ou seja, da nfase na induo.

20

Para realizar a anlise dos dados ser utilizada a pesquisa de design aplicada, que consiste em gerar conhecimentos para aplicao prtica direcionado solues de problemas especficos.

1.7 ESTRUTURA DO TRABALHO

No captulo 1 est presente os elementos pr-textuais como introduo, tema e problema, objetivos, objetivos geral e especfico, justificativa, metodologia de pesquisa e estrutura do trabalho. Captulo 2 apresenta as bases do conhecimento, envolvendo o design, design grfico, design editorial, e todos seus itens de importncia como formas da publicao, margens, grids e entre outros. Captulo 3 apresenta-se o desenvolvimento do projeto, onde explicado os passos da metodologia projetual para produtos grficos editoriais de Volnei Antnio Matt. E tambm a sua aplicao em etapas no decorrer do trabalho. O captulo 4 apresenta os resultados finais do projeto, como a modelao final e planejamento grfico visual. Captulo 5 expe as consideraes finais do projeto.

21

2 BASES DO CONHECIMENTO

2.1 DESIGN

O termo design vem do latim, designare, que traduzido expressa ambos significados, ou seja, desenhar e designar. Em vrios livros so discutidos os variados significados que o design possui, mas como uma atividade que est em constante evoluo dificilmente conseguimos formular uma definio concreta sobre o assunto. A maioria das definies sobre design dizem que o design uma atividade que trabalha com aspectos estticos e formais, solucionando problemas, atravs de metodologias, pesquisas, que trazem conceitos para serem utilizados nos projetos desenvolvidos. Segundo Denis (2000,p.16),

A origem imediata da palavra design est na lngua inglesa, referindo-se tanto idia de plano, desgnio, inteno quanto de configurao, arranjo, estrutura. A origem mais remota do termo design est no latim designare, verbo que abrange os sentidos de designar e de desenhar.

Ainda para Denis (2000), a palavra design surgiu com a Revoluo Industrial e ganhou seu atual significado a partir da Segunda Guerra Mundial. Foi nesta poca que o design ganhou fora, devido industrializao, onde a mesma foi de grande eficcia na produo em massa e em grande escala. O design possui diversos segmentos determinados pelos produtos que produz, onde cada qual se projeta de acordo com as necessidades impostas pelo mercado. Dentre os segmentos de design destacam-se: design grfico, design editorial, design de produto, design de moda, design de superfcies, design de jias, web design, design de embalagens, entre outros. O design por ser uma atividade interdisciplinar, engloba uma grande gama de conhecimentos e necessita cada vez mais que haja interesse por parte do designer de pesquisar sobre os diversos assuntos que essa atividade trata, para que atenda da melhor maneira possvel s necessidades que cada diversidade nos coloca.

22

O profissional que trabalha com design chamado de designer e esse vende o seu produto atravs da funcionalidade, idias inovadoras e pela esttica, sendo que h uma grande preocupao do designer pela esttica do produto, pois essa vai ser o que vai atrair o consumidor que est mais exigente com o passar dos anos, buscando sempre satisfazer as suas prioridades. A funcionalidade outro fator em que se trabalha mais, pois o consumidor busca a facilidade de manusear, da manuteno mais fcil do produto e que seja mais seguro e confortvel de se usar, ou seja, o designer sempre deve estar atualizado, utilizando as mais diversas ferramentas, sendo elas, idias inovadoras e que atendam as necessidades do cliente. Atualmente o design est sendo utilizado e procurado por empresas e profissionais liberais, pois questiona quem seu pblico, como ele vive, o que consome, com quem se relaciona, estas questes auxiliam no desenvolvimento e elaborao de novos produtos partindo da percepo, desejos e necessidade do pblico alvo. Inserido nas empresas o design pode gerar vantagens competitivas, valores agregados e melhor posicionamento de produtos e marcas com relao aos seus competidores no mercado.

2.1.1 Design Grfico

O design grfico um dos diversos segmentos que est inserido no design, trabalhando a comunicao visual atravs de signos, smbolos, imagens e textos, fazendo com isso uma conexo entre o produto e o pblico a qual se destina. O papel do designer grfico no somente ilustrar, diagramar ou criar um bom layout, pois um projeto grfico deve unir todos estes itens, formando um conjunto de elementos visuais, sejam eles textuais ou no, que dar no final ao cliente uma nova forma de comunicar a sua empresa.

23

Segundo Hollis (2000, p.4),

A principal funo do design grfico identificar: dizer o que determinada coisa, ou de onde ela veio proporcionando a compreenso da mensagem. Sua segunda funo seria de informar e instruir, indicando a relao de uma coisa com outra quanto direo, posio e escala. A terceira funo muito diferente das outras duas, apresentar e promover, proporcionando a reteno da ateno do consumidor ou usurio, tornando desta forma uma mensagem inesquecvel.

O trabalho do designer grfico vai muito alm dos aspectos estticos, das combinaes de cores, smbolos e tipos, j que por trabalhar com informao e comunicao, envolve fatores culturais, econmicos e sociais em seus projetos. Para que uma pea seja de design grfico, de acordo com os aspectos metodolgicos, a mesma deve obedecer a uma metodologia especfica, atravs da qual o profissional possa ter o controle de vrias atividades envolvidas no projeto e possa optar entre alternativas de execuo. De acordo com Villas-Boas (2000) com os aspectos formais, o design grfico uma atividade de ordenao projetual de elementos esttico-visuais que tem como objetivo a expresso atravs da reproduo por meio grfico, alm do estudo dessa atividade e anlise de sua produo. No processo de produo esto: a criao, a ilustrao, a diagramao, a ordenao tipogrfica, a fotografia, dentre outros elementos visuais. J no aspecto funcional, Villas-Boas (2000) refere-se a todo aquele projeto grfico que tem como objetivo comunicar, atravs de elementos visuais uma determinada mensagem que venha a persuadir o observador, guiar sua leitura ou vender um produto, deve ser considerado uma pea de design grfico, como exemplo tem-se embalagens, outdoors, rtulos entre outros. So excludos deste conceito, os projetos que objetivam a comunicao imediata, a usabilidade e aspectos ergonmicos, tais como peas de sinalizao, manuais de instruo e bulas de remdio. Segundo Villas-Boas (2000, p.53), o aspecto simblico o mais sutil, em funo de muitas vezes no ser levado em considerao gerando uma grande confuso entre peas de design grfico e produes relacionadas arte ou ao

24

artesanato. Uma das principais razes pela qual o design grfico busca uma abordagem simblica em funo do processo de fidelizao dos produtos. Ainda para o autor Villas-Boas (2000, p.59)

muito em funo do layout que reveste seu material promocional ou editorial que uma dada mercadoria atribuda de tais e tais valores simblicos na sua relao com outras mercadorias e desta para com os homens e suas relaes sociais.

Assim de acordo com Villas-Boas (2000), o Design Grfico a rea do design que objetiva a comunicao visual. Esta trabalha com aspectos formais, funcionais e simblicos seguindo uma metodologia projetual a fim de estabelecer com o leitor um nvel ideal de comunicao. essencial que o profissional tenha em mente os aspectos, fatores e metodologias que norteiam a profisso, possibilitando assim criar peas grficas que atendam de maneira eficiente soluo dos projetos. O uso de metodologias possibilita ao profissional de design seguir etapas para realizar o projeto, utilizandose de uma ordem lgica, que nos leva de forma confivel e segura resoluo do problema.

2.1.1.1 Design Editorial

O design editorial uma rea ligada ao design grfico e ao jornalismo, onde se realiza o projeto grfico da editorao. Seu objetivo transmitir uma idia ou histria atravs da organizao de elementos visuais, como cores, tipografias, fotos, entre outros, conforme Ferlauto e Jahn (2001) o design editorial constitui um meio de representao de idias, contedos e sentimentos, visto que no neutro ou indiferente aos contedos que apresenta, mas coerente e solidrio com esses e com o contexto histrico no qual se manifesta. Portanto, para o desenvolvimento de um projeto grfico, o design editorial possui ferramentas que auxiliam na diagramao, dando uma sustentao para que

25

o mesmo consiga transmitir idias, sentimentos, contedos capazes de se identificar com o pblico segmentado. De acordo com Williams (2006), a utilizao de softwares no basta para se chegar a um resultado grfico que agrade o pblico, necessrio estudar conceitos e trabalhar com os princpios bsicos do design, como contraste, repetio, alinhamento e proximidade. A unio dos princpios bsicos acarretou em um resultado grfico com maior legibilidade e identificao, pois um auxilia o outro. No planejamento grfico de um livro, leva-se em conta um estudo aprofundado, de como sero dispostas s informaes nas folhas, se ir haver uma legibilidade para o leitor, de como as ilustraes vo estar posicionadas, entre demais aspectos. De acordo com Collaro (2000, p.137), A diagramao de livros contm na sua estrutura todo um estudo, toda uma preocupao, visando ao mximo de legibilidade, tanto dos caracteres e ilustraes como do posicionamento da macha. Esses so alguns elementos essenciais para o desenvolvimento de um projeto grfico editorial, no esquecendo que se deve saber utiliz-los da melhor maneira possvel, conciliando todos os elementos de uma forma coerente e que consiga transmitir a mensagem adequada ao pblico adequado.

2.1.1.1.2 Forma da Publicao Impressa

Quando se faz referncia forma da publicao, se expe como a pgina compreendida pelo leitor e a distribuio ordenada dos elementos grficos, presentes em jornais, revistas, livros, entre outros. Sendo assim, o tamanho de uma pgina influncia nos nmeros de takes realizados por uma pessoa. Os takes referem-se quantidade de olhadas que o leitor realiza em um impresso.

26

Desenho 1: Takes referentes a quantidades de olhadas do leitor.


Fonte: White (2006,p.4).

Segundo, White (2006, p.4), a revista aberta pode ser absorvida em um s take, porque nossa viso perifrica abrange a coisa toda a uma distncia normal de visualizao. Contudo, a distncia com a qual segurada que prejudica a escala das coisas dispostas na pgina. O leitor ao observar um livro atrado pela capa, pois ela desperta grande influncia e agua a curiosidade sobre o que h de interessante no contedo, fazendo com que analise o sumrio e busquem descobrir os assuntos que ela aborda. Outro elemento que pode dispersar o leitor a rapidez com que o mesmo folha as pginas. Para White (2006, p.4), a pgina isolada no uma unidade em si [...], ela enviada ao receptor como uma simples metade da forma dominante do produto uma pgina dupla aberta. Ao utilizar pgina dupla deve-se ter ateno redobrada, pois a mesma no plana, ela se apresenta em duas partes e feita de um material dobrvel e curvo, tornando-a fina, frgil e dobrvel. White (2006) coloca que o processo fsico de manipular pginas de papel est combinado com as reaes daquilo que percebido. No momento em que h

27

necessidade de fixar as pginas de um livro em sua lombada, a metade interna fica escondida, fazendo o leitor folhar as pginas do livro e decidir abrir para visualizar a dupla aberta. Portanto, sempre coloque o que voc tiver de melhor na metade externa, pois nessa rea que a maioria dos leitores d suas rpidas espiadas de acordo com a figura abaixo.

Desenho 2: rea mais valorizada para colocar imagens.


Fonte: White (2006, p.5).

White (2006) relaciona que as reas mais valorizadas da pgina dupla so o canto superior esquerdo e o canto superior direto, pois so essas as reas que os leitores mais observam. A parte menos valorizada de uma dupla o rodap da pgina, perto da dobra.

Os leitores concentram-se na parte superior das pginas quando esto encaminhando uma revista ou newsletter. Ao folhearem as pginas, fixam o olhar na parte de cima e movem a cabea de uma lado para o outro, porque mais rpido, mais fcil e d menos trabalho para o pescoo do que de cima para baixo. White (2006, p.6).

28

A forma como so distribudos os elementos na pgina, depende de como os leitores observam-na, conforme White (2006, p.6), as pginas esquerdas devem ser dispostas de modo diferente das direitas, para aproveitar ao mximo as reas que potencialmente captam mais a ateno dos olhos. As pginas direitas so bastante requisitadas pelos anunciantes. Isso demonstra-se no momento em que os leitores esto segurando e folheando um livro, pois por hbito a pgina direita segurada com mais firmeza, enquanto que as esquerdas se mexem e dobram.

Desenho 3: Pgina direita favorita de anunciantes.


Fonte: White (2006, p.6).

Segundo Collaro (2000), as pginas esquerdas so ideais como espao editorial, pois so nelas que se localizam as primeiras letras de nossas manchetes e as fotos fascinantes que podero fisgar a ateno do leitor. Para que o leitor no tenha que interromper a leitura de uma matria e pular para o final, recomendvel trabalhar a matria de cima para baixo e no ao contrrio, s assim o leitor ter um pensamento e concentrao, continuar sem haver quebra. O desenho 4 demonstra o desenho lgico da rea de ocupao.

29

Desenho 4: Posicionamento rtmico.


Fonte: White (2006, p.7).

O leitor comea a leitura em uma pgina individual atravs do canto superior esquerdo e vai posicionando o seu olhar na diagonal descendente, desde que no tenha algo que o distraia. O desenho 5 ilustra a forma como a linha de tipos afeta o espao da pgina.

30

Desenho 5: Como a linha de tipos afeta o espao.


Fonte: White (2006, p.8).

O modo de organizar elementos no espao afeta a reao do leitor quando ele examina a pgina. Algumas vezes, o designer induzido a criar barreiras artificiais ao invs de conter o espao para instigar a apreciao pela leitura. Segundo White (2006), para solucionar o problema com as barreiras o mais indicado, simplificar, unir o texto e alinhar o alto das colunas. Assim os leitores iro

31

se direcionar para o lugar que esperamos, passando para checar as fotos, chegando para a leitura. A agitao do cotidiano faz com que as pessoas tenham cada vez menos tempo, j que vivem atarefadas. Para o lado do leitor pesa o custo, esforo e tempo investido em folhar algo que seja de resultado interessante para si, em conformidade com esta afirmao, White (2006) descreve que devemos editar e desenhar em duas pistas:

1- A pista rpida: mostra o valor da mensagem revelando seus trechos significativos ao primeiro olhar. 2- A pista lenta: que devemos nos aprofundar, podendo ler somente os contedos que nos interessam.

Outros subsdios necessrios publicao referem-se explorao e a exposio, sendo que os ttulos dentro de um material editorial devem ser escritos por primeiro, pois so responsveis por atrair o leitor e promover a venda. Entretanto, no isso que anda acontecendo, os ttulos, juntamente com os outros elementos esto ficando em segundo plano, fazendo com que o leitor perca o entusiasmo pela leitura, uma vez que o ttulo o elemento mais importante. White (2006, p.11) coloca alguns pontos a serem utilizados para obter destaque de ttulos:

1- Um verbo de ao. Isso fora quem escreve a pensar em termos de


ao e resultados.

2- Incluir a palavra mgica VOC em algum lugar, de alguma forma, falada


ou implcita. Isso fora quem escreve a moldar a matria ao leitor.

Ao formular os ttulos, deve-se pensar muito, pois muitas vezes cria-se sem pensar, no importa se incluem belos jogos de palavras ou se so geis e inteligentes. Se a matria no atrair o interesse do leitor, no vai ser lida. Segundo White (2006), na mente do leitor foi criada uma seqncia lgica de leitura, que o mesmo utiliza para ler qualquer produto editorial. O desenho a seguir demonstra essa sequncia.

32

Desenho 6: Sequncia lgica de leitura.


Fonte: White (2006, p.11).

Segundo White (2006, p.12), as imagens envolvem o observador por meio da emoo e da curiosidade. No momento que estamos manipulando imagens devemos produzir compreenso a primeira vista e s poderemos exagerar graficamente, se a mesma no perder o significado. A utilizao de grficos e tabelas substitui longas descries, tornando em algo rpido de visualizar. As palavras transformadas em imagens colaboraram para atrair melhor a edio. As imagens devem ser posicionadas sobre o ttulo, despertando o interesse do leitor. O ttulo deve ser colocado abaixo da imagem como se fosse uma legenda, desse modo o leitor se direcionar para o texto com um interesse maior. Nunca deixe de publicar uma foto sem legenda e sempre a posicione no lugar onde o leitor est acostumado a v-la. Os blocos de elementos curtos atraem mais do que longos, os trechos curtos so menos cansativos ao leitor do que os longos, tornando a leitura mais rpida e agradvel.

33

De acordo com White (2006, p.13) barras laterais fragmentam material de apoio em matrias subsidirias. Define cada boxe com seu prprio ttulo e acrescente seus prprios fatos [...]. Um boxe subsidirio conta onde aconteceu, e o outro quando. A rapidez na hora de identificar uma matria essencial e, atravs do ttulo, olho e subttulos, que o designer consegue tal propsito, pois os subttulos tm de definir o tema central do material, por isso torne-o mais claro, mais longo e mais informativo ao leitor, que busca informaes claras e rpidas, que possa obter com facilidade e sem esforo algum e nisso que o espao colabora. As pginas no so elementos individuais isoladas, uma trabalha com a outra, criando um conjunto harmonioso de leitura. As primeiras coisas as quais o designer deve pensar, antes de realizar um projeto grfico, so a tipologia adequada, fotos, cores e se ficaram posicionadas agradavelmente ao olhar do leitor. Aqui est o erro maior, deixamos de lado outro ponto importante, o fundo sobre qual ser impresso. O papel no algo sem importncia, ele deve ser usado como participante funcional no processo de comunicao. Quando o leitor comea a leitura, quem assume o comando a informao e, levar os leitores a uma boa compreenso do que esto lendo s o primeiro desafio. Dessa forma o espao tem suma importncia, pois quando bem utilizado, estimula o leitor a seguir com a sua busca pelo aprendizado.

2.1.1.1.3 Margens

As margens nada mais so do que molduras criadas para preencher pginas de uma publicao. White (2006) diz que o padro mnimo da largura de uma margem de meia polegada, com isso teremos a segurana de que nada ser cortado aps a publicao ser encadernada. As larguras das margens internas so afetadas no momento da encadernao. Portanto, deve-se ter cuidado com a tipologia, evitando que a mesma fique escondida na dobra em publicaes maiores, deixando a margem de dentro maior do que o normal. Segundo White (2006, p.57), as publicaes de lombada

34

grampeada e de lombada quadrada podem ter margens internas mais estreitas, mas as de espiral na lateral precisam quase do mesmo espao generoso que as de trs furos ou de encadernao mecnica. As partes de fora das pginas so as reas mais observadas pelo leitor, por isso sempre recomendvel colocar o contedo que se deseja dar destaque nessa rea, como mostra o desenho abaixo:

Desenho 7: reas mais observadas pelo leitor.


Fonte: White (2006, p.57).

Para dar destaque a uma foto ou reportagem, aumente o sangramento, pois na cabea do leitor o sangramento aumenta a pgina, ou seja, o campo de leitura. Segundo White (2006), quando houver necessidade abaixe a margem superior, pois quanto mais o texto sobe na pgina, mais parece opressiva e agressiva. Entretanto, quando a margem superior est abaixo, d uma sensao de tranqilidade e leveza ao produto editorial. White (2006) cita que para a definio das margens de um produto editorial, aconselhvel seguir as seguintes etapas:

35

Desenhe linhas diagonais; Coloque as margens externas onde achar que devem ir; Onde elas cruzarem as diagonais devem ficar as margens superiores; A margem da dobra deve ter metade da largura da margem externa; Nos pontos em que suas linhas cruzarem a diagonal, devem ser posicionadas as margens superiores;

White (2006) coloca que deve-se ser ousado e criar um contraste entre o alto das colunas alinhado e o p desalinhado e que quando os altos das colunas estiverem bem alinhados, os ps escalonados ganharo vitalidade, isso mostra que nada foi feito sem inteno.

2.1.1.1.4 Mancha Grfica

White (2006) define mancha grfica como sendo a rea limite onde o texto ser impresso. A mancha emoldurada por margens brancas de meia polegada, sem impresso e que podero receber impresso em toda a sua rea, at os limites de seu formato. Segundo White (2006), a principal funo da mancha grfica garantir que nada importante seja excludo no momento que a pgina seja impressa. As imagens podem atravessar as margens e quando esses elementos vazam para a margem chamamos de sangria. Conforme desenho 8 pode-se observar onde fica localizado a mancha grfica de uma pgina.

36

Desenho 8: rea da mancha.


Fonte: White (2006, p.44).

2.1.1.1.5 Grids

Samara (2007) define grid tipogrfico como um sistema de planejamento geomtrico que divide a informao em partes e ajudam o observador a entender o significado entre os elementos informativos, sejam estes imagens ou palavras. Ainda para Samara (2007, p.22), um grid, entre outras coisas, ajuda a resolver problemas de comunicao de alta complexidade. As vantagens em trabalhar com grids so clareza, eficincia, economia e a identidade que o mesmo traz ao projeto grfico editorial. Ainda para a autora, o grid

37

introduz uma ordem padronizada ao layout, diferenciando tipos de informao e colaborando com uma leitura mais fcil. Samara (2007, p.23) descreve que, construir um grid eficaz para um determinado projeto significa destrinchar cuidadosamente seu contedo especfico, em termos das qualidades visuais e semnticas do espao tipogrfico. Para auxiliar na construo de uma estrutura adequada, o projeto de um grid depende de duas fases de desenvolvimento. Ainda para a autora, a primeira fase consiste em avaliar as caractersticas informativas e as exigncias de produo do material. Essa fase de extrema importncia, pois nela que vo ser previstos eventuais problemas no momento da diagramao, tais como: ttulos compridos, corte de imagens e espaos vazios por falta de material. A segunda fase, trata em dispor o contedo de acordo com as diretrizes montadas no grid. importante ressaltar que o grid nunca pode se sobressair a informao, pois sua tarefa oferecer uma estrutura concisa sem destruir a composio. Um grid pode oferecer infinitas formas de diagramar uma pgina, mas s obtido quando testamos o grid at o limite. Para Samara (2007, p.24), um grid realmente bom cria infinitas oportunidades de explorao. Existem vrios tipos bsicos de grid, cada qual se destina a resolver determinados problemas. O primeiro passo verificar qual estrutura ser capaz de resolver as necessidades do projeto. De acordo com Samara (2007) um grid formado por: colunas, mdulos, margens, guias horizontais, zonas espaciais e marcadores. Conforme o desenho 9 pode ilustrar.

38

Desenho 9: Elementos de um grid.


Fonte: Samara (2007, p.25).

No momento em que inicia-se a diagramao, seja ela de um livro, revista ou jornal, h disponvel alguns tipos de grids, o grid retangular, o de colunas, o modular e o hierrquico. Samara (2007) descreve que o grid retangular ou manuscrito a estrutura mais simples. Foi desenvolvido a partir dos manuscritos tradicionais que mais tarde resultaram na impresso de livros. Sua tarefa ordenar um longo texto corrido, como um romance. O grid retangular tem como tarefa criar conforto e estmulo para evitar cansao visual, assim conseguir manter a ateno do leitor. De acordo com Samara (2007, p.26), uma maneira de criar interesse visual ajustar as propores das margens. Os grids retangulares tradicionais utilizam margens de larguras

39

simtricas, mas possvel utilizar a estrutura assimtrica, pois a mesma oferece mais espao em branco, ajudando o leitor a descansar a viso. Para Samara (2007), no deve ser esquecido jamais de trabalhar com o tamanho dos tipos, o espaamento e as margens. O quadro 1, mostra a estrutura de um grid retangular.

Quadro 1: Grid retangular


Fonte: Samara (2007,p.26).

Ao descrever sobre grid de colunas, Samara (2007), classifica-o como sendo muito flexvel e que pode ser usado para dividir diversos tipos de informao. A definio da largura das colunas depende da fonte utilizada no texto principal e o seu objetivo determinar uma largura que acomode uma quantidade razovel de caracteres. A autora coloca ainda que se a coluna for muito estreita, provavelmente haver quebra de palavras, e ser difcil chegar a uma textura uniforme. O grid de colunas pode ser composto, ou seja, formado por diferentes grids, cada um destinado a um tipo de contedo. Em um grid de colunas, existe uma estrutura dependente, definida como guias horizontais. Essas guias permitem fixar em uma

40

pgina quebras de textos ou imagens e criar faixas horizontais em toda a sua extenso. O quadro 2 ilustra a estrutura de um grid de colunas.

Quadro 2: Grid de colunas


Fonte: Samara (2007, p.27).

Ao falar de grid modular, Samara (2007), define como sendo um grid de colunas com muitas guias horizontais, criando uma matriz de clulas, os mdulos. Esses mdulos definem um campo de informao que estar inserido no grid. Podemos utilizar os grids modulares para coordenar sistemas de publicao, sem deixar de lado os grficos, formulrios, diagramas ou sistema de navegao. Alm de ser prtico, entre os anos de 1950 e 1980, o grid modular desenvolveu um padro esttico e conceitual associado ordem poltica e social, derivado da concepo racionalista da Bauhaus e do Estilo Internacional Suo. No quadro 3, pode-se ver como um grid modular.

41

Quadro 3: Grid Modular.


Fonte: Samara (2007, p.28).

O grid hierrquico, para Samara (2007), pode ser definido como sendo uma abordagem orgnica da ordenao dos elementos e da informao. Simplificando, seria um grid que se adapta s exigncias da informao, a estrutura em si alterada conforme necessidade, a largura das colunas e entrecolunas podem variar. A pgina de internet um exemplo do uso do grid hierrquico, isso se deve ao contedo dinmico da maioria dos sites e ao redimensionamento das janelas que exigem flexibilidade na largura e no comprimento, impedindo a abordagem estritamente modular, mas continua a requerer a padronizao das reas de exibio. No quadro 4 apresentada a estrutura do grid hierrquico.

42

Quadro 4: Grid Hierrquico


Fonte: Samara (2007, p.29).

Quando se diagrama um material editorial, ocorre sempre algum problema, que requer uma estrutura de grid que trate de suas especificidades. Um grid classificado como bom se disponibilizar infinitas possibilidades de explorao, mas mesmo assim melhor infringir o grid. De acordo com Samara (2007), um grid s funciona realmente se o designer vai alm de sua falta de opes e a utiliza para criar uma narrativa visual dinmica capaz de manter o interesse ao longo das pginas. O maior risco do grid perecer sua regularidade, afinal quem cria um layout sem graa no o grid, o designer.

43

2.1.1.1.6 Alinhamento

O alinhamento a organizao de colunas de texto com bordas duras ou suaves, quando utilizado de forma incorreta, pode tornar uma pgina desorganizada e confusamente diagramada. Segundo, Williams (2006), nada deve ser colocado em uma pgina, sem haver necessidade, cada elemento deve ter um elo visual com outro elemento existente na pgina. O alinhamento em uma pgina torna os elementos mais coesos e estruturados. Mesmo os elementos estando separados, quando alinhados, haver uma linha invisvel conectando-os, realizando uma juno entre olhos e mente. O mesmo possui um estilo que pode conduzir a resultados com qualidade ou prejuzo ao design da pgina. Tanto que devemos utilizar as formas de alinhamento existentes, o alinhamento justificado, o alinhamento esquerda, o alinhamento direita e o centralizado. Desta forma o alinhamento justificado nos d a impresso de pgina limpa, pois se faz uso dos espaos desprovidos, resultante do comprimento da linha ser muito curto em comparao ao tamanho do tipo. Como auxlio para proporcionar uma organizao melhor das linhas, aconselhvel utilizar o espacejamento. O espacejamento faz com que haja uma organizao e elo entre as linhas. Ao descrever sobre alinhamento justificado, Lupton (2006), introduz que existem dois tipos de texto, o bom e o ruim. bom, porque produz uma forma limpa na pgina e utilizado como norma em jornais e revistas de textos longos, pois os mesmos se utilizam do espao. ruim pelos vazios feios que podem surgir atravs da insistncia em utilizar textos em colunas com o mesmo comprimento, sendo possvel escolher uma famlia tipogrfica menor, assim cabero mais tipos na linha. No esquema 1, pode-se visualizar um exemplo de alinhamento justificado.

44

Esquema 1: Alinhamento justificado.


Fonte: Lupton (2006).

Lupton (2006) descreve que o alinhamento esquerda possui margem esquerda dura, e a direita suave e contribui para que no haja espacejamento irregular. No entanto, o uso do alinhamento esquerda, tem seu lado ruim, acarretando em perca de aparncia orgnica e mau alinhamento. Abaixo segue exemplo de alinhamento esquerda.

Esquema 2: Alinhamento esquerda.


Fonte: Lupton (2006).

Entretanto alinhamento direita, segundo Lupton (2006, p.85), uma variante do alinhamento esquerda, mais familiar. Entre os tipgrafos, sabe-se que o texto alinhado direita difcil de ler porque fora o olho do leitor a achar uma nova posio no incio de cada linha. Por isso, esse alinhamento muito utilizado em legendas, barras laterais e notas marginais, sugerindo semelhanas entre os elementos que compem a pgina. O esquema 3 representa um alinhamento direita.

45

Esquema 3: Alinhamento direita.


Fonte: Lupton (2006).

De acordo com Lupton (2006), O texto em alinhamento centralizado remete ao formal e clssico, simtrico. A tipografia centralizada muito aproveitada em convites, certificados, folhas de rosto e epitfios. O mau emprego do alinhamento centralizado esttico convencional e pode transparecer algo tedioso, esttico e melanclico, por isso utilize dessa composio com extremo cuidado. visualizar um alinhamento centralizado no esquema 4. Pode-se

Esquema 4: Alinhamento centralizado.


Fonte: Lupton (2006).

Todos os tipos de alinhamentos apresentados acima trazem benefcios, assim como, podem causar danos dependendo do trabalho que est sendo realizado, por isso, escolha o alinhamento que mais se encaixa com o seu trabalho.

2.1.1.1.7 Contraste

O contraste ocorre quando h a presena de dois elementos diferentes, contudo quando so um pouco diferentes h conflito. Para Williams (2006, pg.63),

46

o contraste uma das maneiras mais eficazes de acrescentar algum atrativo visual a uma pgina (algo que realmente faa que o leitor queira olhar para ela), criando uma hierarquia organizacional entre diferentes elementos. Na diagramao o contraste utilizado para transmitir interesse ao leitor e ao mesmo tempo auxilia na organizao das informaes dispostas nas pginas. Para se alcanar o contraste, existe vrias maneiras. Williams (2006, p.63) destaca algumas:

Uma letra grande pode ser contrastada com uma pequena; uma fonte em estilo antigo com uma fonte em bold sem serifa; um fio fino com um grosso; uma cor fria com uma mais quente; uma textura spera com uma lisa; um elemento horizontal (por exemplo, uma longa linha de texto) com um elemento vertical (por exemplo, uma coluna estreita de texto); linhas muito espaadas com linhas bem prximas; uma figura pequena com uma figura grande.

O contraste funciona totalmente contra o equilbrio. Ele faz com que haja um desequilbrio, aguando o leitor a iniciar a leitura de qualquer material impresso. A cor outra ferramenta que trabalha com o contraste, pois em tons mais escuros reala ainda mais a informao visual. Para White (2006), a cor um elemento que carrega em sua essncia informaes bvias, mas devemos salientar que as cores quentes so colocadas em primeiro plano, fazendo com que haja interesse imediato, principalmente se essa cor for o vermelho, pois a mesma cria um contraste muito intenso. Enquanto que as cores frias no conseguem sobreviver muito aos nossos olhos. O uso de cores suaves em grandes reas excelente, pois criam um contraste eficaz. Criar contrastes com a combinao de vrias cores fcil, mas somente os olhos que esto acostumados conseguem perceber os contrastes de cor em preto-ebranco. No esquema 5 pode-se presenciar as cores diferentes no texto em preto-ebranco.

47

Esquema 5: Uso de cores diferentes em texto preto e branco.


Fonte: Williams (2006, p.117).

O uso de uma fonte suave, que possua espao entre as letras e entre as linhas cria uma cor e uma textura suave, enquanto que uma fonte bold e sem serifa, cria uma cor escura, com textura diferente. Isso uma caracterstica fundamental na montagem de pginas com muito texto e sem figuras. Williams (2006) coloca que se houver acrscimo de cor em ttulos e subttulos ou em trechos de texto, os leitores ficaro mais interessados a olhar para a pgina, tero uma leitura mais prazerosa e as informaes ficaro mais organizadas. Alm do contraste de cor, h o contraste referente ao peso. Ribeiro (1998) coloca que o peso de uma fonte se refere espessura dos traos e que as famlias de tipos obtida com vrios pesos: regular, bold, semibold, extrabold ou light. Nunca contraste o peso regular com o semibold, sempre coloque o bold mais intenso, pois na combinao de tipos de famlias diferentes, sempre haver uma fonte mais bold

48

do que a outra. Segundo Williams (2006, p.148), o contraste de pesos uma das melhores maneiras de aumentar a esttica visual de uma pgina sem redesenhar algo, mas voc nunca poder alcanar o contraste belo e forte se no tiver uma fonte com traos grandes e fortes. No esquema 6 pode-se observar um exemplo de contraste de peso em uma mesma famlia tipogrfica.

Esquema 6: Contraste de peso em vrias famlias tipogrficas.


Fonte: Williams (2006, p.100).

O contraste de peso uma das maneiras mais fceis de organizar informaes e de atrair os leitores, por isso use-o com cuidado e nos lugares corretos.

49

2.1.1.1.8 Tipografia para textos

A origem etimolgica do termo tipografia surgiu da execuo da imprensa por tipos mveis na Europa, a partir do sculo XV. Segundo Farias (2000, p.15) o termo tipografia definido como o conjunto de prticas subjacentes criao e utilizao de smbolos visveis relacionados aos caracteres ortogrficos (letra) e paraortogrficos (nmeros e sinais de pontuao) para fins de reproduo,

independentemente do modo como foram criados (a mo livre, por meios mecnicas) ou reproduzidos (impressos em papel, gravados em um documento digital). A utilizao das fontes so ferramentas essenciais para os profissionais de Design, a escolha de uma fonte pode afetar as caractersticas de uma pea. Portanto, devemos conhec-las a fundo e sab-las utiliz-las para obter sucesso ao persuadir a querer ler, para White (2006, p.94) a melhor fonte de texto to confortvel que fica invisvel... transparente. A escolha de um tipo deve ter um elo com o assunto, transparecer sentido em semelhana com as palavras. No existem frmulas para a escolha de uma boa fonte, somente o senso comum. Os leitores esto acostumados com o que lhes passam tranqilidade, por isso no fuja muito disso, evite utilizar fontes estranhas e que no transmitam nada ao leitor. As fontes com corpo sem serifa so mais difceis de ler do que as serifadas, mas se os leitores esto habituados a ela, no ser prejudicial utiliz-las. Para garantir a clareza da leitura de fontes com serifa, aconselhvel adicionar um espao extra entre as linhas, colaborando para os movimentos dos olhos de um lado para outro. De acordo com White (2006) ficou provado que palavras em texto com caixa alta so difceis de interpretar e utilizam muito espao, por isso evite-as. O estilo caixa baixa e alta, tambm exige um esforo grande para decifrar e cansa o leitor, fazendo-o desistir ou seguir em frente na leitura. Ainda para o autor, o estilo itlico ou oblquo no recomendvel em textos, em blocos, por isso use-o com prudncia. De acordo com White (2006, p.95), o itlico costuma ser bonito, decorativo e cheio de personalidade. Tambm mais

50

leve que o claro ou redondo por isso no funciona bem para destaques. O esquema 7 demonstra um bloco de texto em itlico.

Esquema 7: Bloco de texto em itlico.


Fonte: O Autor.

Williams (2006) coloca que a fonte em bold, usada em um bloco de texto costuma ser difcil de ler, pois fica montona. Entretanto, o bold ou negrito pode ser til para dar nfase em uma ou duas linhas, por isso, quando for us-lo inclua uma linha para ajudar o olho a se movimentar de um lado para o outro, assim o leitor no perder o seu foco. No esquema 8 abaixo pode-se visualizar um exemplo de bloco de texto em bold.

51

Esquema 8: Bloco de texto em bold.


Fonte: O Autor.

O uso da textura da tipologia de texto um elemento que exerce grande influncia para a escolha. O efeito visual que o uso d em um bloco de texto, tem potencial para ser sedutor e atraente ou depressivo e antiptico. A famlia tipogrfica escolhida deve ser utilizada do comeo ao fim da publicao, trazendo assim simplicidade, personalidade e unidade. Entretanto, Williams (2006), destaca que deve-se utilizar fontes contrastantes para facilitar o trabalho e evitar misturar fontes que possuam desenhos da mesma origem. De acordo com White (2006), as fontes de texto, na sua grande maioria possuem tamanho entre 9 e 12 pontos, dependendo de sua aparncia e no do tamanho dos pontos. Devemos tomar cuidado com os dizeres que texto com corpo 10 excelente, pois h diferena na altura das letras, ento sempre avaliem visualmente para no acarretar em problemas futuros. Para White (2006), o ritmo de leitura deve ser contnuo, mas se houver espaos irregulares entre as palavras, esse ritmo pode ser paralisado, enquanto que o espaamento irregular separa as palavras, deixando-as difceis de ler. O autor nos coloca ainda que, a tipologia invertida, ou seja, branco sobre preto, no agrada

52

e automaticamente reduz em 40% a legibilidade, mas se tiver que utiliz-la, aumente o corpo, colocando-o em negrito e ampliando o espao entre as linhas e diminua o comprimento das linhas, se for possvel. O uso da reduo em um corpo de tipografia deve ser realizado, at que o leitor no se sinta desconfortvel, assim sendo use um corpo suficientemente grande, aumente o seu tamanho, at que no perca a sua nitidez. Segundo Lupton (2006), foi no sculo XIX, que os impressores buscaram semelhana entre histria da arte e a herana de seu prprio oficio, desenvolvendo o sistema de classificao de tipos. A autora classifica as fontes em trs grupos principais: humanistas, transicionais e moderna. As letras humanistas possuem um elo entre a caligrafia e o movimento da mo, uma fonte que pertence a esse grupo a Sabon, que pode ser visualizada no quadro 5.

Quadro 5: Famlia tipogrfica Sabon.


Fonte: O Autor.

Esta fonte foi projetada por Jan Tschichold em 1966 e sua construo foi baseada nas fontes feitas por Claude Garamond. Ainda nesse grupo, Lupton (2006), coloca que as fontes transicionais possuem serifas mais afiadas, so abstratas e

53

que no sculo XVIII, suas formas precisas e seu contraste eram considerados fora do normal. Por ltimo, encontra-se o grupo das modernas, consideradas mais abstratas, orgnicas. Criadas entre o sculo XVIII e nicio do XIX por Giambattista Bodoni. Lupton (2006) comenta que aps a criao desses trs grupos, surgiram os designers que continuaram a criar novas fontes conforme caractersticas histricas. Dentre elas, podemos citar, as Egpcias, as sem serifas humanistas, as sem serifas transicionais e as sem serifas geomtricas.

2.1.1.1.9 Ttulos e Subttulos

Para White (2006), a fonte utilizada em ttulo tem a incumbncia de ser perceptvel e atravs dela que se percebe a lgica visual e a personalidade da publicao. Os leitores que tm cobia por informaes buscam no ttulo o assunto que trata publicao e por lgica, posterior ao ttulo lido o subttulo, se houver e assim sucessivamente. A tipografia do ttulo deve atrair os olhares do leitor, para isso deve ser legvel e compreendida facilmente. Pode-se usar qualquer fonte, desde que a mesma tenha um peso, forma, contraste de cor, maior que o texto e que seja apropriado publicao. Quanto escolha de fonte com ou sem serifa, as duas funcionam bem deste que haja um elo harmonioso entre elas, mas sem exagero. O apropriado seria utilizar fontes que tivessem em suas caractersticas variaes de peso, postura, tamanhos, itlicos, etc. White (2006) coloca que os espaos editoriais se destacaram mais frente aos anncios. Evite utilizar o menor nmero possvel de fontes, fazendo com que o leitor no fique entediado. Os ttulos podem ser curtos ou longos, os dois casos so vlidos. Os longos se forem usados de forma correta tem o poder de provocar o leitor e se forem grandes, procure cuidar bem ao aplicar, pois podem embaralhar a cabea do leitor. Williams (2006) coloca ainda que os blocos de maisculas devem ser evitados, pois so difceis de compreender, j em contrapartida use as maisculas para sobressair um grupo de palavras que meream ateno especial. Os estilos caixa alta e baixa

54

devem ser evitados, pois so difceis de ler, mesmo que estejamos acostumados a ele. Em linhas curtas para tipos grandes, o ideal, segundo White (2006), utilizar composio irregular direita, dessa forma evita-se o espaamento incorreto das palavras, deixando de impedir um fluxo de leitura habitual.

Evite espaos as letras: quanto maior o corpo, mais apertado deve ser o tracking ou entreletra, para permitir que as palavras sejam percebidas rapidamente. White (2006, p.113)

recomendvel evitar ttulos centralizados na vertical e o espao abaixo do titulo deve ser mais limitado do que aquele que separa o ttulo do texto de cima, sendo que quando usado cria mini-espaos esquerda e direita. Colocar linhas uma em cima da outra dispersa a leitura, faz de cada uma delas um elemento auto contido, tornando o movimento do olhar mais lento. O formato no natural e consciente exagera a auto-importncia do titulo, quando deveria ser apenas uma introduo ao texto, que alinhado esquerda, faz com que os leitores no procurem o incio da linha seguinte. Conforme Williams (2006), a variao no tamanho das palavras afeta o seu significado, j que ao ler palavras de diversos tamanhos conseguimos perceber pela entonao da voz, que a mesma perde o seu significado. O Autor ainda determina que o uso de pontos finais e de exclamao no final dos ttulos devem ser evitados, pois possuem a funo de parada. White (2006) cita que a segunda linha do ttulo deve ser mais curta, para que o olho do leitor fique perto do incio do texto, favorecendo a continuao da leitura e, alm disso, sugere-se que evite sublinhar os ttulos, pois pode prejudicar no momento que esto decifrando. A combinao de imagem com ttulo cativante, desde que a imagem fique posicionada acima do ttulo, onde se tornar uma legenda da foto. Ainda para o autor, os leads funcionam como uma ponte que tem uma sequncia de trs passos. Sendo eles: o ttulo (idia bsica), o subttulo (nfase no significado) e primeiro pargrafo (anuncia utilidade).

55

Desenho 10: Sequncia 3 passos de Leads.


Fonte: White (2006, p.121).

Para no perder interesse o subttulo no deve ser desvalorizado, portanto no repita palavras no ttulo e nem cite palavras do texto, isso faz o leitor pensar que est perdendo tempo. O tamanho da fonte do subttulo, dever ser claramente maior que o do texto, demonstrando sua importncia.

2.1.1.1.10 Cores

Farias (2006), define a cor como expresso de uma sensao visual que a natureza nos oferece atravs dos raios de luz emitidos em nosso planeta. Considerando as amplas possibilidades que a cor oferece, pode-se dar nfase no valor esttico aos objetos, tambm agregando significados. O individuo que capta a comunicao visual exerce atravs da cor, uma ao trplice: a de impressionar, a de expressar e a de construir. Segundo White (2006), a cor vista: impressionar o olhar; sentida: floresce a emoo e construtiva, pois tendo um significado prprio, h valor de smbolo e capacidade, colaborando na construo de uma linguagem prpria que expresse uma idia.

56

A escolha de cores deve ser bem analisada e depende de aspectos para serem caracterizadas. De acordo com White (2006), os aspectos so:

Matiz: representa a cor pura, ou seja, a cor que ela . Ex: avermelhados. Saturao: representa o grau de intensidade, brilho e cor. Valor: conhecido como luminosidade, representa a qualidade de ser escura ou clara.

No quadro a seguir, White (2006) apresenta alguns significados para cores:

Vermelho: quente, apaixonado, sangrento, horripilante, incandescente, revolucionrio, ativo, agressivo, amoroso, vigoroso, impulsivo, cru e falido. Cor-de-rosa: carnudo, sensual, prprio de garotas. Laranja: clido, outonal, suave, informal, acessvel, maduro, sbio. Verde: natural, frtil, tranqilizador, calmo, repousante, financeiro, prspero, jovem, abundante, saudvel, invejoso, doente, decadente e siga! Azul: sereno, calmo, leal, claro, fresco, pacifico, tranqilo, excelente, justo, aquoso, higinico, distante, conservador, deliberado, espiritual, relaxante, digno de confiana. Azul-escuro: romntico, lunar, desestimulante, tempestuoso. Marrom: terroso, maduro, obstinado, confivel, consciencioso, impassvel, parcimonioso. Spia: antiquado, esmaecido e velho. Branco: fresco, puro, verdadeiro, inocente, limpo, confivel, simples e honesto. Cinza: neutro, seguro, estvel, maduro, bem sucedido, bem de vida, retrospectivo, discreto, invernal, antigo. Preto: com autoridade, respeitoso, poderoso, forte, presente, prtico, solene, escuro, mrbido, desesperador, malvolo, vazio e morto.
Quadro 6: Significados para as cores.
Fonte: White (2006, p.204).

57

Na escolha das cores, de grande importncia utilizar do bom senso, pois cada cor reage de um modo no psicolgico do ser humano. No quadro a seguir White (2006) expe as caractersticas impostas s cores.

Sequncia do arco ris: vermelho, laranja, amarelo, verde, azul, ndigo e violeta. Cores pastel: azul-claro, rosa-claro, amarelo-claro, cinza-claro.

Feminilidade. So cores percebidas como suaves, amorosas, carinhosas, macias, difusas, sentimentais, primaveris. Cores frescas, limpas: amarelo, azul-claro, verde-claro. Sade.

Lembram gua fresca, gramados midos ao nascer do sol, aromas de limo e lima, frutas recm-colhidas e vida ao ar livre. Cores naturais: cores de terra, tons de marrom, laranja, verde-escuro, vermelho, dourado. Segurana, dependncia. Denotam alimentos

tradicionalmente cultivados em solo orgnico: saudveis e bons para voc, do jeito que a vov fazia. Da a nostalgia, quando combinadas com tipologia e imagens antigas. Cores barulhentas: primrias: vermelho, amarelo e azul; secundrias: laranja, verde, roxo ou prpura. Dominantes. Sua presena vibrante salta at ns. Clamam por ateno, da poderem ser interpretadas tambm como cores agressivas. Cores calmas: quaisquer cores que sejam abafadas e atenuadas. Relaxantes. Vistas como passivas, amistosas, pacficas, retradas. Tendem a mergulhar para o fundo e so preferidas por segmentos mais velhos, mais abastados da sociedade. Cores escuras: preto, cinza, prata, prpura, marrom. Masculinas e sofisticadas quando usadas com conteno, de maneira discreta. Cores elegantes: prateado, dourado, marrom, cinza, castanho, azulmarinho, preto. Alto estilo, finesse, qualidade e alto preo.
Quadro 7: Caractersticas impostas s cores.
Fonte: White (2006, p.205).

58

Para White (2006), a cor tem em seus atributos elementos que auxiliam na comunicao entre o leitor e a publicao. Para dar destaque a cor ela deve ser viva e rara, pois nada adianta agregar cores em lugares em que o leitor no vai fixar o seu olhar, por isso recomendado apresent-la nas margens externas das pginas, como no desenho 11, onde White (2006) demonstra bem as reas que devemos dispor de cores.

Desenho 11: reas adequadas para inserir cores.


Fonte: White (2006, p.206).

A organizao de imagens, textos deve ser feita pelo impacto e visibilidade que se quer transmitir ao leitor e pela quantidade de cor, quanto mais importante, mais colorido. Segundo White (2006), usando cores fortes, saturadas, dominantes, agressivas, as cores quentes parecem mais prximas e brotam aos olhos do leitor, enquanto que as cores claras, tmidas parecem fazer o leitor se afastar. Na questo da iseno de cores em reas grandes, o uso deve ser discreto e leve, em reas menores, a cor deve se apresentar mais viva e brilhante. Considere

59

que a cor de fundo deve ser escolhida antes das demais, os outros tons de cor sero posicionadas com base no fundo. O uso da cor pode ser alm de atraente e decorativo, valioso ao colaborar com o contedo, por isso recomendado dar nfase nos pontos principais do texto, como os pargrafos, destaque-os, classifique-os para que o leitor tenha interesse em ler. Atravs da cor pode-se encurtar os textos, identificando e separando resumos, biografias, sumrios, testes de auto-valiao e desse modo White (2006) introduz que o artigo ocupa a mesma rea, porm d a impresso de conter menos textos, pois foram utilizadas as cores para identificao. Os elementos de imagem da publicao, como numerao de pginas, chapus, rodaps e logos, quando repetitivos em cor, ficam mais fceis, mais legveis e limpas. Segundo White (2006), na publicao, no vantajoso utilizar mais de quatro cores alm do preto, para que assim no haja necessidade de colocar uma chave de cores para explicar o cdigo a cada vez, por isso, se utilizarmos o preto e mais trs cores distintas, elas sero lembradas facilmente, experimente utilizar o mesmo padro de cor, isso demonstra consistncia, enquanto que a variedade divide a publicao. A utilizao de corpo preto sobre fundo colorido faz com que o tom escuro do fundo prejudique a nitidez do corpo preto, enquanto que o corpo branco sobre fundo colorido colabora em uma leitura legvel contra um fundo de cor escura, mas se for branco sobre preto forte demais. O uso de fontes sem serifa visa evitar que fiquem preenchidas de tinta e tambm evitar fontes ultrabold, onde a mesma faz com que fiquem saturadas de tintas. O corpo colorido sobre fundo branco sempre sofre, pois com o contraste escasso, a cor mais clara que o preto e uma forma para compensar, utilizar: cor escura e uma tipografia simples. White (2006, p.213) expe algumas dicas importantes para compensar a claridade da cor: aumente o negrito, aumente o tamanho do corpo, aumente o entrelinhamento, diminua o comprimento das linhas, faa o texto irregular direita [...]. De acordo com Collaro (2000), o uso de tipos coloridos sobre fundo colorido arriscado. Para conseguir resultados ideais, utilize cores que contrastam e evite

60

utilizar cores vivas sobre fundos de cor viva, isso transmite cansao. No elemento tipologia, nunca coloque em preto, branco ou qualquer cor sobre fundo cheio de pontos, pois resultar em total ilegibilidade.

2.1.1.1.11 Imagens

Imagens so registros de acontecimentos que ocorreram em nossas vidas, seu objetivo causar impacto. Elas podem emocionar, despertar lembranas, seduzir, sendo mais que uma simples imagem. A imagem a primeira coisa que observa-se em uma pgina, por isso deve ser usada como um elemento estratgico para atrair o leitor. Alm de originar emoo, so rpidas, instintivas e estimulam curiosidade, introduzem o leitor na informao. A escolha por imagens deve ter algum valor significativo e no somente pela esttica. As imagens com valores significativos devem-se sobressair tanto em tamanho como localizao e as demais servir como apoio. Segundo White (2006, p.144), os leitores potenciais olham primeiro os elementos no verbais, assim se o recurso impressionar primeira vista, ser registrado e tornar a revista mais interessante . As imagens so interpretadas pelo ser humano de um jeito, pois cada um tem uma forma de observ-las. Portanto, explique individualmente cada foto com palavras. As imagens devem ser posicionadas em cima do texto que se refere a elas. White (2006, p.145) coloca que as pessoas olham primeiro as imagens, depois costumam procurar a explicao embaixo delas. Ainda para o autor, ao colocar uma imagem atravessando a dobra, a mesma vai aumentar a escala de impresso e mudar a forma da dupla, fazendo-a parecer imensa. Se houver necessidade retire coisas irrelevantes de uma imagem e deixe somente as significativas. interessante colocar as imagens ao longo da parte superior, pois para onde olha quem folheia pela primeira vez uma publicao. Outro espao que as imagens se destacam na parte de fora das pginas.

61

Enquanto que as imagens sem relevncia devem ficar escondidas no p da pgina, pois poucas pessoas observam essa rea. A direo da imagem deve ser relacionada com sua posio na pgina. O que se observa de cima para baixo fica melhor no p da pgina, o que visto olhando para cima, no alto da pgina. De acordo com White (2006, p.146) essa lgica amplia o impacto e a iluso criada pela pgina e tambm permite obter uma dupla mais poderosa. O fluxo esquerda - direita e virando a pgina dirigindo o olhar para fora da pgina, outro aspecto que se deve enfatizar. A utilizao de molduras em volta de imagens algo que se deve tomar cuidado, pois se forem em bold ou coloridos demais chamaro ateno para si mesmas, mas se usadas devidamente podem dar personalidade e quando leves definem margens de reas leves. O sangramento auxilia para obter maior impacto e fazem a imagem continuar na imaginao para fora e alm do corte. Para White (2006), as fotos de pessoas devem ser espontneas, naturais e no algo formulado, enquanto que os olhos devem ser alinhados, pois equivalem linha do horizonte.

2.1.1.1.12 Capas

A capa tem como finalidade ser a identidade do produto, sendo que a cada publicao as capas buscam divulgar a sua marca, at porque a mesma tem o teor de ser comercial, ou seja, uma vitrine. A capa tem outras funes vitais e interrelacionadas, no esquema 9, White (2006, p.185) destaca algumas.

62

Esquema 9: Funes vitais capa.


Fonte: White (2006, p.185).

A capa pode ser intitulada como sendo um pster ou cartaz para a publicao. As informaes contidas nela passam rapidamente pelos nossos olhos, por isso deve ser pensada em dimenses maiores e mais simples, os outros detalhes da capa, deve-se deixar em segundo plano. A foto um dos elementos essenciais na formao de uma capa, j que ela faz despertar curiosidade e ateno sobre a capa. Segundo White (2006), a cada edio a foto da capa deve ser diferente, demonstrando que a publicao nova, mas que mantm o mesmo estilo, pois a publicao em si j possui reconhecimento por detalhes visuais que as diferem das demais. O formato deve seguir um modelo pr estabelecido, o mesmo j est inserido na mente das pessoas, favorecendo a rpida identificao. Isso no impede que quando necessrio sejam feitas mudanas significativas na capa. O logo outro elemento fundamental, pois ao mencionar o nome imediatamente a imagem vem mente. Segundo White (2006, p.187), tambm o primeiro de uma srie de sinais que precisam ter um aspecto visual consistente para que a publicao fique amarrada, no s no que se refere a ttulos de sees, mas tambm a titulo em geral. Para melhor visualizao, a logo deve ficar no canto superior esquerdo, mas lembrando que somente se for colocado em bancas jornais. Se for em vendas

63

avulsas, onde os assinantes recebem seus exemplares por correio, a logo pode ficar posicionada em qualquer lugar, sem restries nenhuma. Para White (2006), as chamadas da capa so responsveis pela venda, por isso, deixe-a simples e utilize estilo caixa-baixa que favorece a leitura e ocupa menos espao. A fonte utilizada nas chamadas deve corresponder a distncia que ela ser vista, e na chamada central deve ser em corpo maior e o restante no mximo em tamanho 14. Destaca-se ainda o uso das cores na capa sendo mais conveniente usar o monocromatismo, o mesmo evidencia o produto, deixando-o mais harmonioso. O amarelo uma cor que nunca deve ser utilizada, mesmo que cause alta visibilidade. As chamadas de capa no devem se debater e sim contrastar-se com a foto e lembrando que o branco e preto so as melhores, pois so neutros.

64

3 DESENVOLVIMENTO DO PROJETO DE DESIGN

3.1 METODOLOGIA DO PROJETO DE DESIGN

Para o desenvolvimento deste projeto, optou-se pelo uso da Metodologia Projetual para produtos grficos editoriais de Volnei Antnio Matt1. Acredita-se que a mesma seja a mais conveniente ao projeto, por se tratar de uma metodologia distinta para produtos grficos impressos. A proposta da metodologia de haver equilbrio entre dois aspectos, resultando em produtos de mdia complexidade quanto informao e ao suporte. No quadro 7 so demonstradas algumas complexidades de produtos grfico-impressos.

Quadro 8: Algumas complexidades de produtos grfico-impressos.


Fonte: MATT (2004, p.3).

Possui graduao em Desenho Industrial pela Universidade Federal de Santa Maria (1998) e mestrado em Engenharia de Produo pela Universidade Federal de Santa Maria (2002). Doutorado em Engenharia e Gesto do Conhecimento, na rea de Mdia e Conhecimento. Atualmente professor do Curso de Desenho Industrial da Universidade Federal de Santa Maria.

65

Entretanto, Matt (2004) cita que o uso da metodologia no significa que ir proporcionar garantia de sucesso, por se tratar de apenas um auxlio para o desenvolvimento do mesmo, sendo que para se chegar ao pretendido sucesso deve haver uma juno entre capacidades mentais, habilidades psicomotoras e principalmente dedicao. A proposta de metodologia encontra-se dividida em 8 etapas. Inicialmente, indispensvel um perodo informativo no qual so reconhecidos os princpios lgicoinformacionais, tcnico-funcionais, esttico-formais e mercadolgicos do produto, identificando o universo no qual est introduzido. De posse de todas as informaes necessrias, o desenhista-industrial inicia a concepo do produto, utilizando-se para isso da habilidade de modelao. Ento, aprimora-se o desenho at chegar soluo definitiva e, por fim, prepara-se o produto para a produo industrial. Para tanto, o mtodo disposto a partir dos dados essenciais que se apresentam no quadro 8.

66

Quadro 9: Representao grfica da metodologia proposta.


Fonte: MATT (2004, p.6).

A seguir encontra-se as oito etapas da metodologia, explicadas por Matt (2004):

Problematizao: a primeira etapa desenvolvida na metodologia, buscando expor o problema, seguindo para o desenvolvimento do programa projetual e o contrato. Esta etapa permite identificar a necessidade de organizao do trabalho, dando uma viso mais clara e definitiva para o inicio do projeto.

Compreenso do projeto: essa fase demanda do profissional vasta utilizao de suas capacidades mentais e suas habilidades psicomotoras. As etapas a serem cumpridas so pesquisa e anlise, que consistem no desdobramento

67

de entrevistas, questionrios, textos e esquemas que auxiliaro na compreenso do projeto. Pesquisa: a segunda etapa da metodologia consiste em executar pesquisas de mbito diacrnico, sincrnico e de aspectos mercadolgicos envolvidos no projeto, atravs da coleta de informaes textuais e visuais, com a meta de compreender a evoluo e o estado-da-arte dos produtos em questo, em seus aspectos informacionais e fsicos, bem como se inteirar no assunto a ser abordado. Na pesquisa diacrnica e sincrnica, deve-se verificar todo o universo onde est inserido o projeto, passando por toda sua evoluo at chegar ao momento atual. Porm, as pesquisas so realizadas desde produtos idnticos e todos que possuam alguma ligao com o projeto, ou que possuam determinada soluo interessante fornecendo bases projetuais. J a pesquisa em aspectos mercadolgicos baseia-se no reconhecimento do pblico-alvo, dos fornecedores e do processo de comercializao do produto. Anlise: nessa etapa aplica-se o uso da etapa da pesquisa para realizar as anlises propostas com a inteno de dissecar todas as informaes encontradas. Para isto, so necessrias as seguintes anlises: anlise da funo utilitria ou necessidade; anlise de uso ou funes tcnico-fsicas; anlise de estruturas ou materiais e processos produtivos ou custos e, anlise formal e informacional. Deve-se ponderar que essas atividades no podem acontecer isoladamente, pois algumas utilizam os mesmos instrumentos analticos. A anlise da funo utilitria ou necessidade baseia-se em verificar se o projeto ir trazer benefcios e se o suporte ou meio ser o mais conveniente. A anlise de uso ou funes tcnico-fsicas consiste em examinar os produtos coletados para a verificao das suas possibilidades de uso, ciclo de uso, ciclo de vida e distrbios de uso em relao s suas funes tcnico-fsicas, utilizando-se para isso maior enfoque na aparncia fsica do produto. A anlise de estruturas ou materiais e processos produtivos e custos checa os materiais utilizados, processos de produo e realiza um levantamento de custos. A anlise formal ou informacional permite identificar aspectos relacionados forma do produto e de como ele compreendido pelo usurio.

68

Configurao do projeto: nesta etapa, apresentam-se os primeiros desenhos, rabiscos, rascunhos e esboos at que se chegue a um resultado apropriado para ser apresentado ao cliente, lembrando que para chegar nesses resultados a fase anterior deve ser realizada com sucesso, alcanando uma forma adequada.

Definio: esta etapa descreve a construo da lista de requisitos do produto, da hierarquia de fatores projetuais e da redefinio do problema projetual. A lista de requisitos do produto adquirida pelos resultados das etapas anteriores, sendo divididas em: requisitos obrigatrios, desejveis e opcionais. Aps essa atividade, efetuada a hierarquia dos fatores projetuais, que so os fatores de maior ou menor importncia para o desenvolvimento do projeto. Assim sendo, com a realizao dessas etapas possvel perceber quais so as partes que compem seu problema projetual, podendo ento estrutur-lo de forma clara e objetiva, descrevendo a redefinio do problema projetual.

Modelao Inicial: a etapa consiste na criao dos modelos iniciais at os modelos intermedirios do produto. imprescindvel que o profissional modele ao mesmo tempo os aspectos informacionais e fsicos do produto, dando mais liberdade ao mesmo para decidir qual a melhor opo para se chegar aos resultados pretendidos.

Realizao do projeto: essa a ltima fase da metodologia, que consiste na modelao final do produto. Nesse estgio o projeto assume carter de produto industrial, atingindo o modelo em um estgio aprimorado e que posteriormente ser colocado em produo.

Modelao final: nesta fase chega-se ao nvel mximo, ou seja, o prottipo ou modelao do produto, sendo que pode ser revisto por meio das informaes adquiridas anteriormente em apresentaes e avaliaes. Caso o modelo obtido seja considerado apropriado e sem alteraes, pode-se dar seqncia ao projeto, utilizando-se de modelos de apresentao mais exatos e fiis como, por exemplo, os modelos de alta qualidade e provas contratuais, que possibilitam a visualizao mais aceitvel do produto grfico-impresso final.

69

Normatizao: abrange a preparao tcnica do projeto para a produo industrial na qual o projeto caracterizado para a produo. Para ocorrer a normatizao deve haver a codificao, que tem como finalidade a adaptao da linguagem grfica para a linguagem tcnico-produtiva e a descrio tcnica de produo, que define as instrues indispensveis para o processo produtivo.

Superviso: essa a etapa final, que fornece a assistncia para o setor industrial e para o cliente, no que se refere ao apoio tcnico produo e implementao do projeto. uma das etapas mais essenciais, pois tem o objetivo de controlar a qualidade do produto e sua funcionalidade.

Desse modo conclui-se a descrio das etapas da metodologia projetual para produtos grfico-impressos, ressaltando que a mesma no se caracteriza como uma proposta inflexvel, mas adaptvel de acordo com a complexidade e dimenses do projeto a ser concretizado.

3.2 PROJETO DE DESIGN

3.2.1 Problematizao

Desenvolver projeto grfico de um livro de dicas de design editorial, tendo como alvo estabelecer uma melhor comunicao entre profissionais, acadmicos, profissionais de artes grficas que buscam aprofundar-se no assunto.

70

3.2.1.1 Programa Projetual e Contrato

O livro de fundamental importncia para o desenvolvimento das sociedades e para o crescimento intelectual do indivduo. atravs dele que se registram informaes importantes e que so repassadas aos nossos descendentes, atuando como forma de comunicao. O intuito desenvolver um projeto grfico de um livro de dicas de design editorial, que busque esclarecer as dvidas que profissionais e estudantes possuem sobre o assunto, apresentando ferramentas que lhes auxiliaro ao realizar projetos editoriais. Sobre a temtica abordada, entende-se que o livro deve apresentar um nome que esteja ligado diretamente com o assunto em questo, neste caso ser feito uma gerao de alternativas das quais resultar no nome do livro. O seu pblico-alvo pode ser tanto masculino e feminino, que atuam nas reas de design e publicidade. O grau de escolaridade varia entre segundo grau, cursando graduao ou j graduado. Podem-se citar os pontos fortes do projeto, que sero o formato diferenciado em relao a publicaes j existentes, um layout agradvel facilitando a comunicao e a apresentao de informaes rpidas sobre o contedo abordado.

3.2.2 Compreenso do projeto

A compreenso do projeto a fase informativa que compreende a pesquisa e a anlise do universo em que o produto est inserido. As pesquisas so realizadas desde produtos similares e todos que possuam alguma afinidade com o projeto ou que possuam alguma informao que possa servir como base para a realizao projetual. Esta etapa foi dividida em pesquisa diacrnica e anlise dos elementos grficos; pesquisa sincrnica e anlise dos elementos grficos; aspectos mercadolgicos e anlise de estruturas materiais e processos produtivos.

71

3.2.2.1 Pesquisa Diacrnica e anlise dos elementos grficos

A pesquisa e anlise diacrnica tm como finalidade abortar os princpios lgico-informacionais, tcnico-funcionais, esttico-formais que fazem parte de produtos editoriais. As anlises propostas so: anlise da anlise funo das

utilitria/necessidade,

anlise

uso/funes

tcnico-fsicas,

estruturas/materiais e processos produtivos/custos formal e informacional do produto.

3.2.2.1.1 Anlise do Livro Produo Grfica para Designers

O livro produo grfica para designers foi lanado em outubro de 2000 no Rio de Janeiro, pela editora 2AB. Um livro destinado a designers grficos que buscavam conhecimentos para facilitar o processo de projetao e o

acompanhamento grfico, acarretando em um bom resultado do projeto. um livro para quem sente necessidade de conhecer mais sobre os processos de impresso, identificar e evitar erros, de escolher os materiais certos e de atender os objetivos do projeto, alm de reduzir gastos. Segundo Oliveira (2000), o objetivo do livro foi de reunir tpicos de conhecimentos de diversos processos de impresso e acabamentos, que se mostraram essenciais para auxiliar designers e produtores grficos. A maior preocupao foi abordar diversos processos visando detalhar bem ao leitor quais eram as vantagens e desvantagens de cada um, dando mais nfase ao offset, por se tratar do mais usado. Outro aspecto levado em conta por Oliveira (2000) foi de orientar bem a escolha do processo, relatando o custo x benefcio e no apenas a qualidade que cada um oferece, sendo citados os cuidados a serem tomados na arte-finalizao e propiciar ao leitor identificar e diagnosticar os erros mais comuns na produo grfica.

72

Imagem 1: Contra-capa do livro.


Fonte: Oliveira (2000).

Na imagem 1 apresenta-se o verso do livro Produo Grfica para designers. O texto localizado no verso est ilegvel, pois o uso da cor branca e a imagem do fundo fizeram com que favorecesse a ilegibilidade dos elementos que formam o verso do livro.

73

Imagem 2: Capa do livro.


Fonte: Oliveira (2000).

A imagem 2 apresenta a capa do livro. Pode-se perceber que a capa grafada com as letras PRODUO GRFICA PARA DESIGNERS e que encontrase respectivamente centralizada a esquerda e a direita, fontes sem serifa, em minsculo. Segundo White (2006), o uso da caixa baixa no ttulo favorece a leitura, no se tornando algo tedioso. O nome do livro est em degrad, causando falta de visibilidade, pelo uso indevido das cores. A capa do livro representada por uma retcula, que nada mais do que pontos que formam a imagem impressa e que possuem caractersticas prprias. O nome da escritora est totalmente ilegvel e disposto em uma rea de pouca visualizao.

74

Imagem 3: Orelhas do livro.


Fonte: Oliveira (2000).

A capa do livro utiliza-se de orelhas, a orelha da esquerda apresenta textos alinhados esquerda e uso de fontes pequenas e branca com pouca acuidade visual para leitura. A orelha da direita apresenta textos alinhados direita, uso de fontes da cor branca que tambm prejudica a visibilidade.

75

Imagem 4: Sumrio do livro.


Fonte: Oliveira (2000).

Na imagem 4, visualiza-se o sumrio do livro, logo nesta anlise, percebe-se que h muito contedo, havendo uma sobrecarga de assuntos, prejudicando a leitura por parte do leitor. Ao observar o assunto que se quer ver, no h uma marcao que guie o leitor ao nmero da pgina, havendo uma confuso, resultando em desperdcio de tempo, j que o leitor busca sempre praticidade e rapidez na hora de pesquisar, entretanto, h alinhamento entre as palavras e nmeros.

76

Imagem 5: Pgina dupla do livro.


Fonte: Oliveira (2000).

Na imagem 5, observa-se que o texto est diagramado em uma coluna apenas. A tabela que se encontra na pgina, no est alinhada com o texto. H presena da tipologia invertida, ou seja, o branco sobre o preto. White (2006) cita que o uso de um corpo branco sobre fundo preto rgido demais. Apresentam em seus textos as linhas rfs e vivas. Como apresenta muito texto, no h reas brancas que ajudem o leitor a descansar sua viso.

77

Imagem 6: Pgina interna do livro.


Fonte: Oliveira (2000).

Na imagem 6, h espaamento entre as letras de acordo com White (2006), deve-se evitar espaar as letras, quanto maior o corpo, mais apertado deve ser a entreletra, para permitir que as palavras sejam percebidas.

3.2.2.1.2 Anlise do Livro: 300 superdicas de editorao, design e artes grficas

O livro 300 SUPERDICAS DE EDITORAO, DESIGN E ARTES GRFICAS, foi fruto da experincia dos autores Ricardo Minoru Horie e Ricardo Pagemaker Pereira. Publicado em 2005, pela editora Senac e na sua 5 edio, eles apresentam dicas importantes na rea de editorao grfica, colhidas ao longo de vrios anos de pesquisa.

78

Para facilitar a busca do leitor, as dicas foram divididas por rea de aplicao. Cada um dos 16 captulos do livro aborda assuntos especficos, com uma linguagem simples e fcil de entender. O livro uma ferramenta essencial para a consulta de usurios iniciantes e experientes.

Imagem 7: Capa do livro


Fonte: Horie e Pereira (2005).

Na imagem 7, observa-se a capa do livro e consequentemente nela est presente o ttulo do livro, centralizado na parte superior, escrito com fonte em caixa alta e sem serifa. Abaixo do nome do livro encontram-se os nomes dos autores, centralizados, em caixa baixa e fonte sem serifa. Na parte inferior e centralizado aparece o smbolo da Editora Senac. A capa composta por uma ilustrao que

79

transmite a idia central do livro, que a transmisso de conhecimento. Os elementos de maior destaque na capa so a ilustrao e o nome do livro.

Imagem 8: Contracapa do livro.


Fonte: Horie e Pereira (2005).

O verso do livro no possui nenhum tipo de imagem, somente texto, utilizando-se de fonte com serifa e centralizado. O cdigo de barras est localizado em uma zona morta, ou seja, em uma rea onde geralmente se encontram elementos de pouca importncia.

80

Imagem 9: Orelhas do livro.


Fonte: Horie e Pereira (2005).

As duas orelhas presentes no livro possuem textos justificados e fonte serifada. Nota-se que os textos das orelhas apresentam uma seqncia de leitura, mesmo estando em lados opostos do livro e o uso dos nomes dos autores em negrito, lhes do destaque e contraste em relao ao texto.

81

Imagem 10: Sumrio do livro.


Fonte: Horie e Pereira (2005).

A imagem 10 ilustra o sumrio de uma pgina, o sumrio est localizado na pgina cinco do livro. Segundo White (2006), o sumrio deve estar na pgina trs ou cinco, pois a posio estratgica onde o leitor provavelmente ir procur-lo. A diviso somente pelas reas de aplicao traz uma pgina mais limpa visualmente, facilitando ao leitor encontrar o que est procurando com maior facilidade. Pode-se observar o uso das linhas de conduo, que ajudam a guiar os olhos do leitor ao assunto desejado. Em todas as pginas que contm o assunto do editorial, o nome do editorial est disposto na horizontal, sempre no canto superior direito.

82

Nota-se o uso de espaamento e alinhamento entre os assuntos, sendo utilizada uma tipografia para a palavra sumrio e outra para os textos, isso traz contraste entre as mesmas.

Imagem 11: Quebra de captulo.


Fonte: Horie e Pereira (2005).

Nas pginas internas do livro, ilustrada na imagem 11, percebe-se o uso da quebra de captulo. No geral o livro apresenta duas variaes de fontes, em uma famlia de fontes h variao entre light e itlico, usada nos textos. Utiliza-se outra famlia de fonte para os ttulos e subttulos.

83

Imagem 12: Pgina interna do livro.


Fonte: Horie e Pereira (2005).

84

Imagem 13: Pgina interna do livro.


Fonte: Horie e Pereira (2005).

Nas imagens 12 e 13, percebe-se o uso de um grid de duas colunas e os ttulos se mostram padronizados, mostrando que os elementos tm alguma semelhana entre si. Os textos esto alinhados com os ttulos e o alinhamento est justificado. Observando a parte superior das duas pginas internas, v-se a presena do ttulo do livro no canto superior esquerdo e no canto superior direito o ttulo principal, os mesmos aparecem em tamanhos bem menores, mais compactos e elegantes.

85

Segundo White (2006), isso ocorre pelo uso do espao em branco, que acaba atraindo a ateno do leitor. H presena de linhas rfs e vivas.

3.2.2.2 Pesquisa Sincrnica e anlise dos elementos grficos

Na pesquisa Sincrnica e anlise dos elementos grficos, as funes e anlises so trabalhadas com o mesmo objetivo. Segundo Matt (2004), as pesquisas so realizadas desde produtos idnticos e todos que possuam alguma ligao com o projeto, ou que possuam determinada soluo interessante fornecendo bases projetuais.

3.2.2.2.1 Anlise do livro O livro da Grfica

A publicao O livro da grfica foi escrito em 2001, pelos autores Claudio Ferlauto e Heloisa Jahn. As anlises dos processos produtivos do livro, como materiais e processo de impresso servem como base para definies futuras dentro da fase projetual. Nesta anlise compreende-se que o livro determinado a um pblico especfico, em sua maior parte designers e artistas grficos, apresenta em sua estrutura uma variada utilizao de recursos de impresso e acabamento, demonstrando toda a amplitude dos processos grficos envolvidos, como apresentado no quadro 9.

86

ESPECIFICAES DE MATERIAIS
Nmero de pginas: 96 pginas Miolo impresso sobre os papis: 1 Caderno: couche image art 115 g/m, Ripasa. 2 Caderno: couche image mate 115 g/m, Ripasa. 3 Caderno: plen rustic areia 120 g/m, Suzano papel. 4 Caderno: reciclato 120 g/m2, Suzano papel. Encarte: carto Royal 250 g/m, Ripasa. 5 Caderno: couch reflex arctic 120 g/m, Suzano papel. 6 Caderno: alta print 120 g/m, Suzano papel. Quadro 10: Especificaes de materiais.
Fonte: O Autor.

Possui sobrecapa que disponibiliza uma proteo maior a publicao, alm de ser um diferencial esttico em relao aos outros livros existentes no mercado editorial. As fontes utilizadas para textos foram a Bodoni e para legendas foi a Univers Condensada. formada por 2 orelhas onde esto localizadas a biografia dos autores e uma breve descrio da obra.

87

Imagem 14: Sobrecapa do livro.


Fonte: Ferlauto e Jahn (2001).

A sobrecapa feita de papel couche image art 145 g/m e serve para proteger o livro. Na parte superior da sobrecapa, encontram-se os nomes dos autores, centralizados e escritos com fonte serifada. Na parte inferior encontram-se a marca da Editora Rosari, centralizado. O ttulo do livro est em relevo, centralizado e com verniz localizado.

88

Imagem 15: Orelhas da sobrecapa.


Fonte: Ferlauto e Jahn (2001).

A imagem 15 apresenta as orelhas da sobrecapa do livro, nelas esto contidas as biografias dos autores e o resumo do livro. Os textos nas orelhas esto escritos com uma fonte serifada, alinhados esquerda e o uso da cor preta e branca resulta em contraste entre as duas.

89

Imagem 16: Capa do livro. Fonte: Ferlauto e Jahn (2001).

A capa feita com frankonia vermelho 730, bamberger kaliko, vivox. O ttulo do livro est centralizado, com fonte serifada e utiliza o processo de acabamento em Hot-Stamping. Este tipo de acabamento se define como acabamento metlico impresso na capa, com utlizao de processos trmicos de transferncia.

90

Imagem 17: Sumrio de pgina dupla do livro.


Fonte: Ferlauto e Jahn (2001).

A imagem 17 ilustra o sumrio de duas pginas. Segundo White (2006), uma dupla cria impacto e til, pois oferece bastante espao para mostrar as coisas. No sumrio acima, somente foram colocados os assuntos principais, favorecendo uma maior legibilidade ao leitor. Nas pginas que contm o assunto do editorial, o nome do editorial aparece sempre nas pginas direita, no canto superior direito, existe um alinhamento tanto dos assuntos, como dos nmeros e pela nfase dada pelos autores aos assuntos principais, o leitor consegue guiar os seus olhos facilmente para os nmeros das pginas. Utilizou-se uma fonte sem serifa para os assuntos e nmeros das pginas e os textos que envolvem o sumrio esto alinhados um com o outro e esto escritos com uma fonte serifada. No aspecto das cores, o branco e o preto so utilizados no fundo do sumrio e nos textos. A cor da tipografia invertida, quando o fundo preto, a tipologia branca e assim acontece na outra pgina. Segundo White (2006), deve-se evitar o uso excessivo de tipologia branca sobre preto, pois se torna difcil a leitura.

91

Imagem 18: Pgina interna do livro.


Fonte: Ferlauto e Jahn (2001).

Na imagem 18, nota-se o uso de grids de duas colunas. Os textos esto alinhados e justificados, mas h um erro grave, a variao de espaos entre os pargrafos, isso destri a textura da tipografia e d um aspecto de bagunado. Outro erro que aparece nessas duas pginas o espao entre os pargrafos, que esto maiores do que os espaos entre as colunas. White (2006) cita que o espao entre os pargrafos deve ser menor do que o espao entre as colunas. O ttulo est centralizado, em caixa alta e h um elemento grfico que separa as palavras: O

92

LIVRO e UM APANHADO HISTRICO. Segundo White (2006), o ttulo centralizado fica equidistante da esquerda e da direita; digno, tradicional, tedioso.

Imagem 19: Pgina interna do livro.


Fonte: Ferlauto e Jahn (2001).

A numerao da pgina est disposta na parte superior esquerda e direita, favorecendo ao leitor no momento que est folhando o livro, encontrar de forma rpida o que est procurando. A tipografia usada para o ttulo e textos a mesma, ou seja, serifada com estrutura apresentando serifas finas com terminaes em forma de gota, sendo que este tipo de tipografia aconselhado para textos longos,

93

por facilitar a leitura. Entre ttulos e textos densos no h diferenciao de tipografia e o que distingue estes aspectos o peso entre tamanho no mesmo tipo, a fonte Bodoni.

Imagem 20: Pgina com imagem sangrada.


Fonte: Ferlauto e Jahn (2001).

Na figura acima, visualiza-se uma imagem sangrada. Segundo White (2006), o uso do sangramento produz uma iluso que faz com que a imagem parea se estender para o espao alm do limite da pgina, atraindo a ateno do leitor e fortalecendo o seu contedo.

94

Imagem 21: Pgina dupla do livro.


Fonte: Ferlauto e Jahn (2001, p.79).

Na imagem 21, percebe-se o uso de uma tipografia para todo o texto. Toda vez que aparece o nome da revista Senhor utilizada a cor vermelha, para dar destaque. A imagem est localizada na dobra das pginas, dando a impresso de uma pgina horizontal. Segundo White (2006), deve-se ter cuidado, pois a dobra s vezes arruna a parte mais importante da imagem. No h alinhamento dos textos na margem superior e inferior das duas pginas.

95

Imagem 22: Pgina interna do livro.


Fonte: Ferlauto e Jahn (2001).

Na pgina interna acima, nota-se o uso de grid de duas colunas. O texto no est alinhado e apresenta-se em caixa alta, sendo um erro grave, pois difcil decifrar em um bloco de texto as palavras em caixa alta. Segundo White (2006), deve-se usar caixa alta somente em algumas palavras para dar nfase e, alm disso, o seu uso ocupa muito espao. A imagem e o texto no esto alinhados entre si e percebe-se o uso de uma tipografia para texto e outra para a legenda.

3.2.2.2.2 Anlise do Pocket Book MDIA ELETRNICA: A criao de comerciais para TV, rdio e internet

O Pocket Book MDIA ELETRONICA: A criao de comerciais para TV, rdio e internet fruto do trabalho do autor Newton Cesar. Publicado em 2008, pela editora 2AB, este um dos pocket books que faz parte da coleo, chamada

96

baseDesign. O objetivo dessa coleo orientar de forma rpida as pessoas que no possuem muito tempo para a leitura.

Imagem 23: Sumrio do livro.


Fonte: Cesar (2008).

Na imagem 23 encontra-se o sumrio do livro. Pode-se observar que h alinhamento entre os ttulos. Foi utilizada a mesma famlia tipogrfica para o sumrio e, alm de corpo grande, bold para haver contraste entre os ttulos e subttulos. A falta de espaamento fez com que o sumrio ficasse carregado demais e visualmente confuso ao olhar do leitor.

97

Imagem 24: Pgina interna do livro.


Fonte: Cesar (2008, p.54).

Na pgina interna acima, nota-se o uso de grid de uma coluna e texto justificado. Pode-se perceber o uso de trs variaes de fontes. Vale lembrar que White (2006) coloca que para destacar texto se faz o uso de contraste entre estilos de duas fontes apenas. A numerao da pgina est exageradamente grande, White (2006) destaca que os nmeros de pgina devem ser suficientemente grandes para que possam ser discernidos com facilidade quando se precisa mais deles.

98

Imagem 25: Pgina interna do livro.


Fonte: Cesar (2008, p.11).

Nas pginas internas do livro Mdia Eletrnica: A criao de comerciais para TV, rdio e internet, ilustrada na imagem 25, percebe-se contraste entre escuro e claro. Na pgina da esquerda h o uso da quebra de capitulo, usado para diferenciar o assunto que ser abordado nas prximas pginas. O nmero de pgina est em uma rea habitual, onde favorece o leitor.

3.2.2.3 Aspectos mercadolgicos

O projeto grfico do livro direcionado para o pblico masculino e feminino de classe mdia, que trabalha nas reas de design e publicidade, alm de estudantes que esto ingressando ou que j esto fazendo uma graduao. um pblico que possui uma vida agitada e que necessita de informaes rpidas e de fcil acesso. O mercado editorial est passando por uma srie de mudanas, devido a influncias dos meios tecnolgicos no setor. Devido a isso, podem-se utilizar canais

99

de distribuio que mais se encaixam nesse tipo de produto, que seriam a venda atravs de sites especializados, livrarias online e feiras de livros.

3.2.2.4 Anlise de estruturas materiais e processos produtivos

A escolha do tipo de papel traz grande relevncia no desempenho de trabalhos grficos. Sua seleo deve ser feita minuciosamente, pois dele depende a boa qualidade de um trabalho. Tambm influencia diretamente no custo e na apresentao da obra e dependendo disso pode ser um fracasso ou valorizar o projeto. Para Collaro (2000), devem-se avaliar o peso do papel, a boa aparncia, as cores, o tipo de impresso, para se alcanar o resultado pretendido, ou seja, o reconhecimento do leitor. Ainda para o autor, qualquer papel constitudo de pastas e que a utilizao das mesmas, seja ela pura ou misturada, estabelecer a espcie e a qualidade do papel. A colagem outro aspecto que interfere na qualidade e custo do papel. A utilizao de uma determinada poro de cola no papel faz com que haja maior firmeza e menor absoro de tinta, obtendo melhor suporte a impresso. Quanto superfcie, Collaro (2000), coloca que o papel pode ser spero, liso, macio, acetinado e prensado nos dois lados ou somente em um. Quanto cor, o uso do papel branco em processos de reproduo o mais adequado. Nos dias atuais o papel segue formatos padronizados, mas no inicio, antes da descoberta do papel continuo, eram utilizados para impresso o mesmo tamanho de papel. Para Ribeiro (1998), com o surgimento do papel continuo as medidas perderam utilidade e foram adaptadas ao formato internacional, o DIN, criada pela Associao de Engenheiros Alemes, no ano de 1911, com a inteno de gerar economia no uso do papel e estabelecer uma srie mais organizada de modelos.

100

Segundo Ribeiro (1998, p.16),

O tamanho padronizado foi calculado para que a folha sempre tenha a mesma proporo, por quantas vezes seja dobrada. A folha inicial tem 1 m - tamanho AO nas dimenses 841 x 1189 mm. Pela diviso sucessiva desta, obtm-se sempre os demais tamanhos A1, A2, etc, que sero sempre a metade do anterior e o dobro do seguinte, s se conseguindo esta harmonia quando as duas dimenses da folha x e y mantm entre si relao de 1:2, isto , de 1:1, 41.

Quadro 11: Formato Internacional de Papel.


Fonte: Ribeiro (1998, p.16).

No Brasil, para melhor adequar as impressoras, foi determinado o uso dos padres AA 76 x 112 cm e BB 66 x 96 cm, sem haver interferncia do Formato Internacional de Papel. A ABTG Associao Brasileira de Tecnologia Grfica e a ABNT possuem atualmente um grupo chamado NOS-27, que tem como finalidade normalizar os novos padres de formatos de papel, deixando-os de acordo com as normas ISO e mais adaptadas s novas formas de impresso. No quadro 11 so representados os formatos mais utilizados no Brasil.

101

Quadro 12: Formatos mais usados no Brasil.


Fonte: Ribeiro (1998, p.17).

Para Ribeiro (1998), os formatos AA e BB no possuem nenhuma relao com o Formato Internacional. Os formados padronizados tratam de obras depois de finalizadas e, portanto, o tamanho das folhas em bruto deve ser maior que o formato assumido. H disponvel uma grande variedade de papel para ser usado em impresso. A escolha depende no s do custo que esse papel vai ter, mas principalmente do perfil que se busca transmitir com a publicao. De acordo com Oliveira (2000), alguns dos tipos de papis listados abaixo so ideais para serem usados em produtos grficos editoriais:

Offset: o papel mais utilizado, junto com o couch, apresentando uma

superfcie bem uniforme, livre de felpas e penugem. preparado para suportar a ao da umidade e apresenta uma colorao branca, sendo um dos mais baratos se comparados com outros tipos de papel. tipicamente utilizado em miolos de livrose e sua lineatura deve ser de 133 LPI. Couch: apresenta em suas faces uma fina camada de substncias minerais,

que lhe do aspecto serrilhado e brilhante, valorizando bastante a impresso. Muito

102

utilizado para a impresso de imagens a meio tom e, em especial de reticulas finas. Ao manejar esse tipo de papel deve-se ter cuidado, pois ele amassa com facilidade e as pequenas manchas resultantes so difceis de serem removidas. um papel caro, indicado quando h necessidade de uma excelente apresentao. O couch suporta lineaturas a partir de 150 LPI. Papel jornal: papel de baixa qualidade, de superfcie spera, podendo variar

de alisada acetinada. Utilizada para impresso de jornais, folhetos, livros, revistas e impressos em geral. Seu custo baixo e a sua lineatura no deve ultrapassar os 100 LPI. Couch mate: tambm conhecido como fosco um pouco mais barato do que

o couch comum e com menos brilho. utilizado em aplicao de verniz localizado em determinados elementos grficos, dando um destaque maior publicao. Podemos aplic-lo em impresses de livros, catlogos e afins. Couch monolcido: papel com revestimento couch brilhante em um lado e

no outro fosco. Suas aplicaes so em cartazes, rtulos, embalagens e impressos em geral. Imprensa: papel de jornal melhorado, de baixo custo, no oferece uma boa

apresentao e pode dar problemas em impresses em policromia. usado em folhetos de baixo custo e recibos, no devendo utilizar lineaturas acima de 120 LPI. Papis para livros: os mais favorveis so o bufon, acetinado,

apergaminhado, couch, bblia e offset. O tipo de papel depende muito do preo de venda, da obra, do volume, e se em cores ou em preto e branco, no deixando de lado a preferncia que pode ser estipulada pelo tamanho e formato do livro. Carto duplex: pertence classe dos cartes e composto por duas

camadas de papel: uma branca e outra lisa. muito utilizado em embalagens. Carto triplex: possui semelhana com o duplex, entretanto, formado por

trs camadas. utilizado em embalagens, capas de livros e cartes postais. Capa texto: um tipo de papel que tem aspectos artesanais e indicado para

miolos e guarda de livros. Papel bouffant: papel leve e spero, que mantm na sua essncia as suas

caractersticas originais. usado em impresso de livros.

103

3.2.2.4.1 Montagem e acabamento

A montagem, seja de um livro, revista ou jornal, no feita em ordem crescente da numerao de pginas. O arranjo feito de modo que as pginas depois de impressas fiquem em seqncia normal no momento em que forem dobradas e refiladas, formando um caderno. De acordo com Arajo (2008), o uso de folhas com tamanhos maiores, facilitar um alcance maior do nmero de pginas. Normalmente, uma folha completa impressa em unidades de 4, 8, 16 e 32 pginas. Depois de dobradas, essas unidades so chamadas cadernos e a juno desses cadernos compem um livro. O acabamento a finalizao da produo grfica, onde o impresso receber a sua forma definitiva. A escolha de um acabamento baseada em uma variedade de fatores: praticidade, durabilidade e o fator mais importante, o custo final. Segundo Arajo (2008), para se obter acabamento de um livro, deve-se seguir as seguintes operaes. Dobradura: consiste em dobrar a folha depois de impressa. Normalmente

realizada em uma mquina dobradeira, preparada para realizar dobras simples ou mltiplas. Existem algumas mquinas que alm de dobrar, podem efetuar outros servios, como: colagem, picote, vinco e refile. Nas mquinas rotativas, alimentadas por papel em bobinas, as folhas j saem dobradas em cadernos. Alceamento ou alagem: nessa etapa realiza-se o arranjo das folhas ou

cadernos, de forma que fiquem na ordem correta para encadernao, que ao final constituir o livro. Encadernao: geralmente a ltima etapa a ser realizada no processo de

acabamento de impressos paginados. Nesta operao, uma chapa dura adere ao conjunto de cadernos que constitui cada exemplar do livro encadernado. Segundo Oliveira (2000), a encadernao pode ser classificada em cinco tipos: A encadernao a canoa, tambm chamada de dobra-e-grampo ou encadernao a cavalo a forma mais rpida, simples e barata de se fazer brochuras, pois os cadernos so encaixados uns dentro dos outros, sendo utilizados grampos na dobra dos formatos abertos. utilizado em revistas, panfletos, entre

104

outros produtos editoriais. Na imagem 26 pode-se observar um exemplo de encadernao a canoa.

Imagem 26: Encadernao a canoa.


Fonte: www.idealizagraf.com.br/encadernacoes.html. Acesso em: 20 out. 2010.

A Lombada quadrada outro exemplo de encadernao, que se utiliza de um adesivo trmico (hot melt), na qual d uma aparncia mais sofisticada, criando uma lombada. Em geral utilizada uma mquina com fresa que faz incises no dorso da publicao, nas quais penetra a cola derretida. Quando o papel usado no miolo for mais encorpado, utiliza-se do vinco na capa, geralmente 5 mm de distncia da lombada. utilizado em revistas, livros, entre outros, como apresenta a imagem 27, um exemplo de lombada quadrada.

105

Imagem 27: Encadernao a lombada quadrada.


Fonte: www.idealizagraf.com.br/encadernacoes.html. Acesso em: 20 out. 2010.

A encadernao com costura e cola muito mais resistente e de custo elevado, recomenda-se utiliz-la em impressos com mais de 200 pginas ou que necessitem ter uma aparncia mais distinta. Esse processo consiste na juno das folhas de cada caderno, atravs de costuras na dobra do formato aberto e somente aps essa etapa que os cadernos so unidos, um no lado do outro, com o auxilio da cola, como o pode-se visualizar na imagem abaixo uma encadernao com esse tipo de tcnica.

Imagem 28: Encadernao com costura e cola.


Fonte: www.idealizagraf.com.br/encadernacoes.html. Acesso em: 20 out. 2010.

106

Outro processo de encadernao muito utilizado o com tela. Entre todos os tipos de encadernao a que possui o maior custo e tambm a mais resistente, pois alm da costura, aplica-se uma tela que ajuda na unio de todos os cadernos, junto com a cola. destinado a publicaes, como bblias, dicionrios e livros que vo ter intenso manuseio, edies de luxo e grandes volumes. Na imagem 29 podese visualizar um exemplo deste tipo de encadernao.

Imagem 29: Encadernao com tela. Fonte: http://www.rrdmoore.com.br/img/upl/noticias/dicionario.jpg. Acesso em: 20 out. 2010.

De acordo com Oliveira (2000), em comparao aos outros tipos de encadernao, a chamada encadernao mecnica a mais barata. Trata-se da reunio das pginas atravs da juno em acessrios metlicos ou plsticos, por intermdio de furos. Geralmente espiral, garra dupla ou wire-o. Ainda para a autora, necessrio definir uma margem interna maior, para que no ocorra a perfurao das reas impressas. Abaixo h um exemplo de encadernao mecnica.

107

Imagem 30: Encadernao mecnica.


Fonte: www.idealizagraf.com.br/encadernacoes.html. Acesso em: 20 out. 2010.

H trs tipos de capa que podem ser utilizadas na publicao e suas escolhas dependem da forma da encadernao. Segundo Oliveira (2000), os trs tipos mais bsicos so: A capa brochura: Fabricada com o mesmo tipo de papel do miolo ou com um papel mais encorpado e brilhoso. usada geralmente em encadernao canoa, de lombada quadrada e em livros com costura e cola. Na questo de livros, utiliza-se o papel triplex, em torno de 250 g/m. O segundo a capa dura: mais rgida que as demais e, adequada para ser utilizada em publicaes que exigem mais sofisticao e resistncia. A sua base feita de papelo, na qual colada uma sobrecapa impressa maior do que o formato aberto. A capa dura utilizada, no auxilio a encadernao com costura e cola e quase que freqentemente com tela. O terceiro e ltimo tipo a capa flexvel: uma capa que pode ser definida como intermediria, pois mais barata do que a primeira e mais resistente que a segunda. Geralmente impressa com papel mais grosso, de 250 g/m, facilitando a aplicao de vernizes e laminaes. Utiliza-se em produtos editoriais que necessitam de grande manuseio e que procuram um valor baixo. Pode ser utilizada

108

em qualquer tipo de encadernao, at mesmo a canoa. No Brasil no comum us-la.

3.2.2.4.2 Impresso

A etapa da impresso consiste no impresso do projeto, utilizando as diversas tecnologias disponveis para realizar esse procedimento. A pr-impresso a fase responsvel pela transformao de idias de um profissional em um arquivo digital que tenha disponibilidade de ser usado em sistemas de impresso em escala industrial. Antes da criao da pr-impresso digital, os arquivos eram enviados impressos para a grfica que se utilizavam da pr-impresso convencional, j no sistema digital, o arquivo entregue em disco podendo estar em formato aberto ou fechado. O arquivo aberto aquele arquivo criado pelo profissional, que pode ser aberto em qualquer computador que faa o uso do programa que o tenha gerado. Por isso, se faz necessrio que tenha na mesma pasta, o arquivo original, com todas as fontes e todos os arquivos que possuem algum vnculo com o trabalho em si. O uso desse sistema pode ser muito demorado e pode resultar em um custo maior, alm de no ser seguro, pois o projeto original pode ser alterado. O arquivo fechado um arquivo de impresso gravado em disco, que utiliza da linguagem PostScript, criada pela Adobe Systems. Tem a finalidade de informar como os tipos e ilustraes vo se portar na pgina impressa. importante conhecer um arquivo antes de fech-lo, pois as impressoras possuem uma ou mais linguagens de impresso. Segundo Horie (2005), os image setters possuem um dispositivo chamado RIP (Raster Image Processor) que tem como finalidade receber e interpretar informaes em liguagem PostScript, que posteriormente ser transformada em pontos e impressas no filme.

109

Ainda para Horie (2005), no havia uma forma para visualizar arquivos fechados antigamente. Eles eram enviados para a grfica e l conferidos, sendo que se encontrassem algum erro era enviado para correo. Hoje temos disponveis dois programas para visualizao: o Adobe Acrobat Distiller e Adobe Acrobat Reader. Conhecer todos os processos grficos, desde a pr-impresso at o ltimo processo fundamental para profissionais que trabalham com a produo grfica, pois evita-se o stress de enviar os arquivos e s depois de impressos constatar que est errado ou que podia ser usado outro tipo de papel ou acabamento. Depois que o arquivo estiver finalizado e entregue em arquivo eletrnico feito o seu fotolito e posteriormente gravado na chapa. At esse estgio, trata-se da pr-impresso. O segundo estgio a impresso, que consiste em colocar a chapa na impressora para imprimir os exemplares do livro. O terceiro e ltimo estgio o ps-impresso ou acabamento, onde se decide o tipo de dobra, encadernao, aplicao de verniz fosco, e outros. Esse o processo final da produo industrial grfica no qual o livro receber sua finalizao definitiva. Horie (2005) cita algumas novas tecnologias que podem encurtar o processo produtivo grfico: Computer-to-film (Do computador para o filme): esse processo se baseia na gravao direta para o fotolito, utilizando matrizes para impresso. Ao trmino do processo utiliza-se a imagesetter, que fica com a parte de revelao qumica dos filmes, cpias e chapas. Alm disso, esse processo permite que permanea nas mos do impressor a manipulao e a substituio de um fotolito de impresso se necessrio, no momento da impresso. As principais vantagens so: a qualidade fator garantido, baixo custo se por acaso ocorrer algum erro, totalmente compatvel com sistemas digitais de cores e provas de imposio, entre outros. Computer-to-plate (Do computador para a chapa): mais conhecido como CTP e esse processo ao invs de usar o equipamento imagesetter, utiliza-se a plate setter, que grava diretamente em chapas de impresso. Tambm no h o uso da cpia e revelao de filmes, pois no se utiliza mais produtos qumicos. As vantagens de uso so: menor tempo de produo, aumento na qualidade do produto final e reduo de custos.

110

Computer-to-press (Do computador para a mquina de impresso): um sistema de impresso digital, que utiliza-se da matriz de impresso, que obtida atravs da gravao de uma imagem numa chapa, tendo as mesmas caractersticas que a impresso offset, mas com um detalhe que as difere, a imagem gravada na chapa por raio laser, expe os arquivos gerados diretamente nos computadores e no a revelao. Computer-to-print (Do computador para impresso): tambm chamado de impresso digital, no existe matriz, a imagem gerada atravs de cargas eltricas em cilindros metlicos internos de mquinas que atraem os pigmentos e os repassam ao papel. Vale lembrar que essa tecnologia ainda no chegou a alcanar a qualidade que a offset tem na impresso final. Esses foram alguns dos processos que podem ser utilizados na impresso, dentro do universo grfico editorial.

3.2.2.4.3 Impresso OFFSET

O sistema de impresso offset o mais indicado para ser usado em mdias e grandes tiragens, pois garante uma boa qualidade de impresso, alm do mais, pode ser usado em qualquer tipo de papel e em alguns plsticos, caso do poliestireno. Segundo Oliveira (2000), o termo offset surgiu da expresso offset litography, que significa litografia fora-do-lugar. um processo planogrfico, que surgiu atravs da litografia e seu processo ocorre com a repulso recproca entre uma substncia graxa e a gua sobre uma determinada base. De acordo com Arajo (2008), no inicio do sculo XX, junto com a litografia, comeava a despontar o uso da fotografia, que surgiu como concorrncia com o desenvolvimento da fotogravura, sendo utilizada nas tipografias de jornais, livros, entre outros meios editoriais. O offset foi descoberto, por acaso pelo norte-americano Rubel em 1904, quando esse observou a nitidez do repinte no verso de uma folha de papel produzida pelo padro de borracha de uma impressora litogrfica, quando sem esperar a mquina rodou sem papel.

111

O offset um sistema de impresso que pode ser tanto rotativa, como plana. A rotativa trabalha com alimentao a bobina e direcionada a projetos grandes, como flyers, revistas, jornais, livros, pois so impressos que atingem um grande nmero de pessoas. Em relao ao tamanho de seus impressos, na rotativa o tamanho definido pelo corte, vinco, cola e grampeamento, por isso, utiliz-la para realizar cortes especiais se torna caro demais, mas nada impede de realizar esse procedimento. A plana, tambm conhecida como mquinas folha, recebe esse nome, pois trabalha sobre papel em folhas empacotados de forma plana. voltada a poucas impresses, como panfletos, livros, flyers, entre outros. Segundo Oliveira (2000), a plana tem a facilidade de imprimir em diversas gramaturas e a mais indicada para projetos que necessitam cortes especiais no papel. Ribeiro (1998) cita que as impressoras offset possuem muitas vantagens em relao s outras. As matrizes do offset so bem mais rpidas de serem preparadas e so mais baratas, tambm sendo possvel obter uma melhor impresso de impressos reticulados, com fios ou quadrculas. Em relao distribuio de tinta muito mais eficaz de que outros tipos de impresso. Segundo Arajo (2008), a impresso offset d ao diagramador a oportunidade de utilizar uma variedade de recursos fotogrficos e maior liberdade na construo de layouts, que apresentem qualquer formato, cor ou quantidade de exemplares. O sucesso de uma boa impresso depende de arquivos digitais bem elaborados, fotolitos e chapas de impresso de qualidade e no esquecendo um cuidado extra com o funcionamento da mquina offset.

3.2.3 Configurao do projeto

Nesta fase, inicia-se as modelaes 2D e 3D, os primeiros rascunhos, desenhos e modelos at que se chegue a um resultado agradvel para ser apresentado ao cliente.

112

3.2.3.1 Lista de requisitos e hierarquia dos fatores projetuais

A realizao das anlises e pesquisas de materiais e anlises diacrnica e sincrnica das funes lgico-informacionais, tcnico-funcionais e esttico-formais e anlises de funo utilitria e necessidade, anlise de uso e funes tcnico-fsicas, anlise de estruturas e materiais e processos produtivos e custos, resultou em um conhecimento maior do uso da forma impressa, materiais, grids, elementos grficos, imagens que auxiliam em um projeto grfico editorial de um livro. Constatou-se o uso de grids de colunas no qual variado o uso entre uma, duas, trs e quatro e, neste caso, percebe-se uma variao de quantidade de colunas nos livros, enquanto que os livros antigos utilizam-se somente de uma coluna, os atuais variam a quantidade das mesmas, tornando a publicao mais atrativa de ler, no se tornando algo tedioso ao leitor. Nas imagens, percebeu-se o uso de imagens sangradas, com o predomnio de fotografias nos livros apresentados na anlise sincrnica, enquanto que na diacrnica, utilizaram-se mais tabelas, dando um aspecto graficamente

desagradvel. As fontes utilizadas nos textos variam entre fontes com serifa e fonte sem serifa. Quanto legibilidade, o uso das duas formas est correto, mas vai depender do tipo de fonte escolhida e do seu tamanho. Evidenciando o discurso grfico dos livros e utilizando como fator para a definio deste projeto, constatou-se o uso de fundos escuros em textos brancos e vice-versa. O alinhamento mais usado para textos o justificado e o alinhamento esquerda, direita e centralizado para legendas, ttulos, e pequenos textos. No acabamento predominou o uso de encadernao lombada quadrada e em materiais percebeu-se o uso do papel couch e gramatura at 120 gramas e para capas o mesmo papel possuindo gramaturas a partir 230 gramas.

113

3.2.3.2 Redefinio do problema

Com base no levantamento de caractersticas referentes ao pblico-alvo e nas pesquisas realizadas atravs das anlises estruturais em produtos grficos similares e aspectos informacionais, o projeto grfico editorial do livro, possuir 20 pginas, que abordar assuntos referentes ao processo de design editorial. Para a escolha do nome do livro pensou-se em algo que remete-se a dicas curtas, que estivessem disponveis a qualquer momento, sem haver um esforo maior para obtlas, ficando definido o nome de HOT DICAS DE DESIGN EDITORIAL. Na parte interna do livro sero utilizadas imagens que faro analogia a palavra quente, traduzido do ingls hot, transmitindo ao leitor a sensao de dicas quentes, rpidas, prontas para serem utilizadas. As pginas foram divididas entre os editoriais da seguinte forma: capa e contracapa, falsa capa, prefcio, sumrio e as demais pginas sero ocupadas por seis dicas, cada uma utilizando-se de uma dupla para expor seu respectivo contedo. As seis dicas escolhidas para compor as pginas so as seguintes:

1. Ao ler a capa o leitor tem trs segundos para entender o que ela significa. Seja claro; 2. Para tima legibilidade, escolha tipos clssicos, testados pelo tempo; 3. No use muitas fontes diferentes ao mesmo tempo; 4. Use fontes de largura mdia. Evite as extremamente expandidas ou condensadas; 5. Evite sempre que possvel linhas rfs ou vivas; 6. No distora tipos e no atrapalhe a leitura com elementos desnecessrios;

O projeto grfico do livro Hot dicas de design editorial necessita de conceitos necessrios para atingir os objetivos estticos e o segmento de pblico-alvo propostos para este projeto. No painel semntico, sero apresentadas as palavras e

114

imagens que representaro os conceitos utilizados no projeto grfico do livro. Nos esquemas 10 e 11 exemplificado o painel semntico.

Esquema 10: Lista de carter do problema.


Fonte: O Autor.

No esquema 10, busca-se representar o carter do problema que est envolvido no projeto grfico do livro. Para isso, demonstra-se com uma imagem do editorial o tema grids que uma das vrias informaes especificadas no livro, e com uma imagem de um sumrio a representao da variedade de assuntos no livro, e a ltima imagem representa o pblico-alvo que o livro se destina.

115

Esquema 11: Lista de necessidades do problema.


Fonte: O Autor.

O esquema 11 representa as necessidades do projeto que a legibilidade, organizao e inovao. A primeira imagem demonstra uma pgina de um livro bem diagramada e com o aspecto de legibilidade em evidncia. Os espaos em branco funcionam como ponto de descanso aos olhos do leitor. A segunda imagem ilustra uma pgina de um livro bem estruturada e organizada, dando-se nfase nas imagens. A ltima pgina mostra a inovao, a forma que foram utilizados os grids para obter uma diagramao diferenciada.

3.2.3.3 Modelao Inicial

A modelao inicial compreende os modelos iniciais at os modelos intermedirios do produto. Para esta etapa a criatividade fator primordial. Tambm necessrio que o profissional modele de forma simultnea os aspectos informacionais e fsicos do produto. Dessa forma, procura-se construir layouts at se chegar soluo e definio do projeto. Os desenhos abaixo representam a modelao inicial do planejamento grfico do livro.

116

10 x 15 cm Desenho 12: Desenvolvimento do Grid.


Fonte: O Autor.

117

Teste de manchas para textos

Imagem 31: Teste de mancha para textos.


Fonte: O Autor.

118

Imagem 32: Teste de mancha para textos.


Fonte: O Autor.

119

Imagem 33: Teste de mancha para textos.


Fonte: O Autor.

120

Imagem 34: Teste de mancha para textos.


Fonte: O Autor.

121

Gerao de alternativas para fontes de texto

Imagem 35: Teste de fontes para texto.


Fonte: O Autor.

122

Imagem 36: Teste de fontes para texto.


Fonte: O Autor.

123

Imagem 37: Teste de fontes para texto.


Fonte: O Autor.

124

Imagem 38: Teste de fontes para texto.


Fonte: O Autor.

125

Gerao de alternativas para fontes de ttulo

Imagem 39: Teste de fontes para ttulos.


Fonte: O Autor.

126

Imagem 40: Teste de fontes para ttulos.


Fonte: O Autor.

127

Imagem 41: Teste de fontes para ttulos.


Fonte: O Autor.

128

Gerao de alternativas para capa e contracapa

Imagem 42: Gerao de alternativa de capa e contracapa.


Fonte: O Autor.

129

Imagem 43: Gerao de alternativa para capa e contracapa.


Fonte: O Autor.

130

4 RESULTADO DO PROJETO

De acordo com Matt (2004), nesta fase da metodologia inicia-se a modelao final do produto. Aqui o designer tem a oportunidade de realizar pequenas alteraes para melhor adequar o seu projeto. Alm disso, so realizadas avaliaes mais detalhadas para se chegar a um resultado aceitvel do produto grfico-impresso final.

4.1 MODELAO FINAL E PLANEJAMENTO GRFICO VISUAL

Este projeto tem como finalidade o projeto grfico do livro Hot Dicas de Design Editorial a fim de facilitar a busca de informaes relacionada ao desenvolvimento de projetos editoriais. No planejamento grfico do livro, foram definidos alguns parmetros a serem seguidos, sendo que esses so o elo entre os nmeros do livro, fazendo com que tenham coerncia conceitual e, consequentemente, estabelecendo uma unidade entre os nmeros. A unidade estabelecida por meio da diagramao da edio dos elementos grficos, tipografias, espaos, imagens e do equilbrio entre os elementos que compem as pginas do livro.

A unidade um fator predominante em um layout, destacando o aspecto compositivo no que tange a harmonia das foras tipolgicas e ilustrativas relacionadas esttica. Analisando a unidade levando em conta a escolha de caracteres, ilustraes, formatos relacionados com a caracterstica do projeto. (COLLARO, 200, p.114).

a unidade, tambm, que permite ao leitor identificar a identidade visual do livro, obviamente quando ele constitudo de caractersticas grficas consideradas adequadas para compor a diagramao. Essas caractersticas devem estar de acordo com a sua classificao, tanto quanto a origem do contedo quanto sua

131

finalidade, pblico-alvo, capa e encadernao e at a forma de apresentao do contedo. Para definir um projeto grfico de um livro, deve-se levar em conta diversos fatores como o tipo de informao que ser abordado, o pblico-alvo que o livro se destina e outros fatores. O segmento de um livro deve ser expresso em seu projeto grfico, atravs de todos os componentes, enfatizando a sua importncia. Desta maneira, para a definio do planejamento grfico visual foi utilizada uma famlia tipogrfica Sans Serif, ou seja, sem serifa, que permite uma legibilidade maior e leitura mais rpida. A fonte determinada para textos e ttulos no possui serifa nos finais de seus traos e as letras tm sempre a mesma espessura. Para os elementos grficos que compem o projeto grfico foi criado um signo a partir da sntese grfica de um quadrado, onde o mesmo junto com as cores servir para diferenciar cada pgina que corresponde a uma dica. Para auxiliar os elementos grficos, trabalha-se com as cores. Para cada pgina dupla, onde constam as dicas, foram escolhidas cores diferentes para diferenci-las. Para a escolha das cores, foram estudados os significados de cada uma atravs da psicologia das cores, suas influncias nos meios editoriais. O grid determinado foi o de uma coluna, pois a complexidade do projeto necessitava utilizar-se desse tipo de grid. A juno de todos os elementos grficos citados acima compem o planejamento grfico do livro em um projeto de caractersticas nicas, dando publicao carter de inovao, organizao e legibilidade. Portanto, propem-se para este Projeto de Design Editorial alguns aspectos definidos para os elementos grficos que compem o projeto grfico editorial do livro Hot Dicas de Design Editorial, foram os seguintes:

Margens: as margens so molduras criadas conforme as pginas de uma publicao. So definidas atravs da mancha grfica, a partir da qual o contedo disposto de forma organizada e coerente. Para este planejamento, foi definido que as margens superiores e inferiores devem ocupar um espao de 15 mm, e as margens laterais 15 mm. O espao destinado parte interna foi definido com 25

132

mm, determinado para utilizao de grampeamento a canoa. O uso desse espao maior se faz necessrio, pois deve-se ter cuidado com os seguintes fatores: para que a tipografia no fique escondida na dobra, deixando a margem interna maior do que o habitual. O desenho 13 mostra as posies e tamanhos a serem utilizados.

Desenho 13: Margens.


Fonte: O Autor.

133

Grid: Para manter o equilbrio e alinhamento entre as imagens, texto e os elementos grficos que formam a publicao do livro foi estabelecido um grid que ocupa a mancha grfica da pgina. O objetivo padronizar os componentes que formam o layout da pgina para que se tenha uma padronizao visual em toda a publicao. O grid composto por mdulos e para este projeto os mdulos que formam o grid medem 5 mm cada lado sendo que na vertical, o grid composto por 12 unidades e na horizontal 24 unidades de mdulos. Todos os elementos que fazem parte da pgina sero alinhados a partir do grid, para que todas as pginas tenham uma semelhana visual correta. O desenho 14 representa um mdulo.

Desenho 14: Mdulo.


Fonte: O Autor.

134

Para este planejamento grfico foi definido o uso do Grid de colunas, mais especificamente o de uma coluna. O desenho 15 mostra como deve ser as colunas (representada pelas colunas cinza).

Desenho 15: Grid.


Fonte: O Autor.

Alfabeto Padro: para existir uma padronizao do projeto grfico do livro foi definido o uso de uma famlia tipogrfica, tanto para texto e ttulos. Segundo White (2006), deve-se utilizar fontes contrastantes ao invs de uma diversidade de fontes e evitar mistur-las com desenhos parecidos. A fonte escolhida deve ser usada do incio ao fim do texto, com isso a publicao ganhar personalidade e simplicidade ao olhar do leitor.

135

O quadro 12 mostra a composio das fontes escolhidas para o planejamento grfico que so a fonte Swis721 Lt BT para os textos e a Swis721 Hv BT para dar nfase em palavras importantes, numerao de pgina e para os ttulos.

Swis721 Lt BT ABCDEFGHIJKLMNOPQRSTUVXZ Abcdefghijklmnopqrstuvxz Caracteres acentuados ^ Nmeros 1234567890 Ligaturas, ditongos @ & ae Oe Smbolos matemticos % = + Pontuaes ! () , : ; ? { } [ ] _ Smbolos monetrios $ Smbolos e pictogramas # *
Quadro 12: Fontes.
Fonte: O Autor.

Swis721 Hv BT ABCDEFGHIJKLMNOPQRSTUVXZ abcdefghijklmnopqrstuvxz ^ 1234567890 @ & ae oe %=+ ! ( ) , : ; ? { } [ ] _ $ #*

Na imagem 44 est representado a aplicao da famlia tipogrfica swis721 nas pginas do livro.

136

Imagem 44: Fontes utilizadas nas pginas.


Fonte: O Autor.

Elementos Grficos: para o planejamento do livro foi desenvolvido um elemento grfico a partir da sntese de um retngulo, tendo a inteno de diferenciar atravs da cor a dica que corresponde pgina. Esse retngulo vai estar localizado direita da numerao da pgina, como mostra a imagem 45.

137

Imagem 45: Posio do elemento grfico.


Fonte: O Autor.

Esquema 12: Medida do elemento grfico.


Fonte: O Autor.

138

O elemento grfico utilizado nas pginas deve seguir um padro de tamanho, por isso no esquema 12 pode-se visualizar a medida exata do elemento grfico a ser usado em todas as pginas. Para cada pgina de dica, o elemento grfico ser de uma cor diferente, isso far com que as pginas se diferenciem e o leitor consiga encontrar mais facilmente o que procura. O esquema 13 exemplifica as cores Pantones, CMYK e RGB, que devem ser seguidas na aplicao do elemento grfico nas respectivas pginas.

Esquema 13: Normatizao das cores.


Fonte: O Autor.

139

Numerao das pginas: os nmeros de pginas sero aplicados somente nas pginas direitas, no lado inferior direito. A tipografia estabelecida a Swis721 Hv BT, no tamanho de 12 pt. A imagem 46 mostra os espaos que devem ser obedecidos para a aplicao dos nmeros de pginas.

Imagem 46: Aplicao dos nmeros de pginas.


Fonte: O Autor.

140

Imagens: As imagens utilizadas neste projeto sempre vo estar dispostas nas pginas da esquerda, fazendo uma analogia a palavra quente, utilizando a parte inferior da pgina, onde h um espao destinado a ela. O esquema 14 mostra o espao destinado s imagens. As imagens escolhidas para compor as pginas

desse livro vo estar sangradas, invadindo as margens da mesma. A imagem 47 mostra um exemplo de aplicao de imagem na diagramao do livro.

Esquema 14: Localizao das imagens.


Fonte: O Autor.

141

Imagem 47: Aplicao de imagem.


Fonte: O Autor.

Layout das pginas: Para se ter um padro de pgina, onde todos os elementos que compem a mesma esto sempre no mesmo lugar e para facilitar ao leitor que encontre esses elementos nos lugares habituais, optou-se em utilizar o mesmo desenho de pgina, contudo para diferenci-los sero utilizadas variaes das cores. A imagem 48 exemplifica como deve se portar o layout da pgina.

142

Imagem 48: layout de pgina dupla.


Fonte: O Autor.

Elementos das pginas: no quadro a seguir so representadas as seis dicas utilizadas, com as cores que fazem relao com as imagens que esto dispostas nas pginas duplas do livro.

143

Quadro 14: Dica, cor e imagem.


Fonte: O Autor.

144

Medidas das pginas: os elementos que formam o layout da pgina devem seguir os padres de tamanho como mostram as imagens 49 e 50.

Imagem 49: Medidas do layout.


Fonte: O Autor.

145

Imagem 50: Medidas do layout da pgina.


Fonte: O Autor.

Capa e contracapa: A capa pode ser intitulada como sendo um pster ou cartaz para a publicao. As informaes contidas nela passam rapidamente pelos nossos olhos, por isso deve-se pensar em dimenses maiores e mais simples, sendo que os outros detalhes da capa deve-se deixar em segundo plano. Para a capa do livro Hot dicas de design editorial, foram utilizados elementos que possuem ligao com o Design, como por exemplo, o guia pantone. A imagem fotogrfica da xcara utilizada na capa faz uma analogia palavra Hot. A contracapa possui elementos como o cdigo de barras, localizado na parte inferior direito e um bloco de texto alinhado a direita no centro da contracapa. Na imagem 51 pode-se visualizar a capa e contracapa.

146

Imagem 51: Capa e contracapa.


Fonte: O Autor.

147

Sumrio: a imagem 52 mostra um exemplo de sumrio e a aplicao das fontes.

Imagem 52: Sumrio. Fonte: O Autor.

148

4.1.1 Normatizao

Esta etapa trata da preparao tcnica do projeto para a produo industrial na qual o projeto caracterizado para a produo. Para haver a normatizao devese primeiramente realizar a codificao, que tem como objetivo a adaptao da linguagem grfica para a linguagem tcnico-produtiva e a descrio tcnica de produo, que define as instrues exigidas para o processo produtivo. Collaro (2000) descreve essa etapa como sendo uma das mais importantes ao designer, pois o mesmo deve conhecer todo o processo de montagem das pginas do livro. O desenho 16 mostra toda a sequncia de montagem das pginas do livro, essa atividade facilita o controle de produo e o fechamento dos cadernos para a produo industrial.

Desenho 16: Sequncia de montagem das folhas.


Fonte: O Autor.

149

Imagem 53: Capa e contracapa finalizadas.


Fonte: O Autor.

150

Imagem 54: Especificaes e falsa capa.


Fonte: O Autor.

151

Imagem 55: Prefcio e dica 6. Fonte: O autor.

152

Imagem 56: Sumrio.


Fonte: O Autor.

153

Imagem 57: Dica 5.


Fonte: O Autor.

154

Imagem 58: Dica 1.


Fonte: O Autor.

155

Imagem 59: Dica 4.


Fonte: O Autor.

156

Imagem 60: Dica 2.


Fonte: O Autor.

157

Imagem 61: Dica 3.


Fonte: O Autor.

Especificaes de materiais: Impresso OFFSET Miolo: papel reciclato 75g. Capa: triplex 250 com plastificao brilho. Cores: 4 x 4. Capa/encadernao: Brochura de lombada canoa. Formato Fechado: 10 x 15 cm.

158

4.1.2 Superviso

Esta a ltima etapa da metodologia, a qual compreende a assistncia para o setor industrial e para o cliente, no que se refere ao apoio tcnico produo e implementao do projeto. uma das etapas mais essenciais, pois tem o objetivo de controlar a qualidade do produto e sua funcionalidade. O designer s poder acompanhar essa etapa do projeto quando a mesma passar para a etapa de produo seriada. Para tornar vivel a proposta do projeto grfico do livro Hot dicas de design editorial, buscou-se no municpio de Xanxer-SC oramento para produo em srie do mesmo, no qual foi realizada pela empresa News Print Grfica e Editora Ltda.

Especificaes de materiais: Impresso OFFSET Miolo: Papel reciclato 75g. Capa: triplex 250 com plastificao brilho. Cores: 4 x 4. Capa/encadernao: Brochura de lombada canoa. Formato fechado: 10 x 15 cm.

De acordo com o oramento apresentado pela empresa News Print Grfica e Editora Ltda, o custo para produo grfica de 1000 exemplares com as caractersticas descritas acima de R$ 2200,00.

159

5 CONSIDERAES FINAIS

O design editorial possui valores que agregados a publicaes de mdia impressa, fortalecem e estabelecem aspectos em um projeto grfico, resultando em produtos com forma, estilo e estrutura nicos no mercado editorial. Com isso, o objetivo dessa pesquisa de desenvolver o projeto grfico de um livro de dicas de design editorial que facilite a busca de informaes de uma forma mais clara e objetiva, agregando todos os aspectos citados acima foram atingidos. O projeto grfico do livro Hot dicas de design editorial segue padres de unidade e legibilidade permitindo ao pblico-alvo identific-lo. A unidade

determinada para compor as pginas do livro, permite que o mesmo seja de fcil identificao por parte do pblico, caso sejam feitos outros volumes do livro. O uso da unidade deu-se atravs das pesquisas e anlises de materiais similares e pesquisas bibliogrficas, a partir das quais se pde constatar elementos que mais se encaixavam com o tipo de projeto editorial do livro, buscando critrios para que se atingissem o pblico-alvo em questo. As pesquisas feitas com os diversos assuntos que rodeia o design colaboraram para que o projeto grfico estivesse bem embasado, referenciando toda a ao que se quisesse realizar. As anlises de materiais similares deram ao projeto uma base para a escolha dos elementos grficos que mais tinham semelhana com o planejamento grfico. O resultado final atingiu os conceitos estabelecidos (organizao, legibilidade e inovao) que caracterizam o pblico-alvo. Pode-se perceber claramente atravs dos elementos que formam o planejamento grfico visual do livro. Portanto, com a juno da teoria com a prtica, atingiram-se os objetivos propostos inicialmente, produzindo um material diferenciado no mercado editorial.

160

REFERNCIAS

ARAJO, Emanuel. A construo do livro: princpios da tcnica de editorao. 2. ed. rev. e ampl. Rio de Janeiro: lexikon, 2008. 635 p. CEZAR, Newton. Mdia eletrnica: A criao de comerciais para TV, rdio e internet. Rio de Janeiro: 2AB. 2008. 88 p. COLLARO, Antonio Celso. Projeto Grfico: Teoria e Prtica da Diagramao. 4.ed. ver. e ampl. So Paulo: Summus, 2000. 181 p. DENIS, Rafael Cardoso. Uma introduo histria do design. So Paulo: Edgard Blcher, 2000. 240 p. ENCADERNAES e acabamentos dorsais. Disponvel em: www.idealizagraf.com.br/encadernacoes.html. Acesso em: 20 out. 2010. FARIAS, Priscila L. Tipografia digital. O impacto das novas tecnologias. 2. Ed. Rio de Janeiro: Editora 2AB. 2000. 116 p. FERLAUTO, Cludio; JAHN, Heloisa. A Grfica do livro / O livro da Grfica. 3 Ed. So Paulo. SP Editora Rosari. 2001. 95p. HOLLIS, Richard. Design grfico: uma histria concisa. So Paulo: Martins Fontes, 2000. HORIE, Ricardo Minoru; PEREIRA, Ricardo Pagemaker. 300 Superdicas de Editorao, Design e Artes Grficas. 5. Ed. So Paulo: Editora SENAC. 2005. 181p. LCKMAN, Luiz Carlos; ROVER, Ardinete; VARGAS, Marisa. Diretrizes para elaborao de trabalhos cientficos: apresentao, elaborao de citaes e referncias de trabalhos cientficos. Joaaba: Editora Unoesc, 2007. 102 p. (Caderno Metodologia do trabalho cientfico). LUPTON, Ellen. Pensar com tipos. So Paulo: Cosac Naify. 2006. 184p. MATT, V. A. Proposta de metodologia projetual para produtos grficoimpressos. Expresso. Vol. 1, n. 1 (jan/jun), p. 60-66. Santa Maria: UFSM, 2004. OLIVEIRA, Marina. Produo grfica para designers. Rio de Janeiro, Editora: 2AB. 2000. 136p.

161

R.R. DONNELLEY MOORE IMPRIME OBRA DE REFERNCIA DA HISTRIA MUSICAL DO BRASIL. Disponvel em:

http://www.rrdmoore.com.br/img/upl/noticias/dicionario.jpg. Acesso em: 20 out. 2010.


RIBEIRO, Milton. Planejamento visual grfico. 7. Ed. Braslia, Linha Grfica Editora. 1998. 498p. SAMARA, Timothy. Grid: construo e descontrao. So Paulo: Cosac Naify. 2007. 208p. VILLAS-BOAS, Andr. O que e o que nunca foi design grfico. 3. Ed. Rio de Janeiro, RJ: Editora 2AB 2000. 76 p. WHITE, Jan V. Edio e Design. 3. Ed. JSN Editora 2006. 238p. WILLIANS, Robin. Design para quem no Designer. 2 Ed. So Paulo, Editora Cellis 2006. 188p.