Universidade Cândido Mendes — Escola de Design Habilitação em Programação Visual Vitor Matera Moutinho Título
Rio de Janeiro, 2014
Tema Geral: Comunicação/Jornalismo Tema Específico: Revista digital sobre a região de Jacarepaguá
Vitor Matera Moutinho (21) 96929-3131
vitormatera@hotmail.com Universidade Cândido Mendes — Escola de Design Habilitação em Programação Visual Data: Setembro de 2014 Professores: Henrique Pires, Vera Lopes, Roberta Barros, Simone Figueiredo
sumário
1- Introdução....................................................................................................................................4 2-Fase analítica 1a etapa.................................................................................................................4 2.1- Levantamento e análise de dados...........................................................................................4 2.1.1- Historia dos jornais de bairro................................................................................................6 2.1.2- Jornais e revistas digitais no futuro e a inserção do multimídia.......................................6 2.1.3- Exemplos de Jornal de digital...............................................................................................6 2.1.4- Observação assistemática e levantamento inicial com usúario........................................7 2.1.5-Entrevistas...............................................................................................................................7 2.1.6-Levantamentobibliográficopreliminar................................................................................10 2.2 Problematização.......................................................................................................................10 2.3- Delimitações do projeto..........................................................................................................11 2.3.1-Objetivo..................................................................................................................................11 2.3.2- Publico alvo..........................................................................................................................11 3- Fase analítica 2a etapa...............................................................................................................11 3.1- Levantamento e análise de dados..........................................................................................11 3.1.1- Analise de concorrente.........................................................................................................11 3.1.2-Analise visual dos similares................................................................................................13 3.1.3-Gride.......................................................................................................................................16 3.1.4- Brain Dupping Visual...........................................................................................................19 3.1.5- plataforma da marca............................................................................................................20 3.1.6- Referencias visuais..............................................................................................................20 3.1.7- Elementos gráficos..............................................................................................................22 3.1.8- Rodapé de página................................................................................................................24 3.1.9- Final de artigo......................................................................................................................24 3.1.10- A estrutura...........................................................................................................................25 3.2-Síntese.......................................................................................................................................26 3.3- Definições de requisitos e restrições...................................................................................26 4. Fase de desenvolvimento..........................................................................................................27 4.1.1.2-Brainstorming....................................................................................................................27 4.1.1.3- Escolha tpográfica............................................................................................................28 4.1.1.4- Plataforma para publicação da revista............................................................................29 4.1.2- Tipográfia para texto............................................................................................................29 4.1.3- Palheta de cores bairro.......................................................................................................29 4.1.4- Ponto de contato.................................................................................................................30 4.1.5- Logotipo...............................................................................................................................31 4.1.5.1- Teste de logotipo..............................................................................................................31 4.1.6- Tipográfia para título...........................................................................................................33 4.1.7- Rodapé e numeração de página...........................................................................................34 4.1.8- Canto superior esquerdo.....................................................................................................36 4.1.9- Aplicações das alternativas selecionadas.........................................................................38 5. Referências bibliográficas.........................................................................................................39
1. Introdução Jacarepaguá é um bairro de classe média da Zona Oeste do Rio de Janeiro, no Brasil. Localiza-se na Baixada de Jacarepaguá, entre o Maciço da Tijuca e a Serra da Pedra Branca. É um bairro em processo de desmembramento, pois importantes áreas do que sempre se entendeu historicamente como a parte principal de Jacarepaguá, com o tempo foram se desmembrando e tornando-se bairros próprios, como é o caso dos bairros Anil, Curicica, Cidade de Deus, Freguesia, Gardênia Azul, Pechincha, Praça Seca, Tanque e Taquara, que junto com Vila Valqueire e o próprio Jacarepaguá, fazem parte da XVI Região Administrativa (R.A.) - Jacarepaguá - do município do Rio de Janeiro. Analizando matérias relacionadas a Jacarepaguá em diversos jornais e revistas, o cenário comunicativo atual de Jacarepaguá é composto predominantemente por notícias relacionadas à caótica vida urbana com forte presença de denúncias, escândalos fiscais, assaltos entre outros males de interesse público. 2- Fase analítica 1a etapa 2.1- Levantamento e análise de dados Foi feito uma busca no site do G1 com a palavra chave “Jacarepaguá” e todas as notícias mostradas eram relacionando Jacarepaguá a assuntos negativos como tiroteio, assaltos e trânsito. (1)
*(1) “G1” site de noticias no Rio de Janeiro
Análise: Na primeira e a segunda matéria podemos ver que o assunto principal é tiroteio, depois transito e seguido por variados assuntos sempre negativos sobre Jacarepaguá. A conclusão é que raramente Jacarepaguá é relacionada a assuntos positivos. 2.1.1-Análise de caso: “I Love NY” (Eu amo Nova Iorque - em português) Surgiu da necessidade de valorizar a cidade de Nova Iorque em um periodo que o turismo estava baixo, por conta da alta criminalidade na região. Segundo a revista Computer Arts* A campanha iniciada em outubro de 1977, esperava levantar o moral dos habitantes de Nova York e atrair turistas. A época era complicada para a cidade, que atravessava uma crise de desemprego, altos índices de criminalidade, lixo nas ruas e, como resultado, poucos turistas.
*Computer Arts - Revista brasileira sobre design
Em Amsterdã, na Holanda, inicialmente o conceito “I AMSTERDAM” surgiu de uma exibição fotográfica, onde os moradores deixavam suas opiniões sobre a cidade, depois o símbolo passou a ser usado para promover a cidade. Começou então, uma parceria público-privada criada para estimular o comércio em Amsterdam, para expandir e mudar ligeiramente essa consciência cultural, tirando a imagem negativa que relacionava a cidade com uma imagem de sexo e drogas, focando no que eles identificaram como os valores fundamentais da cidade: criatividade e inovação. A ideia principal da marca é que a população não só use, mas sim que ele seja e sinta a marca adotando como estilo de vida.
2.1.2- Observação assistemática e levantamento inicial com usúario Foram observadas quatorze pessoas em suas residências ou ambiente de trabalho no periodo de dois de abril a dois de novembro de 2014. Seus comportamentos e a forma como lidam no dia-dia com a internet e com o bairro. Dos quinze moradores de Jacarepaguá observados cinto tinham entre 18 e 25 anos, cinco entre 25 e 30 e cinco entre 30 e 40. Todos possuiam computador e celular com acesso a internet e utilizam Facebook. Todos utilizam sites de busca para chegar a endereços na internet. Nenhum compra jornal impresso, todos usam sites de noticias para se informar. 2.1.3-Entrevistas Entrevista realizada com dez moradores de Jacarepaguá entre 20 e 30 anos, no periodo entre quatro de abril e dois de novembro de 2014. Foram selecionadas perguntas relacionadas a sentimento de morar em Jacarepaguá, o que mais gostam, sentem falta na região e o que mudariam em Jacarepaguá. Também foi perguntado quais veiculos de comunicação utilizam para se informar sobre Jacarepaguá. Análise: Todos os entrevistados se sentem bem morando em Jacarepaguá por estar em uma região tranquila e estar perto da natureza e morar em um bairro perto da praia. Dos dez, oito reclamam da falta de segurança e afirmam ouvir casos de assalto ou roubo frequentemente. Reclamam da demora para chegar a outros bairros por conta do transito intenso e inumeras obras. Dizem que o transporte publico local nao atende as necessidades, como ir para o centro ou locais mais distantes. Todos usam os meios digitais para buscar assuntos do cotidiano e sobre a cidade, esporadicamente leem revistas e na maoria das vezes jornais impressos de distribuição gratuita. Também usam o Facebook para chegar a esses sites de notícia através de publicações na rede social.
2.1.4 - Pesquisa de público De acordo com o Institudo Pereira Passos(2014) em 2014 a população de Jacarepaguá é de 612 mil habitantes e segundo o SEBRAE(2011) a população de Jacarepaguá pertencente à faica etária entre 20 e 30 anos se destaca com o universo de 149.727 moradores,seguida por 176.711 de 30 a 49 anos. Uma pesquisa endossada pela Fundação Getúlio Vargas(2012) quantifica moradores de Jacarepaguá em 402 mil pessoas com acesso a computador e internet e que as classes AB se destacam possuindo universo de 84 mil domicílios conectados a internet através do computador, celular ou tablet. Segundo o principal site que analisa mídia sociais pelo mundo 82,32% dos conectados acessão Facebook. 2.1.5 - Pesquisa sobre a natureza da região de Jacarepaguá Em pesquisa feita em sites de busca na internet sobre a natureza de Jacarepaguá, o PARQUEDAPEDRABRANCA.COM(2014) que é o site oficial do Parque Estadual da Pedra Branca diz que o Parque é considerado a maior reserva florestal em área urbana no mundo. Compreende um total de 12.500 hectares, onde se destaca o Pico da Pedra Branca, ponto culminante da cidade com 1024 2.2 Problematização Na fase analítica da 1a etapa foi observado que existe uma carência de conteúdo voltado para os pontos positivos de Jacarepaguá, e quando Jacarepaguá é relacionada na grande mídia o assunto é negativo. 2.3- Delimitações do projeto 2.3.1- Objetivo: Desenvolver um veículo de mídia digital que valorize a região de Jacarepaguá por meio de publicações de matérias sobre a natureza da região, contribuindo para a geração de um vínculo positivo entre o morador e seu bairro. Assumir a parcialidade constituindo a mídia positiva, a fim de comunicar, destacar e promover o que há de melhor em Jacarepaguá. 2.3.2- Publico alvo: Jovens moradores da região de Jacarepaguá,que valorizam a natureza do bairro, pertencentes a classe AB, que possuem forte presença nos meios digitais. 3- Fase analítica 2a etapa 3.1.1- Analise de concorrente. Usando as palavras chave “Jacarepaguá”, “Notícia”. Foram identificados dois veículos de mídia digital atuantes exclusivamente na região de Jacarepaguá. A página no Facebook “Taquara da Depressão”(2014) e o “Blog do Jacaré”(2014). Os dois abordam assuntos gerais relacionados ao cotidiano de Jacarepaguá.
Blog do Jacaré Análise: Diariamente o Blog do Jacaré é atualizado. Porem sempre com notícias negativas, como assalto, roubo e violência. Organiza suas notícias de forma a valorizar apenas conteúdo negativo relacionado a região.
Análise gráfica: A identidade visual do Blog do Jacaré se constitui basicamente das cores verde, amarelo, vermelho e preto. Usa três tipografias diferentes para a assinatura. Tem uma espécie de mascote que é um jacaré simbolizando Jacarepaguá. O símbolo do jacaré destoa da imagem que o Blog passa de Jacarepaguá, pois o Blog é formal e o símbolo infantil.
Taquara da Depressão Análise: Eles se identificam como uma revista, porem fazem apenas postagem no Facebook. Varias vezes ao dia informações são publicadas, na maioria das vezes relacionando Jacarepaguá a assunto negativos. A página tem conteúdo informativo, publicando informações sobre trânsito, mudanças nas linhas de ônibus e assaltos. A página conta com 49.762 seguidores.
Análise gráfica: A identidade visual da Página Taquara da Depressão consiste em usar variadas imagens da região, como foto de ônibus, pessoas do dia-dia e paisagens. Não existe um padrão, as imagens são postadas de forma aleatoria e desorganizada. Não exitem cores institucionais ou assinatura oficial.
3.1.2 Analise visual dos similares. 1)A revista “Natura Aventura” é uma revista digital produzida em Barcelona na Espanha. Ela tem distribuição gratuita e tem tiragem mensal. A revista aborda assuntos relacionados a natureza e aventura na região da catalunha. Contém 44 páginas.
Analise gráfica: A revista usa logitpo tipográfico sem serifa no formato horizontal. O preto e o vermelho predominam, compondo as cores do logotipo e de diversos elementos gráficos usados nas publicações. Para elementos gráficos utiliza as cores principais e cores de apoio, sempre em escalas de cor. Prioriza fotografias nas publicações, sempre valorizando a região que a matéria aborda. Para textos usa tipográfia sem serifa. Gride de três colunas.
2) A revista “SALT” é uma revista digital produzida e veiculada em Sunshine Coast na Australia. Ela tem distribuição gratuita e tem tiragem por estação do ano. Esta direcionada para o turismo da região. As publicações abordam assuntos relacionados zonas turisticas da região de Sunshine Coast, como praias, restaurantes hoteis e paseios. Contém 124 páginas.
Analise gráfica: A revista usa logitpo tipográfico estilo caligrafico no formato horizontal. O branco e azul predominam nas publicações, exautando a cor das aguas de Sunshine Coast. Compondo as cores do logotipo e de diversos elementos gráficos usados nas publicações. Prioriza o uso de fotografias exautando a beleza natural da região. Para textos usa tipográfia com serifas. No editorial divide a página em duas colunas, porém nas publicações usa gride de 2 colunas.
3)A revista “COVEN” é uma revista digital produzida nos Estados Unidos. Ela é direcionada ao público que consome diferentes produtos ligados a esporte, aventura, arte, . A revista aborda assuntos relacionados a esporte em contato com a natureza. Contém 76 páginas.
Analise gráfica: A revista usa logitpo tipográfico sem serifa no formato horizontal, nas cores preto e branco. Na capa utiliza uma ilustração de paisagem. Usa páginas inteiras para fotografia e páginas só para texto, formando um padrão. Fotografias nas publicações, sempre valorizando a região que a matéria esta sendo feita.Para textos usa tipográfia com serifa. O gride é composto por duas colunas e utiliza caixa de texto, destacando partes importantes da matéria.
4)A revista “Vida & Natureza” é uma revista digital produzida no Brasil. Ela é direcionada a publicaões relacionadas a natureza, em empecial a fauna da região de Santa Catarina. O público-alvo da revista são pessoas que se interessam pela natureza local. Contém 20 páginas.
Analise gráfica: A revista usa logotipo sem serifa no formato horizontal, e o símbolo de uma folha entre as palavras “Vida” e “Natureza”. Na capa usa uma foto de um animal que é o tema da matéria principal. As cores utilizadas na publicação, são cores que remetem a tranquilidade e natureza, predomindno a cor verde e branco. O gride das matérias é composto de três colunas. Para textos utiliza tipográfia sem serifa.
3.1.3 Gride Definição: Um grid é uma malha construída com diversos retângulos, usada para ordenar elementos gráficos. Segundo TONDREAU, Beth(2009) As maiores vantagens de se usar grids em um trabalho é a clareza, organização e facilidade de distinção entre as diferentes informações contidas no layout (tanto na hora de criação pelo designer, quanto pelo usuário que consegue navegar com uma facilidade muito maior pelo trabalho). Partes de um Gride Margem
Linha de Fluxo Zonas especiais
Módulo
Marcador Colunas
Margens: espaços negativos entre a borda da página e a área do conteúdo. As margens exercem grande influencia sobre o conceito trabalhado no projeto, e por isso seu tamanho deve ser muito em estudado. Podem servir tanto como área de descanso para os olhos, como para chamar a atenção para o conteúdo que elas enquadram. Linhas de fluxo: alinhamentos horizontais no espaço. Não são linhas visíveis, mas são usadas para guiar o sentido de leitura do usuário pela página. Zonas especiais: grupos de módulos que formam campos distintos. Esses campos servem para informações específicas do projeto (imagens, publicidade, etc). Módulos: cada pequena unidade que compõe a malha. São espaçados uniformemente e permitem inúmeras possibilidades de composição. Marcador: elementos que auxiliam na navegação pelo documento, como número de página, título de seção, etc. Coluna: áreas verticais que contém texto ou imagens. As colunas podem ter o mesmo tamanho ou tamanhos variados, dependendo da informação que está sendo trabalhada e dos elementos gráficos a se dispor no layout.
Conclusão: Para VINH, Khoi(2009) Diretor de Design da versão on-line do jornal “The New York Times” o grid único é a solução para o design em larga escala e a produção de diferentes tipos de publicações. Sendo de extrema importancia no design editorial, facilitando o entendimento das informações, organizando o conteúdo publicado e valorizando publicações consideradas mais importantes. 3.1.4- Brain Dupping Visual “O brainstorming tradicional é uma atividade verbal geralmente realizada em grupos. A técnica mostrada aqui transforma o brainstorming em uma mídia visual mais adequada ao trabalho individual” LUPTON, Ellen (Intuição, Ação, Criação. Página 62) Seguindo o passo a passo no livro “Intuição, Ação, Criação”, o ponto de partida foi desenhar rápido figuras que se relacionavam com Jacarepaguá com um lápis em um papel. Estabelecendo um tempo limite de 20 minutos para o maximo de esboços possiveis. Colocando um ao lado do outro para poder comparar.
Conclusão: Levando em consideração as palavras chave retiradas das entrevistas, “Natureza”,”Pedra Branca” , “Montanha e “Animais”. Foram criados diferentes desenhos para ilustras essas palavras. A conclusão a ser feita é que o projeto deve caminhar seguindo uma linha gráfica voltada para a valorização de ideias que remetam ao verde, a natuza e aos animais da região.
3.1.5- plataforma da marca Plataforma da marca: “A Plataforma da marca (brand plattaform) é a principal ferramenta para gerar e gerir uma Marca. A base é a marca e suas ações direcionam a diferentes plataformas. Sua função é criar uma personalidade forte e diferenciadora, potencializando estratégias de negócios do Cliente e alinhar a comunicação em todos os pontos de contato.” WALTTRICK, Betto. Especialista em marcas.(2012) Segundo a empresa “Estrategia e Branding” a Plataforma da Marca deve ser a base para as decisões de uma marca, incluindo decisões de produtos, comunicação, distribuição, promoção, preços, alianças, extensão e quaisquer itens referentes ao presente e futuro de tal marca. Deve ser uma espécie de porto de partida e de chegada da marca a um destino. Um tipo de alicerce que dá solidez para a construção da marca. Uma espécie de trampolim para o grande salto da marca indo do produto às comunicações em todas as mensagens, todas as mídias e todos os espaços de exposição, chegando até ao relacionamento com os clientes e consumidores, tanto no curto quanto no longo prazo. A figura abaixo é um slide tirado de uma apresentação da agência “ANA COUTO BRANDING & DESIGN”. A figura é parte de uma apresentação para a empresa “ELETROBRAS” que mostra os pilares da proposta de valor de uma empresa e suas explicações. Podemos notar que um conjunto de itens forma a proposta de valor, como a essência, personalidade, visão, missão, valores e posicionamento. Segundo a agência posicionar a marca é enfatizar sua principal caraterística para se diferenciar de seus concorrentes.
No livro “NAMING o nome da Marca” RODRIGUES, Delano(2012) diz que marca não é apenas uma representação visual, mas uma síntese de vivências e experiências memoráveis, despertadas quando se estabelece algum tipo de contato com uma empresa, organização, lugar, pessoa ou produto.
A figura abaixo mostra um mapa mental com os posiveis pontos de contato da marca. Segundo KOTLER,(2006 p 27) um contato com a marca pode ser definido como qualquer experiência que gera informação para o cliente ou cliente em potencial.
MARCA
Essência e Pilares de Personalidade: Ter a natureza da região de Jacarepaguá como prioridade nas atuações. Missão, Visão e Valores: Informar com transparência aos moradores de Jacarepaguá de forma clara e precisa assuntos relacionados a riqueza natural da região, valorizando a cultura local. Posicionamento: Pioneira em publicações relacionadas a natureza da região de Jacarepaguá, valorizando a cultura local.
3.1.6- Referencias visuais Imagens da região de Jacarepaguá para análise visual. Fotografias pessoais e imagens retiradas de sites de busca.
Figura (1) “Pedra do Gigante”. Popularmente conhecida pelos moradores de Jacarepaguá por poder ser vista de diferentes pontos da região. A montanha tem esse nome por lembrar um rosto deitado.
Figura (2) “Cachoeira do Escorrega”. Conhecida por todos que frequentam as cachoeiras do Parque estadual da Pedra Branca. É a primeira opção de cachoira logo quando chega ao parque. Também a mais frequentada por ser de mais facil acesso.
Figura (3) “Pedreira de Jacarepaguá”. Tem esse nome por ter sido formada após obras de um condomínio local, a obra deixou um enorme bucaro que foi preenchido com aguá da chuva. Muitas pessoas frequentam para se refrescar. Conhecida entre os que mais frequentam como “JUMP”* por ser um local onde jovens vão para ficar pulando do alto na agua.
Figura (4) Cachoeira do Parque Estadual da Pedra Branca. Mais uma das dezenas de quedas que se pode encontra durante uma trilha no parque. Quem busca sossego faz uma trilha tranquila de dez minutos que ja esta nesse ponto da cachoeirra.
*JUMP: Pular na lingua inglesa.
Figura (5) “História da Igreja Nossa Senhora da Penna”. A Igreja de Nossa Senhora da Penna foi construída sobre uma montanha 160 metros de altura, é um dos principais marcos históricos do bairro. Foi nesse penedo conhecido por Pedra do Galo, que após a construção passou a ser chamado de Morro da Penna. Possui ladeira íngreme – construída pelos escravos – toda calçada em pedras pé de moleque. 3.1.7- Elementos gráficos
Figura (1)- Elemento gráfico usado de apoio no início das editorias. Facilitando a quebra de leitura ao virar a página, identificando facilmente o ínicio um novo assunto.
Figura (2)- Elemento gráfico usado como suporte para destacar o texto. Possibilita que seja aplicado texto a qualquer lugar da página. Facilita na leitura e destaca.
Figura (3)- Barra a esquerda e seta destacam as falas principais de uma reportagem e links de referência
Figura (4)-No canto superior esquerdo, a revista SALT utiliza esse elemento gráfico para evidenciar e destacar um novo assunto.
Figura (5)-A revista COVEN, utiliza uma caixa com transparência que fica entre a fotografia e o texto.
Figura (6)-Infográficos são muito utilizados quando a revista quer mostrar algum processo sendo feito, o passo a passo do assunto na publicação. Melhora o etendimento do conteúdo.
3.1.8- Rodapé de página Segundo Canha, é criador e editor-chefe do Design Blog 3.1.8- Rodapé deque página “O rodapé nas revistas pode ser diferenciado, mas sempre possui Segundo Canha, é criador e editor-chefe Designa Blog trêsque ítens distintos: O número dadopágina, data da revista (ou edi“O rodapé nasção) revistas pode ser diferenciado, mas esempre possui três ítens distintos: O número da e o nome dela. Em qual ordem como exatamente é mostrado passo a passo do assunto na publicação página, a datavaria, da revista (ou edição) elá.o Outra nomecoisa dela. importante Em qual ordem e como mas estão sempre do rodapé é oexatamente é mostrado varia, mas estão sempre sempre lá. Outra do rodapé é o posicionamento: sempre posicionamento: nocoisa cantoimportante inferior externo. Ou seja, na página no 3.1.8canto Rodapé inferior externo. Ou seja, na página da esquerda, fica no canto inferior esquerdo e na páde página gina da direita, no canto inferior direito. Isto facilita a procura por páginas específi- cas. Lembre-se também de sempre colocar natambém exata mesma posição em todas as páginas.CANHA, cas. Lembre-se de sempre na exata mesma posição Sean (2010) Segundo Canha, que é criador e editor-chefe docolocar Design Blog em todas as páginas.”Canha, Sean “Design Blog” 2010 “O rodapé nas revistas pode ser diferenciado, mas sempre possui três ítens distintos: O número da página, a data da revista (ou edição) e o nome dela. Em qual ordem e como exatamente é mostrado varia, mas estão sempre lá. Outra coisa importante do rodapé é o posicionamento: sempre no canto inferior externo. Ou seja, na página cas. Lembre-se também de sempre colocar na exata mesma posição em todas as páginas.”Canha, Sean “Design Blog” 2010 3.1.9- Final de artigo No artigo “Como diagramar uma revista”, Canha diz que artigos ocupam mais de uma página. E 3.1.9- Final de artigo de artigo. No artigo “Como diagramar uma revista”, Canha(2012) diz que artigos ocupam mais de uma página. E questiona como o leitor vai saber que o artigo terminou. Para isso, existem os símbolos de final de artigo, que indicam que aquele artigo terminou ali. Cada revista tem seu síbolo, alguns usam elementos da própria identidade visual, alguns um circulo preto ou quadradro. Dessa forma 3.1.9- Final de artigo a compreenssão do leitor em relação ao fim da leitura melhora. No artigo “Como diagramar uma revista”, Canha diz que artigos ocupam mais de uma página. E de artigo.
3.1.10 - A estrutura Na figura 1 podemos ver que a hierarquia da revista quase sempre é a mesma, começando com a capa, seguindo depois por uma contra-capa, que geralmente é ocupada por um anúncio de destaque em página iteira ou dupla. Depois vem o ídice explicando todos os assuntos que existem na edição e o editorial, que expõe todos que participaram do processo de criação da publicação, como editores, designers e jornalistas. Na sequência vão surgindo as matérias e artigos. Figura (1)
3.2 Síntese: -A maior parte da população de Jacarepaguá possui entre 20 e 40 anos. -65% da população de Jacarepaguá possui acesso à internet. -Natureza foi a palavra mais citada nas entrevistas. -Os moradores valorizam a natureza da região. -Logotipo das revistas analisadas sempre são na horizonal -Muita foto é usada nos similares -A maioria das vezes que Jacarepaguá é falada na mídia, o assunto é sobre crimes ou acidentes. -As revistas SALT e COVEN devem ser tomadas como referência visual e estilística. 3.3- Definições de requisitos e restrições: -Identidade visual que facilite a interação e a relação do usúario com a marca. -Sistema de gride que valorize o entendimento do conteúdo. -Facilidade de uso durante a leitura -Paleta de cores que valorize a natureza da região -Elementos gráficos que valorizem e exaltem as publicações -As revistas SALT e COVEN devem ser tomadas como referência visual e estilística. -Referência a cultura local 4. Fase de desenvolvimento 4.1- Geração e seleção de altenativas 4.1.1- Naming De acordo com o livro “NAMING, o nome da marca”
“Naming é o processo criativo e interdisciplinar de desenvolvimento de nomes para marcas” RODRIGUES, Delano(2012)
4.1.2- Mapa Mental:
Levando em consideração a legibilidade, apelo, facilidade para memorizar, breve, facil de falar o mapa mental resultou no seguinte nome: “VIVA JPA” O nome VIVA JPA remete a quem vive em Jacarepaguá e se orgulha disso. A palavra JPA é muito dita por quem mora ou frequenta a região, uma abreviação de Jacarepaguá, JPA é facilmente indenticada quando lido e quando é falado. O nome incentiva a valorização a região.
4.1.3 - Plataforma para publicação da revista. Foram pesquisadas três plataformas e seus benefícios para a publicação: -Flash Page clip -ISSUU -4MOBI Todos aptos: As três plataformas oferecem suporte e facilidade para a publicação na web, fornecendo link direto para leitura ou donwload. A plataforma possibilita que o conteúdo seja diagramado em um softwer a escolha do designer, sendo nescessário somente fazer o upload do arquivo ja finalizado. Todas as plataformas possibilitam a publicação de videos, links e sons, melhorando a interação com o leitor. A plataforma escolhida foi a “ISSUU” por ser mais popular.
4.1.4- Tipográfia para texto Segundo o livro “GUIA DE DESIGN EDITORIAL”. A medição padrão em pontos, para tamanhos de tipos variam entre nove e doze pontos. Os tamanhos acima de 14 pontos são chamados de titulares, e geralmente são reservados para elementos como títulos e manchetes. Tamanhos menores que nove pontos são chamados de letras miúdas. No site da Apple(2013), é informado que o texto deve nunca ser menor do que 11 pontos, mesmo quando o usuário escolhe o tamanho do texto extra-pequeno. E que as fontes devem ser sem serifa, pois com o texto com serifa pode diminuir a qualidade da imagem. Conclusão: Para facilitar a leitura digital usar fonte Arial ou Futura. As duas fontes são legíveis no tamanho 11pontos ou mais. São comuns e trazem uma identificação para o usuário
4.1.5- Palheta de cores bairro: Cores presentes no bairro de acordo com as imagens no item 3.1.6.
ViVA JPA
4.1.6- Logotipo
Viva JPA
A ideia é que o logotipo não seja usado apenas para ser aliplicado na capa da revista e em material institucional. E sim usado também como um símbolo de Jacareapaguá, como foi o caso dos cases analisados “I LOVE NY” e “I AMSTERDAM”.
ta Re vis
JJPA PA
Re vis ta
ViVA JPA
ViVA JViVA P A Viva ta
Viva JPA
Re vis ta
Figura(2)
Viva ViVA JPA JViva PA JPA
Re vis ta
Re vis
ta
Viva ViVA JJPA PA ViVA JPA
Re vis
Re vis
ta
Figura(1)
Análise: As figuras 1 e 2 são variações da mesma opção. Na figura 1 o formato circular lembra um bróche. Na figura 2 a arvore remete a natureza local.
ViVA
Figura(3)
Figura(4)
viva jpa
VIVA JPA Figura(6)
Figura(5)
Viva! j p a
viva jpa
Análise: Nas figuras 3,4 e 6 a maior referência são as cachoeiras da região. A figura 5 é referência a Pedra do Gigante, popularmente conhecida na região. As figuras 3,4,5,6 são formadas por poligonos,que remetem ao digital, fazendo analogia a conteúdo voltado para internet. 4.1.7- Teste com o usuário Todas as seis figuras do item 4.1.1.6 foram expostas ao público-alvo da revista. Cinco pessoas visualizaram as seis opções, em seguida disseram o que achavam das opções, a que mais gostaram e porque.
Análise:
ViVA JPA
Viva JPA
ViVA JPA
ta Re vis
Re vis
ta
Dos cinco participantes do teste, quatro disseram prefererir a figura 2. pois basta a miniatura da árvore para associar a natureza. Das cinco pessoas, três disseram que a a figura 4 não da para identificar o que é, quando visto. Quatro pessoas falaram que a figura 5 por ter apenas uma árvore pareceque Jacarepaguá é seca e sem verde. Todos disseram estar bonito as figuras 3,4,5,6. Porém só identificaram cachoeira na figura 6.
Viva ViVA JPA JPA
Re vis
ta
Conclusão: A opção da figura 2 deve ser desenvolvida. A outras opções não atingiram o mesmo nível de intendimento que a figura 2. Batou a árvore para identifcar que a marca é relacionada a natureza. E como as capas devem ser preenchidas com fotos, é possível usar o logotipo de variadas cores dentro da paleta de cores.
4.1.8- Tipográfia para título
ViVA JPA
Foram pesquisados diferentes fontes para título, de modo que existam opções para diferentes temas, sempre variando o estilo do título para que não se torne um padrão visível. Segundo TIMOTY, Samara(2012) a tipografia é como uma imagem. Letras e palavras são formas poderosas, que podem ser manipuladas sem perder suas identidades. Quando uma palavra ou letra assumem posições pictoricas, sua forma se torna uma imagem autossuficiente, e o potencial de impacto é imenso. Dez opções são suficientes para ter uma boa diversidade gráfica, evitando que se repita uma mesma fonte para título para diferentes matérias. Todas as fontes tem ótima legibilidade, principalmente no tamanho do corpo do tipo, que para título é sempre superior a 12.
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que ha de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que há de melhor em JPA!
Viva o que haá de melhor em JPA!
teste:
Trilha para a Pedra Branca
A história de Jacarepaguá como ninguém ouviu
4.1.9- Rodapé e numeração de página.
37
VIVA JPA
Novembro 2014 #1 edição
37- VIVA JPA Novembro 2014 #1 edição 37
VIVA JPA Novembro 2014 #1 edição
37 VIVA JPA Novembro 2014 #1 edição 37
VIVA JPA Novembro 2014 #1 edição
37
VIVA JPA Novembro 2014 #1 edição
Todas as opcões são legíveis, porém algumas afirmam mais o conceito e estão mais alinhadas com a identidade da revista. É o caso da arvore com o número dentro que remete a natureza. A opção com o formato do logotipo também esta claramente alinhada com a identidade visual.
teste 1: titor justo. Pellentesque sed metus pellentesque, placerat e x eu, posuere m assa. N ullam ac m i auctor, posuere lorem vel, ultrices diam. Pellentesque eros purus, dignissim elementum tempus id, ultricies. Morbi porta ligula non magna bibendum condimentum. Duis ipsum turpis, vulputate ac rutrum non, ullamcorper et metus. ullam imperdiet malesuada est, aliquet iaculis ex aliquam cursus. D onec lacinia sodales nisi i n malesuada. V estibulum t incidunt odio at n unc imperdiesapien. N unc i d maximus lorem. Quisque aliquet ac elit eu pulvinar. Ut in risus sit amet est l aoreet d apibus c onsectetur in ligula. U t posuere nisl quis ligula pretium bibendum.
37
VIVA JPA
luctus. uctus. l Duis l lobortis o obrtis velit velit in pharetra pharetra malemale suada. Praesent Praesen t suada. eget nulla e t nunc d apibus f inibus. Fusce n ec quam porttitor, feugiat urna i d, tempus dolor. Suspendisse libero e lit, tincidunt i n aliquam et, Proin onsequat id. Mauris iaculis tristique dolor, in semper nisl luctus sit amet.
Novembro 2014 #1 edição
teste 2: titor justo. Pellentesque sed m etus pellentesque, placerat e x eu, posuere m assa. N ullam ac m i auctor, posuere lorem vel, ultrices diam. Pellentesque eros purus, dignissim elementum tempus id, ultricies. Morbi porta ligula non magna bibendum condimentum. Duis ipsum turpis, vulputate ac rutrum non, ullamcorper et metus. ullam imperdiet malesuada est, aliquet iaculis ex aliquam cursus. D onec lacinia sodales nisi i n malesuada. V estibulum t incidunt odio at n unc imperdiesapien. N unc i d maximus lorem. Quisque aliquet ac elit eu pulvinar. Ut in risus sit amet est l aoreet d apibus c onsectetur in ligula. U t posuere nisl quis ligula pretium bibendum.
37
VIVA JPA Novembro 2014 #1 edição
luctus. Duis l lobortis obortis velit in pharetra malesuada. Praesent eget nulla e t nunc d apibus f inibus. Fusce n ec quam porttitor, feugiat urna i d, tempus dolor. Suspendisse libero e lit, tincidunt i n aliquam et, Proin onsequat id. Mauris iaculis tristique dolor, in semper nisl luctus sit amet.
4.1.10 - Elemento gráfico de abertura de editoria.
Natureza
Natureza
Natureza
Natureza
Natureza
Jacarepaguá
A ideia é que em todo início de artigo esse elemento gráfico deixe claro que o assunto mudou, e que uma nova matéria ira começar. Os elementos lembram placas indicativas, como uma placa em uma trilha indicando alguma direção.
teste:
Natureza
Trilha para a Pedra Branca
Jacarepaguá
A história de Jacarepaguá como ninguém ouviu
4.1.11 - Teste com usuário em modelo 1:1 O teste foi realizado com três pessoas. Com base nos requisitos foi criado uma edição da revista com 10 páginas para ser testada com o público alvo. O objetivo é que após o teste, as correções sejam feitas para que o projeto se alinhe ao úsuario da melhor forma, facilitando a compreensão das informações. Completo diponível em ISSUU.com/vitormatera/teste
Capa da primeira revista. Foi aplicado logotipo selecionado no teste do intem 4.1.7 e as fontes selecionadas para texto e leitura. Foi usado a foto de uma das cachoeiras da região, trazendo relação com a natureza da região.
Logo após a capa, foi criado um índice resumindo as matérias abordadas na edição e suas respectivas páginas. Facilitando a dinâmica de leitura
No índice foi usado um fundo de madeira, que gera associação com natureza. O formato das fotos segue o mesmo formato do logotipo, alinhando com a identidade visual da revista.
Análise: A revista foi submetida a teste com o usuário, para que seja possível posteriormente fazer ajustes para alinhar de forma correta todo o material, facilitando a compreensão do conteúdo. Os três participantes disseram compreender o conteúdo. Os três falaram que a revista está bonita. Dois disseram que as imagens os fizeram para para prestar atenção ao tema. Porem os três disseram que não ficou confortavel a leitura. Um sugeriu aumentar o tamanho da fonte. Todos os participantes precisaram aumentar o tamanho da revista para manter uma leitura confortavel.
Conclusão: A identidade selecionada deve ser mantida. A estética e o padrão de usar fotografias da região deve ser sempre prioridade na capa e nas matérias. As fotos de natureza afirmam o conceito. A fonte deve ser revista, pois causou encomodo em alguns usuários. As cores devem seguir a linha selecionada nos testes, pois gera associasão a natureza e tranquilidade. O tamanho do corpo do tipo deve ser aumentado.
ViVA JPA
4.2 - Desenvolvimento da alternativa escolhida
Viva JPA
Nesta etapa, seram realizados ajustes nos pontos anteriores, de acordo com a análise e conclusão nos testes feitos no intem 4.1.11.
Re vis
Re vis
ta
ta
4.2.1 - Logotipo
Viva ViVA JPA JPA ta
ViVA JPA
Re v
ist
a
Re vis
Foi feito um ajusto no logotipo. A fonte do logotipo foi aumentada para ter melhor visualização, evidenciando ainda mais o nome da marca VIVA JPA
ViVA JPA
ViVA JPA
5 - Detalhamento O guia de estilo foi criado como referência para execução gráfica da resvista VIVA JPA. Exibe todo seu conceito e suas formas de aplicação gráfica. 5.1 Detalhamento técnico / Guia de estilo - Paleta de cor 5.1.2 - Paleta de cor Criado como referência para execução da resvista VIVA JPA. Exibe todo seu conceito e suas formas de aplicação gráfica. Cores principais
R:28 G:28 B:27
R:255 G:255 B:255
R:149 G:43 B:91
Cores de apoio
R:0 G:102 B:51
R:0 G:141 B:54
R:58 G:170 B:53
R:29 G:113 B:94
R:54 G:69 B:125
R:67 G:41 B:24
R:147 G:96 B:55
R:202 G:158 B:103
5.1.3 - Logotipo
Re vis ta
Re vis ta
O logotipo deve ser aplicado sempre na parte superior da capa. O logotipo se posiciona no canto superior direito ou esquerdo a depender da foto e deve utilizar uma das três cores principais.
ViVA JP A
ViVA JPA
Jacarepaguá e sua beleza natural conquistam cada vez mais moradores.
Re vis
ta
Jacarepaguá e sua beleza natural conquistam cada vez mais moradores.
R
ViVA JPA
R
15 pixels
262 pixels
Jacarepaguá e sua beleza natural conquistam cada vez mais moradores.
252 pixels
Re vis ta
ViVA JPA
5.1.4 - Tipografia para texto A fonte a ser usada para texto é a FUTURA tamanho de corpo 12.
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUV WXYX 0123456789.,@#%?!~ 5.1.5 - Tipografia para título Todas as 10 fontes selecionadas devem ter um tamanho de corpo 45 ou superior, de acordo com o espaço disponível
Jacarepaguá
Trilha para a Pedra Branca
A história de Jacarepaguá como ninguém ouviu
5.1.6 - Grid O grid utilizado é o de três colunas, de forma a organizar os elementos gráficos que estarão na revista para transmitir uma informação, mantendo clareza, eficiência e identidade. O texto deve ser justificado para que fique alinhado as peças gráficas. A margem e o epaço entre coluna é de 1cm. O tamanho da área de trabalho é de 841,89 pixels de altura por 595,28 pixels de largura, similar a uma folha A4.
S
eu p ovoamento por p arte dos i ndígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do v ale em fazendas. No f im do s éculo XIX começa u m processo d e aterramento de pântanos e re-divisão em c hácaras, que ocorreu l entamente e se manteve até os anos 60. O bairro já foi primeiro e segundo maior da c idade, pois importantes áreas do q ue s empre se entendeu h istoricamente como a parte principal de Jacarepaguá. O bairro já f oi primeiro e segundo maior da c idade, como a parte principal d e Jacarepaguá.r da c idader
Seu p ovoamento por p arte dos i ndígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do v ale em fazendas. No f im do s éculo XIX começa u m proces-
Seu povoamento por parte dos indígenas começou há cerca de 800 anos, no século XIII. Seu p ovoamento por p arte dos i ndígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do v ale em
Seu p ovoamento por p arte dos i ndígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do v ale em fazendas. No f im do s éculo XIX começa u m processo d e aterramento de pântanos e re-divisão em c hácaras, que ocorreu l entamente e se manteve até os anos 60. O bairro já foi primeiro e segundo maior da c idade, pois importantes o já foi primeiro e segundo maior da c idade, pois importantes o já f oi p rimeiro e segundo m aior da cidade, pois importantes áreas do que sempree Jacarepaguá
5.1.7 - Elementos gráficos de apoio Os elementos ajudam a manter um padrão estético nas publicações, com eles se pode exautar áreas mais escondidas e destacar o que for preciso. Usar esses elementos é fundamental para se ter um padrão visual dentro da identidade da marca.
15 pixels 15 pixels
Natureza
A caminho do parque da Pedra Branca
S
eu povoamento por parte dos indígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do vale em fazendas. No fim do século XIX começa um processo de aterramento de pântanos e re-divisão em chácaras, que ocorreu lentamente
15 pixels
corpo 10
22 VIVA JPA Setembro 2014 #1 edição
15 pixels
corpo 7
Seu povoamento por parte dos indígenas começou há cerca de 800 anos, no século XIII.
Seu povoamento por parte dos indígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o
Seu povoamento 7pixels X por parte dos x pixels indígenas começou há cerca de 800 anos, no século XIII. Com a colonização portuguesa nada mudou até o fim do século XVIII com a divisão do vale em fazendas. No fim do século XIX começa um processo anos 60. O bairro
10x10 pixels
5.1.8 - Fotografia As foto são uma importante chave para se manter dentro da identidade visual da revista. As fotos devem ser sempre de Jacarepaguá. Elas seram a maior referência para que usuário reconheça sua região. As fotos devem sempre estar em ata qualidade e nao devem ser esticadas ou achatadas. Todas as fotos devem relacionar Jacarepaguá a sua natuza. Todas as foto abaixo são fotos reais de Jacarepaguá, a foto 1 é uma trilha no Parque da Pedra Branca. A foto 2 é a casa no Bosque da Freguesia. A foto 3 é a trilha para cachoeira. Foto (1)
Foto (2)
Foto (3)
Re vi
sta
5.2 - Construção de modelo final
ViVA JP A
A SUA VIVA JPA COMEÇA AQUI
E PODE IR
´ MUITO ALEM
DESTAS ´
PAGINAS ACOM PANHE AS REDES SOCIAIS D A VI VAJPA E TENHA ´ O CONTEUDO QUE INSPIRA A SUA VIDA EM JACAREPAGUA
face book.com / revist avivajpa
twiter .com / revist avivajpa _ vivajpa.com.br
Índice JACAREPAGUA
02
PEDRA BRANCA
07
CAPA
11
FREGUESIA
14
TAQUARA
16
CACHOEIRAS
18 02
BOSQUE
20
TRILHAS
21
COMIDA
23
FOTOS
25
EVENTOS
26
VIVA JPA
27
O QUE MUDOU
29
VIVA
30
COMIDA
30
12
FOTOS
17
31
CAPA
31
FREGUESIA
32
294
26
Bibliografia da pedra branca 2014 http://www.parquepedrabranca.com/p/historico-da-regiao.html
Fonte: palestra “Grids are good”, de Khoi Vinh e Mark Boulton - <http://www.subtraction.com/ pics/0703/grids_are_good.pdf> gridO grid único é a solução para odesign em larga escala e aprodução de diferentes tipos depublicações
CARUSONE, Antonio. The grid system. Disponível em: http://www.thegridsystem.org/. Acesso em 18 de abril de 2012. ANA COUTO 2012 eletrobras http://www.eletrobras.com/elb/transformacao/services/DocumentManagement/FileDownload.EZTSvc.asp?DocumentID=%7BC55BF2CC-7F5A-4BE5-BC0B-B16E77C 64079%7D&ServiceInstUID=%7BFFB32F51-4CC8-49D5-87E0-0D0FD9E71C35%7D. DELANO RODRIGUES http://www.scribd.com/doc/240021485/o-Nome-Da-Marca-Delano-Rodrigues http://www.igrejadapenna.org/igreja.php