Manual de diagramação revista dazárea by Washington Luiz

MANUAL EDITORIAL REVISTA

Trabalho de conclusรฃo de Curso Design Grรกfico 2015.02 Autor: Washington Luiz P de Sousa Prof. orientador: Robson Gomes Centro Universitรกrio Estรกcio do Cearรก.

APRESENTAÇÃO Este manual é uma parte do trabalho de conclusão de curso do aluno Washington Luiz P. de Sousa do curso design gráfico 2015.02 da Estácio - FIC e destina-se a bancada de avaliação e ao designer diagramador que poderá vir a continuar com a diagramação deste projeto. Com um propósito único este material irá orientar e justificar com base em citações bibliográficas a diagramação da Revista Dazárea.

SUMÁRIO

Introdução

Objetivo Metodologia

Público

22 Logotipo 24 Formato 26 Tipografia 28 Grid 30 Elementos Pré Textuais 34 Diagramação

01 O trampo 茅 l么co cumpade.

INTRODUÇÃO A revista Dazárea é um projeto editorial com foco em um público jovem urbano e suburbano, que visa a interação e o entretenimento de uma forma mais assistida. Com uma missão inovadora, a revista visitará pontos de encontro onde tribos urbanas e suburbanas se reúnem para a prática de esporte (skate, surf,

slack line, futebol), para a prática de arte (grafite, dança de rua, artesanato), para a prática de lazer musical (cobertura de shows e entrevistas) e eventos alternativos. De uma forma dinâmica e bem humorada, a revista abordará temas de vivências cotidianas destes jovens, que também poderão estar contribuindo com docu-

mentários e matérias, para que sejam publicadas em uma edição posterior. A revista contará com um canal de comunicação por onde esses jovens terão acesso a troca de informações, onde poderão interagir com suas matérias, documentários ou fotografias de determinados eventos.

De uma forma dinâmica e bem humorada, a revista abordará temas de vivências cotidianas destes jovens...

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

8|9

Quais são as razões básicas e subjacentes para a criação (concepção, fabricação, construção, manufatura) de todas as inúmeras formas de materiais visuais? […] O principal fator de motivação é a resposta a uma necessidade […] Mas a maior parte do material visual produzido diz respeito com unicamente à necessidade de registrar, preservar, reproduzir e identificar pessoas, lugares, objetos ou classes visuais […]

(Donis, 2003, p. 88)

Usando cores, formas, tamanhos, ritmo, movimento e tipografias bem despojadas...

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

Com uma linguagem única e sem preconceito, Dazárea levará informação de uma forma grandiosa, tornando o conteúdo extraído de zonas urbanas e periféricas com valor mais relevante para a socieda-

de, dando ênfase a assuntos e eventos nunca abordados por outros. Com uma visão diferente e inspiradora, as matérias terão um maior significado devido ao seu projeto editorial, que foi projetado com um

pensamento inovador, o jovem. Usando cores, formas, tamanhos, ritmo, movimento e tipografias bem despojadas que identifica e atrai o olhar das pessoas.

Dazárea é uma gíria que é comumente falada em meio a estes jovens. O nome não veio atoa, mas para fazer jus ao seu público onde são trocadas

palavras por gírias, que por sua vez são transformadas em dialeto, o que passa a ser uma identidade singular.

12 | 13

A elaboração da publicação encara o produto como um objeto-a- ser-vendido e se preocupa com as características gerais, a atração do leitor, a personalidade. [...] O objeto é maleável, dobrado, curvo, tridimensional. É preso pela lombada, de modo que a metade interna fica escondida até que quem folheia decida abri-lo totalmente para revelar a dupla aberta. O que é ele vir nas metades externas irá motiva-lo a fazer isto.

(WHITE, 2005 p. 02; 05)

A imagem atrai atenção e desperta curiosidade. Como cada um interpreta uma imagem do seu jeito, já que cada observador tem sua própria história e interesses, são necessárias palavras para definir a Ideia - o propósito - por trás do visual. […] O título realça a ideia... e assim promete um benefício que tem a intenção de motivar os leitores a descobrirem mais (fazer com que penetrem no texto).

(WHITE, 2005 p.11)

OBJETIVO O objetivo é que no fim do processo de desenvolvimento o leitor tenha em mãos um material bem diagramado, tendo como característica básica equilíbrio, movimento cor e contraste para proporcionar uma nova experiência a cada página virada. Conduzir pelos títulos inquietos, dei-

xar repousar sobre uma massa de texto bem agradável, e convidar o leitor a rotacionar a página 90 ou a 180 graus para apreciar melhor as imagens. Isso é o foco do projeto editorial da revista Dazárea, que além de ser folheada, dobrada, recortada ela possa ser emoldurada, como uma obra de arte.

além de ser folheada, dobrada, recortada ela possa ser emoldurada, como uma obra de arte.

METODOLOGIA O processo de criação e construção da revista Dazárea será fundamentado em uma pesquisa bibliográfica e coleta de materiais fictícios que irão compor o conteúdo diagramado da revista. Inicialmente serão feitas pesquisas de campo para identificar e entender o público-alvo,

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

sua linguagem, suas características e por fim suas necessidades. Será definido o nome e a identidade visual da revista. Em seguida será iniciado o projeto gráfico utilizando-se de várias técnicas como definição de: formato, mancha gráfica, tipografias, grid e colunas.

16 | 17

PÚBLICO

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

O nome não veio à-toa, mas para fazer jus ao seu público

18 | 19

02 Ei mah, se liga ai... o nêgo é Dazárea

LOGOTIPO O logotipo da Revista Dazárea é formado pela tipográfia Rockwell - Regular. O mesmo assume uma forma hibrida, pois pode ser aplicado com e sobre qualquer cor ou textura. Deve se observar sempre seu contraste com o

fundo para que tenha uma boa legibilidade e não fique ambiguo com outras formas, cores e texturas que esteja ao redor. Assim a marca assume uma forma dinâmica, ficando homogênea para que a matéria seja transmitida de

forma integra, representando sempre com muita clareza o que deseja ser transmitido. Apesar de ser dinâmico, o logitpo não pode ser deformado ou escrito com outra tipografia.

SIGNIFICADO

PÚBLICO

Dazárea é uma gíria de rua que quando falada significa que um determinado sujeito é da área, da comunidade, da turma, ou seja, é um membro daquele grupo.

Jovens urbanos e suburbanos, que comumente se expressar através do esporte, da música e da arte.

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

EXEMPLO DE APLICAÇÃO

22 | 23

FORMATO O formato da Revista Dazárea é de 200mm de largura x 280mm de altura, seu formato foi elaborado à partir do padrão de papel BB (660mm x 960mm) que é encontrado facilmente nas gráficas offset, este formato respectivamente tem uma área de aproveitamento muito boa. Além disso, as medidas da revista é er-

gonomicamente excelente e permite que a diagramação seja dinâmica. Apesar de seu formato padrão a Revista Dazárea pode apresentar páginas de forma criativa, páginas estas que podem ter um recorte especial ou uma página dupla ou tripla dependendo do projeto da edição atual.

400mm (Revista aberta)

200mm

200mm (Revista fechada)

MEDIDAS 200mm x 280mm (fechada) 400mm x 280mm (aberta) *A revista conta com 5mm a ser adicionado nas margens internas para acabamento e colagem da lombada quadrada.

ACABAMENTO Lombada quadrada

SUPORTE DE IMPRESSÃO Miolo: Papel offset 120gm Capa: Papel offset 240gm *Ambos impressos em 4x4 cor.

ORDEM DAS PÁGINAS Capa, anúncio, expediente, editorial, sumário, matérias e por fim capa final. *Os anúncios deverão ser colocados sempre entre as máterias em página dupla.

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

EXEMPLO DE PÁGINA ESPECIAL

EXEMPLO Temos o exemplo dividido em três partes. A primeira é a revista fechada, a segunda é o desdobramento da página e em terceiro a página toda virada e aberta.

24 | 25

TIPOGRAFIA O projeto editorial foi concebido oficialmente com duas famílias tipográficas que são Rockwell usada nas aberturas das matérias e a Century Goyhic usada nos entretítulos e nos texto corridos. São duas famílias tipográficas de boa leitura e que garante um bom contraste de tipos.

Mas para ter uma boa dinâmica a revista adota algumas fontes diferenciadas, obtendo assim um aspecto único e gerando relevância e destacando para aquela matéria.

ABC abc ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 {.;:,!?}(åçèíñöû) O Rockwell original foi produzido pela fundição Inland em 1910 e comercializado sob o nome Litho Antique. Nos anos 20 a American Type Founders reeditou-o, depois de Morris Fuller Benton ter desenhado novas variantes. Esta versão do Rockwell foi produzida pela Monotype Corporation em 1934, numa altura em que os Tipos Egípcios voltaram a ter grande popularidade. Infelizmente muita da antiga literatura referiu-se ao Rockwell erradamente como Stymie bold,criando uma confusão que permanece ainda nos dias de hoje. Esta Fonte é também conhecida pelo o nome Geometric Slabserif 712.

Rockwell 1934: Monotype (F.H. Pierpont)

(SOUSA, 2002, p. 68)

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

ABC abc ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 {.;:,!?}(åçèíñöû) O Century Gothic é baseado no 20th Century desenhado por Sol Hess. Este Tipo consiste basicamente nas mesmas formas do Tw Cen, mas com maior altura-x e menor espessura dos traços.

Century Gothic 1936-47 Sol Hess

(SOUSA, 2002, p. 68)

Apesar da dinâmica de poder se usar outros tipos não oficial, é necessário observar a legibilidade que o tipo pode dá. O ideal que se use apenas em títulos, no caso do uso nos textos corridos

é importante que observe se a família do tipo é completa com acentos e caracteres especiais. Abaixo tem um exemplo do uso de um tipo diferenciado, que por sua vez

O nome não veio à-toa, mas para fazer jus ao seu público

a família não é completa com todos os caracteres, nesse caso foi necessário fazer a correção usando um software.

aaaiight! fat regular

26 | 27

GRID O grid da revista é formado por uma dupla de 200mm x 280mm, com as respectivas margens; 30mm, 25mm, 15mm, 25mm e dividida por 5 colunas 38,88 mm com um espaçamento de 4mm. Este grid foi elaborado para que o designer tenha flexibilidade ao

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

diagramar textos e imagens, mas podendo também quebrar a regra de uso quando necessário usar meia coluna. Visando uma boa interação com o leitor, é ideal a quebra do uso do grid em uma material especial, onde é desejado um impacto maior. Na página

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

seguinte é apresentado um exemplo onde foi deixado de lado o grid e usado um formato inovador, onde os textos e imagens são diagramados em um ângulo de 45˚.

WASHINGTON LUIZ P. SOUSA 201301122203

EXEMPLO DE APLICAÇÃO

Gent fugiaerum ide con ressit Gent fugiaerum ide con ressit,Porumquat venditatatem que volorio. Adis estem eos nosanih iliqui cullabo rrorepr ecusae volore que nim ipit lit eos sanditis si con renistibus eaquod mo magnistet quos sequide bitatus milliberit esto te voluptat litatem. Nam, audite odit que quodicia cone nobisquam consequis quunduciet modit harchillaut accus et pa dolupta quis am, volut et audaescipid modis dolore vent ommoles minus consedis molorio Gent fugiaerum ide con ressit,Porumquat venditatatem que volorio. Adis estem eos nosanih iliqui cullabo rrorepr ecusae volore que nim ipit lit eos sanditis si con renistibus eaquod mo magnistet quos sequide bitatus milliberit esto te voluptat litatem. Nam, audite odit que quodicia cone nobisquam consequis quunduciet modit harchillaut accus et pa dolupta quis am, volut et audaescipid modis dolore vent ommoles minus consedis molorio

Gent fugiaerum ide con ressit,Porumquat venditatatem que volorio. Adis estem eos nosanih iliqui cullabo rrorepr ecusae volore que nim ipit lit eos sanditis si con renistibus eaquod mo magnistet quos sequide bitatus milliberit esto te voluptat litatem. Nam, audite odit que quodicia cone nobisquam consequis quunduciet modit harchillaut accus et pa dolupta quis am, volut et audaescipid modis dolore vent ommoles minus consedis molorio Gent fugiaerum ide con ressit,Porumquat venditatatem que volorio. Adis estem eos nosanih iliqui cullabo rrorepr ecusae volore que nim ipit lit eos sanditis si con renistibus eaquod mo magnistet quos sequide bitatus milliberit esto te voluptat litatem. Nam, audite odit que quodicia cone nobisquam consequis quunduciet modit harchillaut accus et pa dolupta quis am, volut et audaescipid modis dolore vent ommoles minus consedis molorio

G q en e ua t re ste t fug sa pr m ve ia m nd ec eo ndit eru rit ag it u s a m iliq e n is s sa n tat id n u sto iste i c e v osa em e e im i c te t q o olo nih q co ta aq ip ulla vo uo n re u n N tu uo it li bo lup s s ren q iliq e res a s n m m d m t e rr ta eq istib ue ui vo sit lo , d ob , illi o os or t li u u n cu r Po am it h isq au be m sa ep ta ide s im lla io. ru t e r d u m a a r s ve , rc a it it g n e t b a ip bo A nt vo h m e es nis ditis cu em itat qu it li r dis om lut illau co odit to tet si sae eo us od t e rot m n e s e c t q v n m os s m t q ole au acc eq ue vo uos on olo os illib o u e s da us is q lup se ren re anih m e e qu uo ta qu is qu t in sc t p u d t us ip a nd ic lit ide ibu e co id do uc ia ate bi- s ns mo lu ie co m. ed d pt t m ne is a is d q om olo uis olo r rio e

G id en e t fu co g n ia re er ss um it

28 | 29

ELEMENTOS PRÉ-TEXTUAIS Abaixo seguem listados os elementos, padrões das páginas da Revista Dazárea. Os mesmos deverão estar presentes em todas as páginas para que haja organização e padronização, exceto nos anúncios.

A páginação e o logotipo estão configurados na página Mestra A, e o Chapéu onde é configurado o gênero da página, esta configurado nas respectivas páginas: ESP - Esporte, MUS - Música e AR - Arte.

ELEMENTOS DA PÁGINA 01 - CHAPÉU

02 - LOGOTIPO

03 - PÁGINAÇÃO

Elemento que identifica o gênero da seção e anuncia o que a matéria terá.

Elemento de assinatura da revista. Deverá sempre apresentar-se no mesmo lugar com as mesmas medidas podendo mudar de cor quando necessário.

Elemento de identificação de ordem de páginas da revista, apresenta-se sempre na página impar com a numeração da página anterior e da atual.

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

Os elementos da capa estão listados abaixo com um exemplo de aplicação. Estes devem sempre estar presente na capa, podendo variar um pouco quando necessário, mas nunca exage-

radamente para que não perca a padronização. É ideal que seja consultado o manual ou o diretor do projeto quando uma dúvida persistir.

ELEMENTOS DA CAPA 04 - LOGOTIPO

07 - CHAMADA SECUNDÁRIA

09 - NÚMERO DA EDIÇÃO

Elemento principal de identificação da revista, ele pode variar de tamanho, cor ou textura (ver aplicação pág. 22) mas nunca pode ser deformado.

Matérias com menos peso, mas sempre deve ser anunciada desta forma, para que seja nítido a leitura e reconhecimento da revista.

Este elemento apresenta o número, data de edição, deve sempre estar posicionado de forma que seja lido sem nenhuma dificuldade.

05 - CHAMADA PRINCIPAL

08 - IMAGEM PRINCIPAL

10 - CÓDIGO DE BARRAS

Matéria de peso que a revista trará em sua edição. Esta é anunciada com muito destaque. É permitida das o uso de uma fonte não oficial desde que seja parte do projeto.

Imagem de representação da matéria principal, esta pode variar de tamanho e forma de acordo com o projeto.

Deverá apresentar-se no mesmo lugar e com o mesmo tamanho de acordo com o que esta demostrado.

04 08

30 | 31

03 Pode crer pivete... a parada ĂŠ sinistra

DIAGRAMAÇÃO O projeto gráfico da Revista Dazárea é dividido nos demais estilos de parágrafo listados logo a seguir, estilos estes que pa-

dronizam e organizam hierarquicamente toda uma ordem lógica de leitura.

ESTILOS DE PARÁGRAFO SUMÁRIO

TEXTO CAPITULAR

TEXTO BOLD

SUMÁRIO 2

TEXTO

MARCA TEXTO

TÍTULO ABERTURA

TÍTULO LISTA

BOX LEGENDA

ENTRETÍTULO

TEXTO LISTA

BOX LEGENDA BOLD

AUTORES

TEXTO MÚSICA

01 - SUMÁRIO 1

02 - SUMÁRIO 2

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

SUMÁRIO A configuração do layout do sumário é projetada para que as matérias mais relevantes tenham suas imagens destacas nos quadros acima, logo deverá estar enumerada para que seja identificada no sumário listado abaixo.

34 | 35

03 - TÍTULO DE ABERTURA

04 - ENTRETÍTULO

05 - AUTORES

06 - TEXTO CAPITULAR

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

06 - TEXTO CAPITULAR (CONTINUAÇÃO) TEXTO E TEXTO CAPÍTULAR O estilo texto capitular deve ser usado sempre no primeiro parágrafo de um texto corrido e o restante deve ser aplicado o estilo texto. Isso devido o uso da letra capitular no início da massa de texto. Ver exemplo abaixo.

07 - TEXTO

04 05 06

36 | 37

04 05 06

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

08 - MARCA TEXTO

MARCA TEXTO Este estilo apresenta a mesma configuração do estilo de parágrafo texto, a diferença vem no uso do sublinhado que está configurado para funcionar como um marcador.

09 - BOX LEGENDA E BOX LEGENDA BOLD

BOX LEGENDA E BOX LEGENDA BOLD São dois estilos usados para escrever legendas quando necessário. O estilo box legenda bold funciona como um título e o box legenda como descrição.

38 | 39

10 11

TRABALHO DE CONCLUSÃO DE CURSO DESIGN GRÁFICO 2015.02

MANUAL DE DIAGRAMAÇÃO REVISTA DAZÁREA

WASHINGTON LUIZ P. SOUSA 201301122203

10 - TÍTULO LISTA

11 - TEXTO LISTA

TÍTULO LISTA E TEXTO LISTA Dois estilos criados para auxiliar na configurações de textos que necessite se destacar de uma forma breve do restante dos textos.

40 | 41

BIBLIOGRAFIA BRINGHURST, Rober. Elementos do estilo tipográfico. 3ª edição. São Paulo: Cosacnaify, 2005. BUTLER, Jill; HOLDEN, Kristina; LIDWELL, William. Princípios universais do design. 1ª edição. São Paulo: Bookman, 2010. DONDIS, Donis A.. Sintaxe da linguagem visual. 3ª edição. São Paulo: Martins Fontes, 2007. GAVIN, Ambrose; HARIS, Paul. Fundamentos de design criativo. 1ª edição. São Paulo: Artmed Editora, 2009. HELLER, Steven. Linguagens do design - Compreendendo o Design Gráfico. 2ª edição. São Paulo: Rosari, 2010. HURLBURT, Allen. Layout: Design da página impressa. 1ª edição. São Paulo: Nobel, 2002. LUPTON, Ellen; Phillips, Jennifer Cole. Novos fundamentos do design. 3ª edição. São Paulo: Cosacnaify, 2008. SAMARA, Timothy. Grid: Construção e desconstrução. 1ª edição. São Paulo: Cosacnaify, 2007. SOUSA, Miguel. Guia de tipos - Métodos para o uso das Fontes de PC. Disponível em www.infoamerica.org/museo/pdf/guia_de_tipos01.pdf acessado em 25/05/2015. WHITE, Jan V. Edição e design: Para designers, diretores de arte e editores. 3ª edição. São Paulo: JSN Editora, 2006. WILLIAMS, Robin. Design para quem não é designer. 3ª edição. São Paulo: Callis Editora Ltda, 2011.

MANUAL EDITORIAL REVISTA