Relatório Projeto Gráfico Revista Impressão

Universidade Anhembi Morumbi Design Gráfico

Projeto Gráfico: Revista Relatório de Projeto

3° Semestre, vespertino São Paulo, 2021

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

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

Projeto Gráfico: 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 ficar à vontade!

Vou tirar todas as suas dúvidas!

Neste relatório, você vai encontrar regras de uso para: cores, imagens e tipografia. 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áficos.................12

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

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

Introducao

N

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

06

Contexto

N

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.

07

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

08

projetos de ReFErencia

Mixirica

A

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

09

PROJETOS DE REFERÊNCIA

Aspas

A

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

10

Ocas

A

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

11

paineis

Fotografia

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.

12

Ilustração

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

PAINÉIS

13

Tipografia

E

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

PAINÉIS

14

Capa

A

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

PAINÉIS

15

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

16

identidade visual

A

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.

17

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.

18

ELEMENTOS DE Pagina

Elementos fixos 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 Fotografia 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 fixos na capa da 2° edição.

19

Localização dos elementos Margens

Cabeçalho

Rodapé

ELEMENTOS DE PÁGINA

20

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.

21

Elementos fixos da página

Identificação da Seção Fio

Identificaçã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

22

ELEMENTOS DE PÁGINA

Espelho

1ª Capa

2ª Capa

Apresentação

Sumário

Apresentação do bairro

Ensaio Fortográfico

Cultura

Entrevista

Homenagem

Revitalizando

Revitalizando

Cor

Arte e Sociedade

Sobre nós/ Funções

3ª Capa

Ensaio Fotográfico

Cultura

Tipografia

Propaganda Instituição

23

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

24

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

25

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

A

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.

26

Mancha Gráfica

SISTEMAS DE GRID

27

SISTEMAS DE GRID

Linhas

12 linhas com medianiz de 0,4 cm

28

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

29

SISTEMAS DE GRID

Colunas

6 Colunas

6 Colunas

Medianiz de 0,6cm

Medianiz de 0,6cm

30

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

31

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

A

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íficos da capa devem ser respeitados em todas as edições.

Rodapé

0,5 cm 1 cm

1,5 cm

32

paleta de Cores

A

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

C

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%

33

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

34

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.

35

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

36

tipografia

Fontes

P

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áfica do bairro.

37

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

34

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

38

TIPOGRAFIA

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

2

1 3

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

4

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

39

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

Entrelinha: 9 pontos

TIPOGRAFIA

40

TIPOGRAFIA

Alinhamento

Justificado com a última linha alinhada à esquerda

41

Kernig

Kerning : Métrico

TIPOGRAFIA

42

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

43

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

44

TIPOGRAFIA

Aplicação de créditos para a foto

45

Aplicação de legenda para fotos

TIPOGRAFIA

46

TIPOGRAFIA

Número de página

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

47

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

48

TIPOGRAFIA

Crédito da matéria

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

49

Chamada

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

TIPOGRAFIA

50

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:Justificado com a última linha alinhada à esquerda Kerning: Métrico Tracking: 0

51

uso de imagens Fotografia

-

Foi utilizada a escolha de imagens coloridas, com tons

vibrantes (mas não muito saturadas).

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

52

-

Não aplicar filtros, texturas, efeitos em nenhuma imagem

(ruído,blur e etc)

Foto sem aplicação de filtro (correta)

Foto com aplicação de filtro (incorreta)

USO DE IMAGENS

53

USO DE IMAGENS

-

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

arquitetura local.

-

Não

usar a imagem junto com tipografia (por cima da

imagem).

Foto sem uso de tipografia (correta)

Foto em uso com a tipografia (incorreta)

54

-

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

objetivo é trazer as fotografias 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.

Predefinição do filtro

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

55

USO DE IMAGENS

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

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

identificação da revista.

(ruído,blur e etc)

Ilustração sem aplicação de filtro (correta)

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

Ilustração com filtro (incorreta)

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

Ilustração sem tipografia (correta)

Ilustração com a tipografia (incorreta) 56

Impressao

O processo de impressão escolhido foi o Offset. 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: Offeset.

U

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.

58

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

Cartaz da Revista Impressão.

59

Aplicações

PROJETOS EXPOGRÁFICOS

60

PROJETOS EXPOGRÁFICOS

Site

A

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

61

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

62

ANEXOS

A

partir da capa, nós decidimos manter a mesma linguagem para o restante das peças gráficas. Para isso, fizemos 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.

63

P

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 fizemos 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 ficaram mais coerentes.

Exemplo de aplicação da Wayward na página

ANEXOS

64

sobre nos

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

Giovanna Canale de Siqueira Fotografias, entrevista e criação de matéria.

Giovanna ramalho Bonfim

Muito

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

Luana Victoria de O. Varjao Diagramação, fotografias 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.

65

Referencias Webgráfica 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

66

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

67

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=firefox-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_oficial/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-grafite/ 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

69

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

70

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

71

REFERÊNCIAS

https://www.behance.net/gallery/107536607/Revista-Frida-Kahlo-Editorial https://www.behance.net/gallery/56479309/Science-Brochure-Design https://www.flickr.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

73

REFERÊNCIAS

https://issuu.com/marcelomonteiro6/docs/tcc_1_-_pedreira__repensando_o_bair https://issuu.com/luizaqb/docs/revistasenhordosmontesvers_ofinal_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.

74

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

75