Issuu

Universidade Anhembi Morumbi Design Gráﬁco

Projeto Gráﬁco: Revista Relatório de Projeto

3° Semestre, vespertino São Paulo, 2021

Universidade Anhembi Morumbi Bacharelado em Design Gráﬁco 3° Semestre, vespertino

Relatório de projeto Gianluca Marcato Prado RA: 21380365 Giovanna Canale de Siqueira RA: 20523354 Giovanna Ramalho Bonﬁm RA: 21457269 Luana Victória de Oliveira Varjão RA: 21421442 Renata Magalhães Moraes RA: 21382503 Thaís Silva RA: 21268582

Projeto Gráﬁco: Revista Orientação: Ricardo Borovina Balija

2021.01

Olá! Que bom ver você por aqui! Estou aqui para te guiar, você pode me acompanhar e ﬁcar à vontade! Vou tirar todas as suas dúvidas! Neste relatório, você vai encontrar regras de uso para: cores, imagens e tipograﬁa. Além das informações do grid da revista e sobre todo nosso processo, desde a criação da marca até a diagramação das páginas da revista. Vamos começar?

Sumario

Introdução...............06 Contextualiazação.........07 Projetos de referência.........09 Painéis Iconográﬁcos.................12

Identidade da publicação.............17 Elementos de página.........................19 Sistemas de grid.....................................24 Paleta de cores.............................................33 Tipograﬁa...........................................................37 Uso de imagens......................................................52

Impressão......................................57 Projeto expográﬁco...........................59 Anexos........................................................62 Referências.....................................................66

Introducao

osso intuito com a definição do tema era entender o comportamento, a história e as relações das pessoas com o bairro. Para isso, procuramos autores que abordam tal tema para que possamos ter bases em nossas afirmações. De acordo com a historiadora Sandra Jatahy Pesavento, "Sabemos, por certo, como já se assinalou no início deste ensaio, que a cidade é, sobretudo, uma materialidade erigida pelo homem, é uma ação humana sobre a natureza. A cidade é, nesse sentido, um outro da natureza: é algo criado pelo homem, como uma sua obra ou artefato.” Pesquisando mais a fundo, descobrimos que a identidade não se restringe somente a cidade, ela abrange os bairros e até mesmo pequenos grupos. Um autor que irá abordar o tema a partir dessa perspectiva é Denys Cuche, que diz que “Para definir a identidade de um grupo, o importante não é inventariar seus traços culturais distintivos, mas localizar aqueles que são utilizados pelos membros do grupo para afirmar e manter uma distinção cultural” Baseando-se nesses estudos, começamos a pesquisar quais eram as influências que os moradores do bairro escolhido, Pinheiros, deixavam no local. Evidenciando as pessoas e suas histórias, tendo em vista sua perspectiva sobre o bairro, pois entendemos que a relação entre pessoas e bairros são essenciais. Sendo assim, resolvemos abrir espaço para conhecer e entender as histórias interpessoais de Pinheiros.

Foto Autoral

Contexto

osso grupo abordou por meio da revista intitulada “Impressão” o tema da Identidade Social Urbana dos bairros de São Paulo. Mediante este cenário, a revista surgiu a partir de um projeto independente, de periódico mensal e público adulto com engajamento em causas sociais, em que parte do valor total arrecadado no número de vendas é revertido para ajudar instituições beneficentes escolhidas de acordo com o bairro mostrado em cada edição. Essa iniciativa foi levantada devido ao principal valor de nossa revista: a preocupação com a preservação da memória coletiva dos moradores, bem como fornecer um espaço para que as suas demandas sejam ouvidas. O nome “impressão” surgiu da polissemia entre seu sentido concreto (o processo gráfico de impressão), e o seu outro significado subjetivo (a impressão/marca que as pessoas deixam no bairro com base nas suas interações com o local). Conforme supracitado anteriormente, a revista foi pensada como um local de voz aos moradores e visitantes, contando suas experiências e histórias sobre o bairro acerca das mudanças ao longo dos anos nos setores econômicos, sociais e políticos. Na primeira edição da revista iremos comentar sobre Pinheiros, um dos bairros mais antigos de São Paulo e um dos maiores polos comerciais da capital, localizado na zona oeste. Cercado de riquezas históricas e culturais, esse bairro que começou como uma pequena aldeia indígena às margens do Rio Pinheiros no século XVI, hoje esboça uma imensa gama de prédios e comércios, no qual antigos moradores e novos visitantes constantemente trocam experiências e passam a moldar o espaço em algo único e característico de Pinheiros.

Mediante todas as pesquisas realizadas sobre o bairro de Pinheiros é possível inferir que seu diferencial está presente na sua história e no desenvolvimento da mesma. Uma vez que este é considerado um dos bairros mais antigos de São Paulo, que deixou de ser conhecido como uma várzea com inundações frequentes para se tornar o que conhecemos hoje, um bairro com diversas atividades culturais, comércios e restaurantes variados. Tais atividades comerciais são muito importantes por estimularem a economia local, bem como a urbanização de Pinheiros que é constituído por grande diversidade arbórea distribuídos pela região, espaços artísticos como museus e espaços a céu aberto para apreciação de graﬃti, manifestações culturais e entretenimento. Aliado a sua multimodalidade de transporte possuindo ampla rede de metrô, ônibus, rodovias e ciclovias o que proporciona grande mobilidade urbana. Desta forma podemos concluir que Pinheiros é constituído de pluralidade desde a sua história, passando pela arquitetura, tipos de comércios, parques e moradores de diferentes origens como: italiana, indígena, japonesa, coreana, judaica, afrodescente e portuguesa.

CONTEXTO

projetos de ReFErencia

Mixirica

revista Mixirica é um projeto editorial que explora através das artes os acontecimentos sociais e culturais brasileiros. Toda a abordagem é feita de forma espontânea, sempre utilizando uma linguagem oral e se apropriando do uso da silepse. O projeto apresenta uma valorização da identidade brasileira que se mostra diversa: nativa, imigrante e miscigenada, presentes em todo o território brasileiro, falando de pessoa para pessoa, explorando as linguagens, tradições, hábitos, a cultura e a arte, mostrando o melhor, sem exclusão, união, criatividade e a simplicidade do povo. O editorial mostra todas as características de forma visual: através das cores, das formas irregulares que ganham um movimento pela sua característica, da tipograﬁa que foi feita a partir de um processo manual, o que causa essa impressão de ser único, próprio, original.

Link do Projeto: https://www.behance.net/gallery/88573845/mixirica-um-projeto-editorial?tracking_source=search_projects_recommended%7Cmixirica

PROJETOS DE REFERÊNCIA

Aspas

revista Aspas também é um projeto voltado para as pessoas: “Que busca dar voz aos não ouvidos” com um recorte um pouco mais fechado, focado nas pessoas em situação de rua, trazendo elas como protagonistas contando suas histórias, sua identidade, seus medos e o seu íntimo, a intenção também é mostrar ao leitor que essas pessoas são iguais a eles, sem nenhum ﬁltro, com suas histórias, seus problemas. Parte dos lucros é destinado a vendedores - homens e mulheresem situação de vulnerabilidade social, para que possam voltar ao mercado de trabalho. Todas as ações da revista são feitas para que eles próprios possam se ver com novos olhos e as pessoas ao redor, também possam ter essa nova visão sem preconceito.

Link do Projeto: https://issuu.com/iedsp/docs/revista_aspas_single_page_full

Ocas

revista OCAS é voltada para pessoas adultas sem emprego. OCAS - Organização Civil de Ação Social - uma instituição sem fins lucrativos, que circula desde 2002, nas cidades de São Paulo e Rio de Janeiro, como instrumento de geração de renda aos vendedores da revista. Esses vendedores recebem treinamento gratuito e na sede da OCAS em São Paulo vão a encontros promovidos pelos voluntários, onde participam de oficinas de leitura , psicodrama, fotografia e produção de texto.Parte do lucro da venda da revista, fica com o vendedor, é uma revista que aborda temas relacionados sobre a exclusão social, tem espaço para que os vendedores também possam se expressar, além de reportagens nacionais e internacionais sobre política, cultura, esporte, meio ambiente.

Link do Projeto: https://www.ocas.org.br/edicoes-anteriores

PROJETOS DE REFERÊNCIA

paineis

Fotograﬁa

E scolhemos utilizar fotos do cotidiano para registrar a rotina dos moradores e entender como isso afeta na história e a conservação do bairro nos dias de hoje.

Ilustração

Optamos por usar ilustrações vetorizadas, que agregam no conteúdo e na proposta da revista.

PAINÉIS

Tipograﬁa

stabelecemos tipograﬁas sem serifa para os títulos e com serifa para texto corrido, prezando pela legibilidade.

PAINÉIS

Capa

capa seguirá de forma minimalista com o mínimo de elementos possíveis, dando atenção maior à fotograﬁa que será aplicada.

PAINÉIS

Sumário

O sumário contará com fotos para se diferenciar dos demais encontrados nas revistas atuais, ajudando também na visualização dos assuntos.

PAINÉIS

identidade visual

identidade visual da marca do nosso projeto buscou transmitir através de seu logotipo o significado literal palavra "impressão" que está associado ao processo gráfico , como também representar seu outro significado mais subjetivo sobre uma marca ou registro deixado pelas pessoas ao interagirem entre si e com o ambiente à sua volta. Além disso, a outra demanda estava relacionada com a preocupação em transmitir uma comunicação limpa e direta com a qual o nosso público leitor pudesse se identificar, bem como transmitir a diversidade humana que se conecta diretamente com os valores da revista. Pensando nessa proposta, escolhemos a fonte Roboto Slab criada Christian Robertson que foi levemente modificada para possuir texturas que lembram o estilo deixado pelos tipos móveis para que pudesse representar o conceito literal do seu nome que envolve o processo gráfico. Também foi modificado o “pingo” da letra “i” pensando em relacionar o conceito subjetivo da palavra "impressão" que está associada com a marca/registro deixado pelas pessoas ao interagirem, de forma que esse conceito foi replicado através da mistura das cores utilizadas no sistema subtrativo de cor , o CMYK, que quando unidas resultam na cor preta.

Exemplo de aplicação da identidade na capa da primeira edição.

IDENTIDADE VISUAL

Logotipo reduzido , usado nos cartazes.

impressão Logotipo sem intervenções na fonte Robot Slab Bold

Logotipo com adição de texturas, irregularidades e intervenção no “pingo” da letra “i”.

Exemplo de aplicação da identidade nos materiais de divulgação.

ELEMENTOS DE Pagina

Elementos ﬁxos da capa 1. Logotipo 2.Código de barras 3.Número de edição 4.Título do bairro 5.Chamadas 6.Posição da Fotograﬁa 7.Info do rodapé

Todos os elementos citados devem estar situados no mesmo local em todas as edições.Não é permitido variar o tamanho ou posição destes setores em nenhuma edição, tendo que estar sempre com os mesmos valores estabelecidos no setor de hierarquia.

Exemplo dos elementos ﬁxos na capa da 2° edição.

Localização dos elementos Margens

Cabeçalho

Rodapé

ELEMENTOS DE PÁGINA

Ícone quadrado Devem acompanhar as 3 chamadas das matérias da revista, de forma que a cor varia de acordo com o setor correspondente da matéria.

Elementos ﬁxos da página

Identiﬁcação da Seção Fio

Numeração de Páginas Numeração de Páginas

Exemplo de aplicação dos elementos na revista

ELEMENTOS DE PÁGINA

Espelho

1ª Capa

2ª Capa

Apresentação

Sumário

Apresentação do bairro

Ensaio Fortográﬁco

Cultura

Entrevista

Homenagem

Revitalizando

Cor

Arte e Sociedade

Sobre nós/ Funções

3ª Capa

Ensaio Fotográﬁco

Cultura

Tipograﬁa

Propaganda Instituição

Sistemas de grid Baseline

Em relação á margem superior Início em 0 pt Incrementar a cada 2,025 pt

Grade: Vertical a cada 2,025 pt 1 subdivisão

Grade: Horizontal a cada 2,025 pt 1 subdivisão

Em relação á margem superior Início em 0 pt Incrementar a cada 2,025 pt

Grade: Vertical a cada 2,025 pt 1 subdivisão

Grade: Horizontal a cada 2,025 pt 1 subdivisão

SISTEMAS DE GRID

Margens

1,5 cm 1,5 cm 0,5 cm 1,5 cm

0,5 cm 1,5 cm

1,5 cm 0,5 cm

1,5 cm 0,5 cm 1,5 cm 1,5 cm

s margens possuem a mesma medida (1,5 cm) superior, inferior, interna e externa Essas medidas serão aplicadas em todas as páginas, dentro da revista.

Mancha Gráﬁca

SISTEMAS DE GRID

Linhas

12 linhas com medianiz de 0,4 cm

Grid interior da revista

6 colunas com medianiz de 0,6 cm

12 linhas , com 0,4 cm medianiz

6 colunas com medianiz de 0,6 cm

12 linhas , com 0,4 cm medianiz

Sistema utilizado nas páginas da revista, com exceção do sumário, carta ao leitor e a matéria com página dupla.

SISTEMAS DE GRID

Colunas

6 Colunas

Medianiz de 0,6cm

Grid em página dupla

6 colunas com medianiz de 0,6 cm

linha dividindo a coluna 12 inhas , com 0,4 cm medianiz

SISTEMAS DE GRID

6 colunas com medianiz de 0,6 cm

12 inhas , com 0,4 cm medianiz

linha dividindo a coluna

SISTEMAS DE GRID

1 cm

Grid da capa

1,5 cm 1,5 cm

Margens

Espaço logotipo: 14,2 cm de largura x 2,9 cm altura. Espaço titulo bairro: 14,2 cm largura x 0,4 cm altura. Espaço Código de barra: 1,1 cm largura x 2,0 cm altura Espaço número da edição: 1,1 cm largura x 1,4 cm altura Espaço Chamada: 17,5 cm largura x 1,3 cm altura Informações do Rodapé: 17,5 cm largura x 0,4 cm altura Espaço reservado para foto: 20 cm de largura x 18 cm de altura. Espaço do cabeçalho: 20cm largura x 8 cm altura. Espaço do rodapé: 20 cm de largura x 1,0 cm de altura.

Cabeçalho

s Medidas das margens superior e direita possuem 1,5 cm, já a margem esquerda tem 1 cm e a margem inferior 0,5 cm. Esses valores de margem especíﬁcos da capa devem ser respeitados em todas as edições. Rodapé

0,5 cm 1 cm

1,5 cm

paleta de Cores

paleta foi escolhida com base nas cores do sistema CMYK por fazer alusão ao processo de impressão, enquanto que o preto foi escolhido por estar presente no logotipo e por representar a união de todas as cores o que representa o conceito subjetivo da palavra “impressão”.

#1B8BCC C: 79,61% M: 34,12% Y: 0% K: 0%

#C70E81 R: 27 G: 138 B: 203

C: 21,57% M: 99,22% Y: 1,57% K: 0,39%

#000000

#FFED17

R: 198 G: 13 B: 128

C: 4,31% M: 0% Y: 89,02% K: 0%

R: 254 G: 235 B: 23

C: 90,98% M: 78,82% Y: 61,96% K: 97,25

R: 1 G: 1 B: 1

Cor da edição

ada edição da revista terá uma cor exclusiva, se atentando às características específicas de que podem representar cada bairro. Na primeira edição da Revista Impressão, a cor é laranja. Essa cor será usada em detalhes como elementos fixos, tipografia da matéria principal sobre o bairro. #E37F24 C: 6,95% R: 227 M: 58,33% G: 127 Y: 92,93% B: 36 K: 0,42%

Regras de uso

IDENTIFICAÇÃO Rosto feliz simboliza aquilo que é permitido.

Permitido

Usar combinações conforme paleta de cores da revista:

Rosto bravo simboliza o que não é permitido

C ada seção usará terá uma das cores da paleta da publica-

ção e suas variações

PALETA DE CORES

Entre a cores da paleta da revista que são utilizadas para

destaque das seções, também utilizaremos a cor da edição:

Utilizar cores que além de harmoniosas tenham um contras-

te entre si. Exemplo do Título em azul com o tipo em branco.

Exemplo do Título em azul com a fonte em branco.

Não Permitido

Cores escuras na mesma composição, pois não dão muito

contraste entre si e não se destacam.

Não usar os mesmos tons de cores em uma ilustração ou

elementos em uma página

Não usar cores com efeito degradê nas ilustrações.

PALETA DE CORES

tipografia

Fontes

ara a tipografia consideramos alguns pontos importantes no momento da escolha: - Tipografias com personalidade - Que causem menos cansaço visual - Boa legibilidade e boa leiturabilidade - Fluidez para os textos - Dar uma boa experiência de leitura - Consolidar a marca da revista: O leitor tem que identificar e associar o conteúdo à marca. - Tipografias que combinem entre si - Trazer uma hierarquia entre os tipos e estilos - Usar uma família tipográfica com pesos diferentes: Light, Regular e Bold - Criação de um padrão que conversasse com as características da publicação.

Cartaz do bairro de Pinheiros que foi inspirado na matéria sobre a identidade tipográﬁca do bairro.

A B c d e f g hij klm n Wayward sans

z y wx v tu

o p q rs

1 2 4 5 6 78 90 ? 3 !

. , ;:

Fonte Wayward Sans usada nos títulos.

Roboto Slab Black Roboto Slab Bold Roboto Slab Medium Roboto Slab Regular Roboto Slab Light Roboto Slab Thin

Domine Regular

Fonte Roboto Slab usada nos subtítulos.

A B C D E F G H I J K L M NO P Q R S T U V W X Y Z a b c d e f g h i j k l m n op q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 ~^“?!.,;:ç Fonte Domine usada no corpo de texto.

TIPOGRAFIA

Hierarquia de Seção, Título e Subtítulo

1 3

Quadro na cor da paleta da revista dividindo a seção

1- Seção Tipo: Roboto Slab Bold Tamanho: 9 pts Entrelinha: 10,8 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0 2- Fio Tamanho: 2 pt 3- Título da Matéria Tipo: Wayward Sans Regular

Tamanho: 22 pts Entrelinha: 26,4 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0 4- Subtítulo Tipo: Roboto Slab Bold Tamanho: 10 pts Entrelinha: 15 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0

Corpo de texto e Entrelinha Tipo: Domine Regular Tamanho: 7,5 pontos

Entrelinha: 9 pontos

TIPOGRAFIA

Alinhamento

Justiﬁcado com a última linha alinhada à esquerda

Kernig

Kerning : Métrico

TIPOGRAFIA

Capitular

Tipo: Domine Regular Tamanho: 7,5 pts Número de linhas da capitular: 2 Número de capitulares : 1 Entrelinha: 9 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 100

Créditos e legendas para fotos

Tipo: Domine Regular Tamanho: 6 pts Entrelinha: 7,2 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0

Legenda para Fotos Tipo: Domine Regular Tamanho: 6 pts Entrelinha: 7,2 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0

TIPOGRAFIA

Aplicação de créditos para a foto

Aplicação de legenda para fotos

TIPOGRAFIA

Número de página

Tipo: Roboto Slab Medium Tamanho: 12 pts Entrelinha: 14,4 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0

Título fora da seção

Tipo: Roboto Slab Medium Tamanho: 14 pts Entrelinha: 16,8 pts Alinhamento: Centralizado Kerning: Métrico Tracking: 0

TIPOGRAFIA

Crédito da matéria

Tamanho: 9 pts Entrelinha: 10,8 pts Alinhamento: À esquerda Kerning: Métrico Tracking: 0

Chamada

Tipo: Roboto Slab Medium Tamanho: 14 pts Entrelinha: 16,8 pts Alinhamento: Centralizado Kerning: Métrico Tracking: 0

TIPOGRAFIA

Itens do Sumário 1 -Título: Tipo: Wayward Sans Regular Tamanho: 22 pontos Entrelinha: 26,4 pontos Alinhamento: À esquerda Kerning: Métrico Tracking: 0

2- Numeração: Tipo: Wayward Sans Regular Tamanho: 26 pontos Entrelinha: 31,2 pontos Alinhamento: À esquerda Kerning: Métrico Tracking: 0

3- Título da Seção: Tipo: Roboto Slab Bold Tamanho: 14 pontos Entrelinha: 16,8 pontos Alinhamento: À esquerda Kerning: Métrico Tracking: 0

4 -Prévia da Seção: Tipo: Domine Regular Tamanho: 7,5 pts Entrelinha: 9 pts Alinhamento:Justiﬁcado com a última linha alinhada à esquerda Kerning: Métrico Tracking: 0

uso de imagens Fotograﬁa

Foi utilizada a escolha de imagens coloridas, com tons

vibrantes (mas não muito saturadas).

Exemplo de uso na sessão do ensaio fotográﬁco.

Não aplicar ﬁltros, texturas, efeitos em nenhuma imagem

(ruído,blur e etc)

Foto sem aplicação de ﬁltro (correta)

Foto com aplicação de ﬁltro (incorreta)

USO DE IMAGENS

Decidido o enquadramento mais aberto para a captação da

arquitetura local.

Não

usar a imagem junto com tipograﬁa (por cima da

imagem).

Foto sem uso de tipograﬁa (correta)

Foto em uso com a tipograﬁa (incorreta)

Não utilizar fotos sem o Preset de Lightroom. No Preset, o

objetivo é trazer as fotograﬁas do bairro e das pessoas de forma em que as cores fossem valorizadas, não trazendo de forma exagerada, mas procurando valorizar as cores das roupas, a natureza, os elementos presentes no bairro, mostrando e valorizando o momento da foto, mostrando ao leitor que, o bairro possui uma vida e uma beleza que existe e deve ser explorado.

Predeﬁnição do ﬁltro

Aumentamos o contraste para +25, realces para --35, sombras +15, brancos -10 e pretos -20. Em cor, aumentamos a vibração em 10+. Não mexemos em detalhes, ótica e não adicionamos outro efeito. Queríamos preservar a foto, aumentando somente a

Com Preset

qualidade da cor e da vibração.

Sem Preset

USO DE IMAGENS

Ilustração - lustrações coloridas, simpliﬁcadas e sem contorno para fácil

- Não aplicar ﬁltros, texturas, efeitos em nenhuma ilustração

identiﬁcação da revista.

(ruído,blur e etc)

Ilustração sem aplicação de ﬁltro (correta)

- Permitido a manipulação de imagens com ilustrações.

Ilustração com ﬁltro (incorreta)

- Não usar a ilustração junto com tipograﬁa por cima da ilustra

Ilustração sem tipograﬁa (correta)

Ilustração com a tipograﬁa (incorreta) 56

Impressao

O processo de impressão escolhido foi o Oﬀset. Ele surgiu com o

aperfeiçoamento de outro processo de impressão, a litografia, que é uma técnica de gravura feita sobre a superfície de uma pedra utilizando instrumentos como tuche, lápis e crayons à base de gordura. A impressão Offset é um processo planográfico de maior utilização pelos setores gráficos em todo o mundo. Ela consiste na repulsão entre a água e a tinta gordurosa com o uso de cilindros intermediários. Como tradução esse processo é nomeado “fora do lugar”, expressão que remete ao processo anterior ao Offset, onde o papel tinha contato direto com a matriz. O Offset é ideal para a impressão de grandes quantidades, pois o papel corre pela máquina e não é necessária nenhuma intervenção humana enquanto o processo é realizado.Além disso, a qualidade do produto final e sua possibilidade de impressão em quase todos os tipos de papéis são fatores que fizeram esse processo um dos melhores no mercado gráfico.

57 57

IMPRESSÃO

Materiais e acabamentos Revista - Formato da Revista: 20x27 - Tipo de papel: Reciclato. - Lombada: quadrada. - Acabamento: Fosco. - Cores: 4x4. - Gramatura da capa: 120 g/m². - Gramatura folha interna: 90g/m². - Tipo de Impressão: Oﬀeset.

tilizaremos a quarta capa como um “brinde”, com um pôster destacável para o leitor.

Cartaz - Tipo de papel: Papel couché com adesivo. - Gramatura: 300g/m² - Formato: A2. - Cores: 4x4. - Acabamento: Verniz.

Projetos expograficos Cartazes

Cartaz sobre a matéria “Letras de Pinheiros”

P ara ajudar na divulgação da revista foram elaborados dois cartazes distintos: um que representasse a revista e outro que tivesse haver com uma matéria da 1º edição da revista, sendo que a matéria escolhida foi sobre a identidade do bairro de pinheiros através da tipograﬁa.

Cartaz da Revista Impressão.

Aplicações

PROJETOS EXPOGRÁFICOS

Site

revista será vendida em sua versão impressa e na sua versão digital, por meio de vendas online e no meio físico. Na venda online, a proposta é que o consumidor possa escolher o quanto está disposto a pagar, tendo um valor mínimo de 9,99 reais pela versão digital e 25 reais acrescido o valor do frete pela versão impressa, que será entregue ao cliente por meio dos correios. A versão impressa também poderá ser encontrada em bancas, lojas de artesanato, feiras e outros eventos locais por 25 reais. O intuito é que parte do valor seja doado para a instituição presente no bairro que estaríamos ajudando naquela edição. REFERÊNCIAS

Te convidamos a conhecer o nosso site através desse Qrcode! .

aNexos

A princípio, o projeto foi pensado na ideia de impressão concreta,

trazendo símbolos de digitais ou mesmo interferências de marcas de impressoras. Posteriormente, a ideia caiu no campo metafórico, onde continha a palavra impressão como marca e assim associando a cultura dos moradores e expressões causadas pelos mesmos em seu bairro, ou a chamada Identidade Social Urbana. Com o recorte construído, partimos para a identidade estética da revista. Esse processo foi baseado na necessidade de mais descontração. Para a criação do logotipo oﬁcial repensamos a ideia de nos basear nas cores CMYK e sua ligação com a impressão. Ao lado, podemos ver esboçadas a primeira idéia, com um logotipo e paletas de cores divergentes, assim como uma aplicação de texto em cima da foto onde o mesmo se perdia em meio a tanta informação. Já na versão atual vemos uma capa mais simples, sem tanta infantilidade e com um equilíbrio de informações e elementos.

ANEXOS

partir da capa, nós decidimos manter a mesma linguagem para o restante das peças gráﬁcas. Para isso, ﬁzemos intervenções nas imagens autorais, com o intuito tanto de fazer com que o design fosse mais dinâmico e divertido quanto para atrair a atenção do público quando o mesmo fosse aplicado. O primeiro cartaz como podemos observar possui muitas texturas e cores divergentes da nossa paleta, por esse motivo decidimos aprimorar a ideia. No segundo e terceiro cartaz vemos cores que fazem parte da paleta assim como ilustrações com a mesma linguagem do restante da revista.

ara a criação do sumário nós decidimos usar fotos que tenham o mesmo “padrão”, esse padrão é feito por meio de ajustes na foto. Nossa intenção ao aplicar as fotos dessa forma era trazer um pouco de diferenciação para os demais sumários que vemos em outras revistas.

Primeira versão teste do logotipo

Fizemos alguns experimentos nas fontes escolhidas ao longo da criação da revista, visto que muitas vezes na prática o resultado não era tão satisfatório como o esperado. Abaixo, vemos que a versão atual possui mais detalhes, na tentativa de reforçar a ideia de descontração. Já a versão antiga era muito engessada e não condizia com a proposta da revista. Por esse motivo decidimos seguir com a Wayward. Queríamos transmitir a questão da identidade e a diversidade com cores vivas por isso ﬁzemos esse teste para ver se as cores combinavam entre elas. No primeiro teste vemos cores variadas, na prática o resultado não foi agradável pois passou uma impressão de revista infantil. Amadurecemos a ideia e decidimos escolher as cores utilizadas no sistema CMYK para reforçar a ideia de impressão, a partir disso as criações ﬁcaram mais coerentes. Exemplo de aplicação da Wayward na página

ANEXOS

sobre nos

Gianluca Marcato Prado Pesquisa e criação de matéria.

Giovanna Canale de Siqueira Fotograﬁas, entrevista e criação de matéria.

Giovanna ramalho Bonfim

Muito

Pesquisa, criação da capa, criação de matéria, fo tograﬁas e entrevista.

Luana Victoria de O. Varjao Diagramação, fotograﬁas e criação de matéria.

renata Magalhaes Moraes Ilustrações, diagramação, criação de matéria e pesquisa.

' Thais Silva Pesquisa, criação de máteria e preset.

Referencias Webgráﬁca https://drive.google.com/drive/folders/1QKzGdO0rbFoNkd19Yw8jH28pnrV9QYgx https://www.behance.net/gallery/33229605/Dogway-Skateboard-Magazine-Redesign https://unsplash.com/photos/WwMiPUxRyHA https://vejasp.abril.com.br/cidades/rua-guaicui-pinheiros-agito/ https://br.pinterest.com/renatammoraes28/revista/?invite_code=ecac0e83defd4e958a86925b95066ada&sender=583638570367984616 https://br.freepik.com/fotos-gratis/textura-de-papel-amarrotada-branca-para-o-fundo_118977 2.htm#page=1&query=folha%20de%20papel&position=1 https://periodicos.ufrn.br/clincc/article/download/14850/9856/ http://www.repositorio.jesuita.org.br/handle/UNISINOS/7514?show=full https://www.teses.usp.br/teses/disponiveis/8/8136/tde-23012015-183958/publico/2014_LuisaPradoMascarenhas_VOrig.pdf https://www.youtube.com/watch?v=yrZmuNQ4aco http://www.memorialdaresistenciasp.org.br/memorial/upload/memorial/bancodedados/131890896569238987_FICHA_LARGOPINHEIROS_2017.pdf https://www.marilia.unesp.br/Home/Pos-Graduacao/CienciasSociais/Dissertacoes/savassa_cf_me_mar.pdf https://www.scielo.br/scielo.php?pid=S0102-01882007000100002&script=sci_arttext https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual https://www.behance.net/gallery/97006355/Blatant-Free-font https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual

https://www.behance.net/gallery/103909087/Eclectypo https://www.behance.net/gallery/115241051/SpaceType-Typeface https://www.behance.net/gallery/114919193/ICON-MAGAZINE-2021 https://www.behance.net/gallery/31258081/Hacedores-de-mundo-Jean-Cocteau-Gabriele-2-2015 https://issuu.com/higienopolis https://issuu.com/andreadiasdesign/docs/amabilidade-urbana-no-bairro-do-recife https://issuu.com/camara_municipal_lisboa/docs/revista_lisboa_26 https://www.infopedia.pt/dicionarios/lingua-portuguesa/forma https://www.spbairros.com.br/festas-populares-em-sao-paulo/ https://vejasp.abril.com.br/comida-bebida/bares-pubs-st-patricks-day/ https://tudoparahomens.com.br/st-patricks-week-tera-festa-ao-ar-livre-em-sao-paulo/ https://www.guiadasemana.com.br/bares-drinks/noticia/onde-comemorar-o-st-patricks-day-em-sao-paulo-2019 http://www.stpatricksweek.com.br/fotos https://www.topensandoemviajar.com/st-patricks-day-sp https://www.tripadvisor.com.br/ShowUserReviews-g303631-d7699846-r263731594-China_Madalena_Massas_Caseiras-Sao_Paulo_State_of_Sao_Paulo.html https://www.mercadomunicipaldepinheiros.com/sobre-o-mercado-de-pinheiros/ https://www.ecp.org.br/pinheiros-comemora-120-anos-unindo-tradicao-e-inovacao-em-sua-corrida-de-rua/ https://rotarysp.org.br/pages/rotary-club-sao-paulo/ https://www.zoimovel.com.br/blog/pinheiros-um-bairro-empresarial-residencial-e-artistico/1960/ https://www.cbb.org.br/quem-somos/

REFERÊNCIAS

https://site.aliancacultural.org.br/quem-somos-2/ https://fdag.com.br/artistas/ https://www.mpd.com.br/blog/rua-dos-pinheiros-um-dos-principais-polos-gastronomicos-de-sao-paulo/ https://cultura.estadao.com.br/blogs/divirta-se/conheca-espacos-em-sao-paulo-ligados-a-cultura-japonesa/ https://www.portaldoenvelhecimento.com.br/pinheiros-em-sao-paulo-memorias-e-historias/ https://www.imovelweb.com.br/noticias/mercado-imobiliario/pinheiros-como-ponto-estrategico-em-sao-paulo/ https://blog.lelloimoveis.com.br/bairro-pinheiros-sp/ http://www.discovernikkei.org/pt/journal/2007/6/7/brazil-nihonjinmachi/ http://92casa.com.br/#sobre http://museudavoz.blogspot.com/ https://webcache.googleusercontent.com/search?q=cache:KO_5FSE9mgMJ:https://vejasp.abril.com.br/cultura-lazer/25-motivos-para-amar-pinheiros/+&cd=15&hl= pt-BR&ct=clnk&gl=br&client=ﬁrefox-b-d https://blocodepedra.maracatu.org.br/projeto-calo-na-mao/ https://www.tecnisa.com.br/blog/investimento/pinheiros-sp/ https://vadebike.org/2010/03/ciclovia-rio-pinheiros-um-bom-resumo/ https://refugiosurbanos.com.br/bairros_imovel/pinheiros/ https://www.hellomoto.com.br/pinheiros-renascido-as-melhorias-e-o-renascimento-do-bairro-mais-cool-de-sao-paulo/ https://sao-paulo.estadao.com.br/bairros-sp/pinheiros 68

http://dancascirculares.com.br/o-que-sao-dancas-circulares/ https://eco21.eco.br/revista-eco21-edicao-282-versao-digital/ https://issuu.com/home/published/revista_petcare https://issuu.com/revista_colmeia/docs/revista_colmeia https://issuu.com/causp_oﬁcial/docs/ed_5_revista_m__bile https://issuu.com/exame/docs/guia-exame-sustentabilidade-2012 https://issuu.com/aberje/docs/ce_104_agosto2019_web https://issuu.com/exame/docs/guia-exame-sustentabilidade-2008 https://issuu.com/revistaecoturismo/docs/revista-308-dezembro-2018-p-compres https://issuu.com/opinioesbr/docs/ascp17 https://issuu.com/revistaescolalegal/docs/aescola_dez19_09_ultima https://issuu.com/revistasdesignespmsp/docs/revista_andiroba_issuu http://www.arquivoestado.sp.gov.br/imigracao/estatisticas.php https://www.uol/noticias/especiais/imigrantes-brasil-venezuelanos-refugiados-media-mundial.htm#tematico-3 www.arquivoestado.sp.gov.br/imigracao/estatisticas.php https://www.sobrevivaemsaopaulo.com.br/2017/07/sao-paulo-capital-mundial-do-graﬁte/ http://www.abea.org.br/?p=2671 http://cidadedesaopaulo.com/v2/atrativos/bom-retiro/?lang=pt https://www.hypeness.com.br/2016/12/favela-galeria-leva-cultura-e-arte-de-rua-ao-bairro-sao-mateus-em-sp/

REFERÊNCIAS

https://www.facebook.com/favelagaleriaopnicomvida/photos/pcb.5450299808329250/5450291548330076 : https://site.grupoopni.com.br/?page_id=1460 https://www.atados.com.br/ong/espaco-sao-mateus-em-movimento/sobre http://www.dasding.org/coletores/ http://estadodacultura.sp.gov.br/projeto/699/ https://www.behance.net/gallery/91347843/Revista-de-Experimentacao-Grafica-01 https://www.behance.net/gallery/115238897/Revista-OnLine-UDO https://www.behance.net/gallery/103267997/Manual-identidade-Visual https://www.behance.net/gallery/109529765/DESIGN-DE-IMPRESSOS-REVISTA-MIDIA-ONOFF https://www.behance.net/gallery/113346867/Editorial-Euforia https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual https://www.behance.net/gallery/85819517/editorial-pinheiros-magazine https://www.behance.net/gallery/111878717/CONTRA-Projeto-Editorial-Academico https://www.behance.net/gallery/114280551/Dispositivo-de-noticias-Tipografia-II-Longinotti https://www.behance.net/collection/183543115/Revista-Referencia-Identidade-Visual https://www.behance.net/gallery/74537833/-Guia-as-cores-na-Producao-Grafica-%28Digital-e-Offset%29 https://www.behance.net/gallery/49636935/Revista-Tipografica-TIPO-TIPO https://www.behance.net/gallery/63426791/Editorial-Tipografico-A-escrita-uma-tecnologia https://www.behance.net/gallery/86424765/Editorial-Project-OLHU https://www.behance.net/gallery/111968009/Revista-Contrazt

https://www.behance.net/gallery/85175345/alt-magazine https://www.behance.net/gallery/110144087/Banco-imobiliario-Revista-VC-SA https://www.behance.net/gallery/102554015/Coﬀee-Break https://www.behance.net/gallery/96334845/Zupi-63-Cover https://www.behance.net/gallery/113821465/Residential-area-%28-February-%29 https://www.behance.net/gallery/81207835/Capa-de-revista-WIRED https://www.behance.net/gallery/43526989/Revista-Cultural https://www.behance.net/gallery/96766325/Como-recomecar https://www.behance.net/gallery/112241809/85-Millimeters https://www.behance.net/gallery/29017883/REVISTA-CLUBE-PINHEIROS https://www.behance.net/gallery/112301083/Sao-Paulo-Em-Linhas-Editorial https://www.behance.net/gallery/86257857/Ritmo-Urbe-Revista-Urbana https://www.behance.net/gallery/40349049/Rio-Pinheiros https://www.behance.net/gallery/114559711/Bairro-a-Bairro https://www.behance.net/gallery/111498261/Swarovski-Sustainability-Report-2019 https://www.behance.net/gallery/90432933/Portfolio-Impresso https://www.behance.net/gallery/108787029/Vision-Nortena-Revista https://www.behance.net/gallery/88573845/mixirica-um-projeto-editorial https://www.behance.net/gallery/109775075/Editorial-Revista-Noix https://www.behance.net/gallery/89677589/Editorial-Cidades-Sustentaveis https://www.behance.net/gallery/115142169/Editorial REFERÊNCIAS

REFERÊNCIAS

https://www.behance.net/gallery/107536607/Revista-Frida-Kahlo-Editorial https://www.behance.net/gallery/56479309/Science-Brochure-Design https://www.ﬂickr.com/photos/98219319@N07/9176471886/in/photolist-eYTVPQ-e4n8mE-YM7SJG-8d8yK3-QTPHXN-2b6mZKE-f VdG8r-eYTRFN-eYGjrH-2ccpbuK-e YGyCr-rm9n9C-rDh9jd-eYTJmj-YM7VFd-eYGCAD-eYTPow-2b6mZKj-2cpHKzV-2aNwxPz-oJKjeD -9WHkGB-qFH6Dm-eYGGug-oJKrGA-eYGooB-rCHxvH-rCH3Nc-rm9PVy-oJJxti-rCDLW5-rAsReG -eYGxqe-eYGvcn-eYGuR4-rmPEB5-6kNgET-rAqUTu-rjogm6-eYGw2D-eYTWo5-2aNwxHc-eYTXg7eYTTcu-rmgJqk-6Ywd6W-rDnRTi-eYTKrU-rAqdiG-eYGztr https://guia.folha.uol.com.br/restaurantes/2019/04/satu-colabora-com-diversidade-em-pinheiros-mas-carece-de-retoques.shtml http://www.observatoriodoturismo.com.br/pdf/COMUNIDADES_ESTRANGEIRAS.pdf https://pt.wikipedia.org/wiki/Lista_dos_bairros_paulistanos_por_imigra%C3%A7%C3%A3o https://guiadebairros.proprietariodireto.com.br/bairro-pinheiros-sao-paulo/ https://www.cantodaema.com.br/pt-br/faca-seu-evento http://www.maetipoeu.com.br/kids/restaurante-bom-para-criancas-em-sp-chacara-santa-cecilia/ https://www.tripadvisor.com.br/Restaurant_Review-g303631-d2351869-Reviews-Madeleine-Sao_Paulo_State_of_Sao_Paulo.htm l https://piraja.com.br/seu-evento-com-piraja https://www.prefeitura.sp.gov.br/cidade/secretarias/upload/urbanismo/infocidade/htmls/6_galerias_de_arte_2017_189.html https://revistacasaejardim.globo.com/Casa-e-Jardim/Arte/noticia/2020/12/5-mil-borboletas-de-origami-invadem-largo-da-batata-em-alerta-saude.html?fbclid=I wAR0FD3KtRpgBdrFl6RllsSts8TwQINqYFO_LVLYeBpkY1zk3nAF1XxltNxc http://caminhadasurbanas.com.br/depois-do-bosque-da-batata-voluntarios-criam-o-largo-das-araucarias/ https://saopaulosao.com.br/nossas-acoes/3470-nasce-em-pinheiros-o-primeiro-jardim-de-chuva-de-sao-paulo.html 72

https://www.facebook.com/100000649796222/videos/3675277385837218/ https://portal.aprendiz.uol.com.br/2019/03/14/historia-da-escadaria-marielle-franco-em-sao-paulo/ https://agora.folha.uol.com.br/sao-paulo/2019/11/escadoes-revitalizados-levam-colorido-a-bairros-da-capital.shtml https://osaopaulo.org.br/noticias/sao-paulo/igreja-nossa-senhora-do-monte-serrate-460-anos-de-evangelizacao-e-presenca-de-deus-na-metropole/?fbclid=I wAR2yZHoCa1oVsDnwBkxFBgkGTptz6r8UZU5Lau45MPk4WVsJYWDm8bclAxA https://galeriandre.com.br/ https://vejasp.abril.com.br/cultura-lazer/largo-da-batata-ganha-mostra-de-arte-interativa/ https://www.facebook.com/photo?fbid=4934393289967790&set=gm.3742659519116221 https://catracalivre.com.br/cidadania/virada-sustentavel-coletivos-de-ocupacao-civica-e-intervencao-urbana-promovem-oficinas-e-workshops-no-largo-da-ba tata/ https://www.facebook.com/photo?fbid=10221428229589767&set=pcb.3386573174724859 https://g1.globo.com/sp/sao-paulo/noticia/2020/08/09/sao-paulo-pretende-criar-maior-museu-brasileiro-de-grafite-a-ceu-aberto-no-largo-da-batata.ghtml?fbcli d=IwAR2cJsvpRVqZwfWYMC6cQ0SKfCKdVgUvkLIgjgzB5kOeBIDajXWQPPmtATU https://www.facebook.com/projetocomoanda/photos/pcb.1188931561446048/1188931244779413 https://www.ocas.org.br/ https://www1.folha.uol.com.br/ilustrada/2020/08/festival-de-arte-urbana-reune-grafites-em-predios-de-sp-durante-a-quarentena.shtml https://casa.abril.com.br/arte/sao-paulo-recebe-1a-edicao-do-nalata-festival-internacional-de-arte-urbana/ https://www.flickr.com/photos/ocupeacidade/8603530630/in/photostream/ https://issuu.com/camara_municipal_lisboa/docs/revista_lisboa_28 https://issuu.com/coletivomassape/docs/caderno_pulsa_bairro_separado REFERÊNCIAS

REFERÊNCIAS

https://issuu.com/marcelomonteiro6/docs/tcc_1_-_pedreira__repensando_o_bair https://issuu.com/luizaqb/docs/revistasenhordosmontesvers_oﬁnal_folhasa3 https://issuu.com/higienopolis/docs/higien__polis_99 https://issuu.com/emanalise1/docs/c__pia_de_revista_bairro_a_bairro__ https://issuu.com/designdosguimaraes/docs/pixe_especial-letras-da-amazonia https://br.pinterest.com/pin/427138345903714017/ https://www.cartacapital.com.br/opiniao/por-que-a-prefeitura-esta-pintando-de-branco-o-escadao-da-marielle/amp/ https://www.youtube.com/watch?v=sHBDoqJYuxo

Bibliográfica HORCADAS M, CARLOS - Almanaque Tipográfico Brasilieiro - São Paulo- Ateliê Editorial- 2008. Vários Autores, 22 a 76 p Adobe InDesign C S6 classroom in a book [recurso eletrônico]: guia de treinamento oficial / [Adobe Creative Team] ; tradução: João Eduardo Nóbrega Tortello ; revisão técnica : Vitor Vicentini. – Dados eletrônicos. – Porto Alegre : Bookman, 2013. AMBROSE, Gavin. Fundamentos do design criativo [recurso eletrônico]. – Dados eletrônicos. – Porto Alegre : Bookman, 2012. FONSECA, Joaquim da. Tipografia & design gráfico [recurso eletrônico] : design e produção gráfica de impressos e livros. – Dados eletrônicos. – Porto Alegre : Bookman, 2008. AMBROSE, Gavin, HARRIS, Paul. Impressão e acabamento [recurso eletrônico]. – Dados eletrônicos. – Porto Alegre : Bookman, 2009. ARAUJO, Emanuel. A construção do livro [recurso eletrônico] : princípios da técnica de editoração. 2. ed., rev. e ampl. Rio de Janeiro: Lexikon, 2012, 640 p., recurso digital : il.

COLLARO, Antônio Celso. Produção gráfica : arte e técnica na direção de arte. São Paulo: Pearson Prentice Hall, 2012. TAVARES, Frederico de Mello B., SCHWAAB, Reges. A revista e seu jornalismo [recurso eletrônico]. – Dados eletrônicos. – Porto Alegre : Penso, 2013. SANTAELLA, Lúcia. Semiótica aplicada. São Paulo: Thomson Pioneira, 2002 HOMEM DE MELO & Troia Design, O Design como ele é, Cotia -São Paulo, Ateliê Editorial 2007 Bringhurst, Robert 1946,Elementos do estilo tipográfico (versão 4.0) Robert Bringhurst, Titulo original Elements of typographic style,Tradução André Stolarski, São Paulo Ubu Editora, 2018 HEALEY, Mattew, Design de Logotipos + de 300 casos desconstruídos e Analisados; Tradução Marcos Campano, São Paulo, SP; Rosari, 2012. FRASER, Tom - O essencial da Cor no Design/ Tom Fraser Adam Banks ; tradução de Luís Carlos Borges, São Paulo, SP; Editora Senac São Paulo, 2012. SAMARA, Timothy, Grid: Construção e Desconstrução, Título Original: Making and Breaking the Grid: A Graphic Design Layout Workshop, Escrito, compilado e projetado por Timothy Samara, Tradução Denise Bottman, São Paulo,: Cosac Naify,2015. MARSHALL, Lindsay; Como Usar Imagens, tradução Milton Camargo Mota, São Paulo, Edições Rosari,2010. HILBERG, Hans Peter; Primeiros Socorros em Tipografia, Tradução Hans Dürrick- São Paulo, Edições Rosari 2007

REFERÊNCIAS