Subverta Projeto de Identidade Visual

Page 1

para o bem viver

PROJETO DE IDENTIDADE VISUAL

+ manual de aplicação de marca + orientações para criação de artes


Projeto desenvolvido por Flรกvia Mattos Designer Grรกfico Social


ÍNDICE 07 08 10 12 13 15 16 17 18 19 20 22 23 28 29

APRESENTAÇÃO SOBRE DESIGN SOCIAL PROJETO DE IDENTIDADE VISUAL DO SUBVERTA (PIV) LOGOTIPIA SUBVERTA INSPIRAÇÃO LOGOTIPO LOGOTIPO COM SOL E SÍMBOLO (FLOR) PALETA DE CORES E APLICAÇÕES GRADE ESPAÇAMENTO E REDUÇÃO MÍNIMAS USO ERRADO/CORRETO HISTÓRICO VISUAL HISTÓRICO TIPOGRAFIAS DO PROJETO TIPOGRAFIAS


ÍNDICE 30 FONTE PRINCIPAL 35 FONTES SECUNDÁRIAS 39 PALETA DE CORES DO PROJETO 40 CRITÉRIOS TÉCNICOS DE CONSTRUÇÃO DAS PALETAS DE CORES 41 DIVISÃO DE PALETAS 42 PALETA DO SUBVERTA 43 PALETAS ESPECÍFICAS DOS SETORIAIS 44 SETORIAIS (PALETA DE CORES + LOGOTIPOS) 45 SETORIAL DE MULHERES 47 SETORIAL DE NEGRITUDE 49 SETORIAL LGBT 51 SETORIAL DE JUVENTUDE 53 SETORIAL DE LIBERTAÇÃO ANIMAL 55 SETORIAL DE TRABALHADORES E TRABALHADORAS 57 SETORIAL DE MEIO AMBIENTE 59 SETORIAL DE TERRITÓRIO 61 SETORIAL DE SAÚDE


ÍNDICE 63 ELEMENTOS GRÁFICOS 64 ELEMENTOS GRÁFICOS: GRUPOS 65 ILUSTRAÇÕES BOTÂNICAS 68 PAPÉIS E MOLDURAS 69 FITAS ADESIVAS 70 FOTOS DE PESSOAS 71 FOTOS COMPLEMENTARES 72 GRAFISMOS E LINE ART 73 ARTES 74 APLICAÇÃO 75 MODELO 1 77 MODELO 2 79 MODELO 3 81 MODELO 4 83 MODELO 5 85 MODELO 6 87 MODELO 7


ÍNDICE 89 MODELO 8 91 MODELO 9 93 MODELO 10 95 MODELO 11 97 MODELO 12 99 MODELO 13 101 MODELO DE FOTOPOST 102 ARTES FEITAS ANTES DO PIV 105 GRUPOS DE TRABALHOS 106 ÍCONES DOS GTS 112 CONSIDERAÇÕES FINAIS 113 PRÓXIMOS PASSOS 114 GRATIDÃO 115 SOBRE MIM


APRESENTAÇÃO


APRESENTAÇÃO

Subverta

SOBRE DESIGN SOCIAL O Design Social tem papel fundamental na história recente de nossa sociedade. Meu trabalho e pesquisa consistem em resgatar a história do Design por uma perspectiva social, com amplitude marxista e anticapitalista, mostrando como o design foi formado através de rompimentos de barreiras com o capital, levantar a apropriação da ferramenta pelo capitalismo e as posteriores resistências históricas até os dias atuais, que resultou no ativismo praticado hoje. A medida que a sociedade foi ganhando consciência crítica e lutando contra os impactos gerados pelo sistema, o Design Social foi evoluindo. Inicialmente, a ruptura com a impessoalidade e anonimato dos artistas impostos pela revolução industrial deu forma aos primeiros pensamentos críticos na produção artista gráfica, na Inglaterra. Os modelos de educação e formação dos saberes nas artes vieram à tona com a iminência da revolução russa. Rússia e Alemanha são pioneiras em pensar sobre a função social que o design deveria desempenhar, bem como a sua produção. O crescimento da industrialização fez com que os processos desenvolvidos pelos designers e arquitetos gerassem função social: mais pessoas seriam incluídas e 8


Projeto de Identidade Visual

APRESENTAÇÃO

beneficiadas. Vkhutemas e Bauhaus foram exponentes deste movimento. Entretanto, o sistema industrial desprezou esta função e passou a organizar designers e arquitetos para suas produções em larga escala. O capital, através de governos fascistas, perseguiu e fechou as escolas de pensamento crítico e com viés de esquerda de forma autoritária, se apropriando dos saberes e técnicas desenvolvidas neste período. A partir de então, o capitalismo passa a formar designers à sua maneira e com base em seus interesses, buscando apagar da história as funções sociais que embasaram o surgimento do design. A organização do capital pelo marketing transformou o design em ferramenta para o consumo, aliado e atrelado à publicidade. A partir da década de 1970, designers e arquitetos passaram a questionar a produção e consumismo em larga escala, a fetichização de objetos de desejo, comercialização de objetos fúteis e com grandes impactos ambientais. O movimento de Contracultura trouxe grande contribuição à sociedade. Os movimentos sociais da sociedade civil organizada ganharam novamente as ruas e o design foi cada vez mais sendo inserido como forma de luta, crítica e ativismo. A partir deste momento, o design entra de vez para o campo da crítica política e se torna ferramenta fundamental da luta de classes. 9


APRESENTAÇÃO

Subverta

PROJETO DE IDENTIDADE VISUAL DO SUBVERTA (PIV) Desde o início, o conceito foi o de passar a mensagem do bem viver, do mundo que idealizamos, expressar nossa luta através dos nossos sonhos, apesar das pedras. Integrar elementos orgânicos e naturais com o que nos move, nossos corações e mentes buscando uma sociedade mais igualitária. A comunicação visual é tão propositiva quanto a sociedade do bem-viver que desejamos construir, uma alternativa ao sistema opressor que negamos radicalmente a nos entregar. Este Projeto de Identidade Visual (PIV) se propõe a apresentar uma proposta de unificar a comunicação visual do Subverta baseado em nosso histórico e artes criadas na fundação do nosso coletivo, aprovadas coletivamente. O PIV também mais possiblidades criativas e opções para o uso da militância, para que fique cada vez mais descentralizado e acessível para o coletivo. A proposta de ser uma alternativa de pensamento na esquerda também se concretiza no estilo artístico e paleta de cores que nos representa. É necessário sair das cores óbvias e primárias, mergulhando em uma paleta de cores mais profundas, suaves e fortes, acolhedoras e dramáticas, que tragam afeto, força e coerência entre si. Cores e imagens que traduzam sentimentos. 10


Projeto de Identidade Visual

APRESENTAÇÃO

A arte da colagem tem por característica a utilização de elementos diversificados, formas inusitadas, cores dramáticas em contraponto com tons pastéis, integração de variados itens no mesmo ambiente e imagens como fotos, papéis, flores, jornais etc. Explorei este estilo produzindo alguns critérios para delimitar cores e elementos gráficos em comum nas artes, para que possam manter uma unidade de comunicação visual, embora estes padrões não sejam um fator limitante de construção criativa e elaboração das peças. O PIV será apresentado da seguinte forma: - LOGOTIPIA: apresentação do logotipo do Subverta e manual de aplicação - HISTÓRICO VISUAL: as artes que serviram de inspiração para este PIV - TIPOGRAFIAS: as novas fontes que serão usadas daqui por diante - SETORIAIS: as cores e os logotipos do setoriais - ELEMENTOS GRÁFICOS: todos os elementos que irão compor as novas artes - ARTES: apresentação de modelos e explicação da aplicação dos elementos - GRUPOS DE TRABALHO: ícones dos grupos - CONSIDERAÇÕES FINAIS: peças que faltam, formação, algumas palavras 11


LOGOTIPIA SUBVERTA


Projeto de Identidade Visual

LOGOTIPIA

INSPIRAÇÃO Quando lançamos o Subverta, estávamos no ano 2017, ou dois mil e soviete, comemorando os 100 anos da Revolução Russa. Apontávamos para a celebração da luta das mulheres tecelãs, que foram às ruas e iniciaram a revolução, ao mesmo tempo que estávamos vivenciando o processo da Primavera Feminista. A assinatura que está presente em nosso logotipo, Coletivo Ecossocialista e Libertário, faz referência direta ao alfabeto cirílico (vide faixa na foto lateral e cartaz), uma homenagem a este momento histórico e valorização dos nossos ideais socialistas. Acima: mulheres tecelãs em protesto nas ruas da Rússia; Lateral, direita: cartaz celebrando as trabalhadoras tecelãs Lateral, esquerda: tecido feito pelas tecelãs após a revolução;

13


LOGOTIPIA INSPIRAÇÃO Para o nome e símbolo, fui inspirada pelos artistas russos, todas as movimentações artísticas e experiências realizadas com o povo para expressar a indignação e vontade de mudança realizadas durante o processo revolucionário. Cartazes feitos à mão e pintados por parte do povo com pouca ou nenhuma alfabetização deram a certeza que seria necessário aplicar um símbolo de luta, um ícone, bem como a utilização de uma fonte caligráfica manuscrita (vide cartaz ao lado), onde os russos também são pioneiros desta arte antiga. Nosso símbolo é a flor que nasceu do asfalto, a flor da luta, a união do punho erguido com a rosa vermelha socialista, a natureza, nosso corpo como parte integrante na mãe Terra. 14

Subverta


Projeto de Identidade Visual

LOGOTIPIA

LOGOTIPO

15


LOGOTIPIA

Subverta

LOGOTIPO COM SOL E SÍMBOLO (FLOR)

16

Aplicação de cores


LOGOTIPIA

Projeto de Identidade Visual

PALETA DE CORES E APLICAÇÕES C: 55 M: 100 Y: 45 K: 40

R: 93 G: 18 B: 66 #5D1242

C: 80 M: 10 Y: 45 K: 0

R: 0 G: 167 B: 157 #00A79D

C: 0 M: 90 Y: 85 K: 0

R: 238 G: 64 B: 54 #EE4036

C: 45 M: 10 Y: 95 K: 0

R: 155 G: 186 B: 67 #9BBA43

17


LOGOTIPIA GRADE

18

LOGOTIPIA Subverta


LOGOTIPIA

Projeto de Identidade Visual

LOGOTIPIA

ESPAÇAMENTO E REDUÇÃO MÍNIMAS O espaçamento mínimo entre objetos sempre deve ter a flor/mão como medida. Independente se o logo estiver pequeno ou grande, evitar colocar outros elementos que não mantenham a distância mínima do tamanho final que estiver a flor.

Tamanho de redução mínima com a assinatura completa: 5 cm Para amanhos menores do que 5 cm, é necessário retirar a assinatura por não ter legibilidade. Redução mínima: 3 cm

19


LOGOTIPIA

Subverta

USOS ERRADOS E CORRETOS

Uso errado

Uso correto

Sem espaçamento

Espaçamento mínimo aplicado 20


LOGOTIPIA

Projeto de Identidade Visual

Uso errado

Uso correto

Sem leitura

Caixa muito colada ao logotipo, torta, descentralizada

A caixa deve ter o mesmo tamanho do espaçamento mínimo, centralizar

21


HISTÓRICO VISUAL


Projeto de Identidade Visual

HISTÓRICO VISUAL

HISTÓRICO As primeiras artes gráficas feitas para a criação do Subverta foram inspiradas em poesia, arte inspirando arte. As poesias foram trazidas por nossos militantes para basear o conceito visual que daria a nossa cara, Ferreira Gullar e El Efecto nos emprestaram palavras visuais. As obras Subversiva, Pedra e Sonhos e Pulmão Ecossocialista (nas páginas a seguir, respectivamente) foram uma proposta de trazer o conceito fundamental da identidade do nosso coletivo: a união entre o ser humano e a natureza com partes de um mesmo sistema possível e, ainda, a dicotomia entre a relação nada harmoniosa entre este sistema que sonhamos com a barbárie imposta pelo capitalismo. Flores, folhas, raízes, coração, pulmão humano e pulmão a floresta, símbolos da natureza e do ser humano, simbolismos orgânicos para representar ecossocialismo, utopia, luta. Duas técnicas foram usadas nas artes: pintura e colagem, ambas digitais. A proposta da colagem é a que melhor se encaixa para a ampliação do PIV, uma vez que pode-se incorporar diversos elementos gráficos, tais como fotos de atos, de pessoas que nos inspiram, da militância, de convidados para atividades. Ainda, é possível incorporar elementos e grafismos que criem uma identidade única, criativa, ampla, democrática e descentralizada no uso pela militância.

23


Subverta

24


HISTÓRICO




TIPOGRAFIAS DO PROJETO


Projeto de Identidade Visual

TIPOGRAFIAS

TIPOGRAFIAS DO PROJETO Serão utilizadas 3 fontes para nossa identidade visual, sendo 1 principal e 2 secundárias para uso complementar. São elas:

ntes

Ambit

Housky Erased Typewriter

Fonte principal

Fontes secundárias

29


TIPOGRAFIAS

TIPOGRAFIAS Subverta

FONTE PRINCIPAL

Ambit Font Family

30

A fonte Ambit foi escolhida por ser uma família tipográfica completa, com variações de peso amplas, desde light até heavy, possiblitando diversas formas de uso em textos, títulos, subtítulos, destaques diversos em parágrafos, infográficos, camisas, banners, panfletos e todo o tipo de aplicação com grande facilidade de leitura para o grande público. Ela é nova, recém-lançada, foi paga (adquiri como forma de contribuição para enriquecer nossa identidade) e por isso, traz mais exclusividade e torna nossa comunicação mais marcante e diferenciada frente a outras. É uma tipografia contemporânea, porém, é uma releitura e adaptação de fontes grotescas clássicas para os dias atuais. São fontes já consagradas pelo design mundial historicamente, minimizando erros com o uso das fontes secundárias que compõe este projeto. Como nossa identidade possui como características principais os elementos gráficos artísticos, priorizando o visual que já nos tornou referência, a fonte principal precisa ser limpa, suave, sem grandes interferências que impactem os elementos gráficos e sem trazer modismos que logo a tornariam datadas.


TIPOGRAFIAS

TIPOGRAFIAS

Projeto de Identidade Visual

Ambit Font Family® Co Type Foundry, 2019 “Ambit é uma fonte sans serif excêntrica e única, inspirada nos grotescos antigos, mas adaptada para o século XXI. Seus detalhes mais impressionantes são os curvos “f” e “r” (não se preocupe, existem versões alternativas simples disponíveis no Stylistic Set 02). Formas como “c”, “C”, “s” e “S” parecem se enrolar, dando a essa família de tipos uma aparência muito distinta. Também digno de nota são os “R” e “K”, que apresentam pernas curvas. Ambit possui 7 pesos (de Thin a Black), cada um com itálico oblíquo. Os recursos do OpenType incluem ligaduras e uma gama completa de forro e numerais de estilo antigo, cada um com versões tabulares. Cada peso também inclui pontuação com distinção entre maiúsculas e minúsculas e três conjuntos estilísticos que dão acesso a formas alternativas de letras. O primeiro conjunto inclui um andar “a”, “g” e um “y” alternativo; o segundo conjunto fornece acesso a versões menos onduladas de “f” e “r”, que podem ser mais apropriadas para definir texto em tamanhos pequenos; o terceiro conjunto apresenta um design “Q” alternativo.”

31


TIPOGRAFIAS

TIPOGRAFIAS Subverta

Ambit Font: pesos

32

Ambit Thin Ambit ExtraLight Ambit Light Ambit Regular Ambit SemiBold Ambit Bold Ambit Heavy

Thin Italic ExtraLight Italic Light Italic Regular Italic SemiBold Italic Bold Italic Heavy Italic


TIPOGRAFIAS

TIPOGRAFIAS

Projeto de Identidade Visual

Ambit Font: pesos Maiúsculas

AMBIT THIN AMBIT EXTRALIGHT AMBIT LIGHT AMBIT REGULAR AMBIT SEMIBOLD AMBIT BOLD AMBIT HEAVY

THIN ITALIC EXTRALIGHT ITALIC LIGHT ITALIC REGULAR ITALIC SEMIBOLD ITALIC BOLD ITALIC HEAVY ITALIC

33


TIPOGRAFIAS

TIPOGRAFIAS Subverta

Ambit Font: textos Uso na identidade visual (panfletos, manifesto, ofícios) Kerning: -25 pontos

Black Bold Semibold Regular ... Usar os pesos de acordo com a hierarquia do texto

34

TÍTULOS ASSIM

maiúsculo/uppercase

Leading: entre 55 a 60

Subtítulos SUBTÍTULOS Grifos e itens GRIFOS E ITENS Textos OUTROS DESTAQUES


TIPOGRAFIAS

TIPOGRAFIAS

Projeto de Identidade Visual

FONTES SECUNDÁRIAS

Housky Font

Uma das características da nossa militância é o fazer com as próprias mãos, a valorização do trabalho de base, o artesanal, manual, os saberes individuais e coletivos, o bem viver de todos os seres vivos na mãe terra. Seria impossível deixar de fora deste projeto uma fonte manuscrita. Neste sentido, a fonte Housky foi trazida para realçar uma característica que nos representa enquanto coletivo feito por pessoas. A Housky é uma caligrafia expressiva contemporânea, recémlançada, que traz frescor e atualidade para as artes. É a única das três fontes que não têm ligação entre presente e passado, nem por releitura (como a Ambit), nem por representação simbólica de historicidade, como a Housky, próxima fonte a ser apresentada. A Housky pode ser usada para realçar e destacar nome de pessoas, frases ditas por aqueles que admiramos, realçar uma palavra importante no título de uma arte, fazer aspas e olhos, assinaturas, enfim, temos liberdade criativa para explorar as possibilidades que esta fonte traz visual e simbolicamente.

35


TIPOGRAFIAS

Subverta

Housky Font Tipógrafa: Megi Satyo Widodo, 2018 “Housky Font é uma fonte de pincel exclusiva com estilo elegante e moderno, abordagem contemporânea ao design, artesanal natural com uma linha de base menos regular. É design e compartilhado por Megi Satyo Widodo. É uma fonte Hanwritten com um pincel de textura distinto e nítido. O Housky é feito manuscrito em papel com um pincel do tipo grosso, resultando em uma textura consistente. Você pode alterar o Housky como desejar criar um estilo único quando vários caracteres da mesma letra se encontrarem, porque o Housky possui letras minúsculas alternativas com um estilo diferente.”

36


TIPOGRAFIAS

Projeto de Identidade Visual

TIPOGRAFIAS

FONTES SECUNDÁRIAS

Erased Typewriter

®

Se hoje escrevemos nossos pensamentos no computador - uma vez que a possibilidade manual sempre existiu e permanece (a fonte Housky representa isso também), a máquina de escrever foi instrumento usado por muitos pensadores, escritores, jornalistas e educadores para tornar seus conhecimentos em realidade material. Tendo a formação histórica como uma das nossas bases, eu trouxe um elemento gráfico para representar o pensamento, literaturas, o anterior a nós em livros, as antigas provas de escola, memória afetiva em parte de muitos de nós. A fonte, assim como a Ambit, também é registrada e comprei a licença para o nosso uso em trabalhos gráficos.

37


TIPOGRAFIAS

TIPOGRAFIAS Subverta

Erased Typewriter

®

Intellecta Design, 2017 Tipógrafo: Paul W “Um design de fonte de máquina de escrever agitado (“stressed”), ótimo para imitar o efeito de tinta levemente desleixado de máquinas mais antigas.” A Erased Typewriter possui 4 pesos, regular, itálico, negrito e underscore: Maíusculas Erased Typewriter Regular Erased Typewriter Italic Erased Typewriter Bold Erased Typewriter Underscore 38

ERASED ERASED ERASED ERASED

TYPEWRITER TYPEWRITER TYPEWRITER TYPEWRITER

REGULAR ITALIC BOLD UNDERSCORE


PALETAS DE CORES


PALETAS DE CORES

Subverta

CRITÉRIOS TÉCNICOS DE CONSTRUÇÃO Uma paleta de cores bem construída precisa ler a alma do projeto e usar de recursos técnicos para que as cores possam dialogar entre si de forma harmônica, mesmo que passem ideias contrárias em alguns casos. O uso de claro e escuro, tom sobre tom, cores complementares ou não, precisa ser bem estrutarado para não conter erros na leitura e na mensagem final. Este projeto contou com pesquisas de teoria de cores, psicologia de cores, ferramentas técnicas e outros guias. Deixo, como exemplo, uma ferramenta de toeria das cores para o entendimento da militância que lê este projeto. CÍRCULO CROMÁTICO

40

A utilização desta técnica permite a escolha perfeita entre cores, de forma que elas tenham acesso à sua composição, luminosidade, saturação e sombra que devem ser utilizados


Projeto de Identidade Visual

PALETA DE CORES

DIVISÃO DAS PALETAS As paletas foram divididas por - SUBVERTA (uso geral) - SETORIAIS (uso específico) As cores do Subverta, mais gerais, incluem as cores dos setoriais, porém, elas são mais completas em tons e de uso mais ampliado. O conselho é sempre usar cores que se identifiquem com a pauta ou setorial. O fato de ter paletas divididas por setoriais não impede o uso das cores mais gerais. Entretanto, é aconselhável priorizar as cores dos setoriais para identificálos com facilidade.

41


PALETAS DE CORES

Subverta

PALETA GERAL DO SUBVERTA Além das cores do logotipo, as outras cores escolhidas foram baseadas em tons de terra, flores, raízes, pedras, elementos essenciais da mãe terra. CORES DO LOGOTIPO

Verdes

42

Azuis

Vermelhos

Marrons

Laranjas e amarelos

Roxos

Rosas


PALETA DE CORES

Projeto de Identidade Visual

PALETAS ESPECÍFICAS DOS SETORIAIS A partir das cores anteriores, foram selecionadas as cores específicas, baseadas nas pautas e no uso do círculo cromático para harmonia entre tom, brilho, contraste. Mulheres

Negritude

LGBT

Libertação Animal

Trabalhadores

Meio Ambiente

Território

Saúde

43


SETORIAIS paleta de cores + logotipos



A luta das mulheres ĂŠ, historicamente, identificada com a cor roxa. Usei tons de roxos e lilases, sendo um rĂłseo para fazer contraste.



Cores em tons avermelhados e de terra, barro, raĂ­z, foram trazidos para remeter Ă ancestralidade e complementar as cores da africanidade, que tambĂŠm foram incorporadas ao setorial.



+ cores das bandeiras de cada "letra" da sigla

Como este setorial tem sua bandeira e suas cores prĂłprias, alĂŠm do uso do arco-Ă­ris em muitas de suas artes, trouxe apenas 3 cores neutras para uso complementar e de fundo para as outras



Este ĂŠ o setorial onde cores alegres, fortes e cheias de energia, com misturas inusitadas se faz mais presente



Para este setorial, trouxe cores que dialogam com liberdade, acolhimento, alĂŠm de elementos como ar, mar, terra.



Como esta ĂŠ uma pauta ligada diretamente (mas nĂŁo exclusivamente) Ă materialidade, busquei tons de cinzas e azuis para remeter a metais como moeda, engrenagens, ferramentas, cimento, concreto, alĂŠm de carteira de trabalho.



Folhas, madeira, terra, raiz, caule, tons da floresta para ter fácil identificação do público com a pauta central que o setorial está conectado.



Marrons, laranjas e verde para remeter a territĂłrios, como extensĂľes e partes da terra visto em um mapa.



Uma saúde integral, do corpo material ao corpo mental e espiritual. Cuidado, acolhimento, bem viver e bem estar. A paleta geral pode ser acionada para denúncias ou temas sensíveis. No entanto, busquei valorizar a saúde que buscamos em nós e no planeta


ELEMENTOS GRÁFICOS


ELEMENTOS GRÁFICOS

Subverta

ELEMENTOS GRÁFICOS: GRUPOS Para as artes, foram selecionados grupos de elementos para serem usados como critérios de unidade às artes. As colagens permitem infinitas possibilidades criativas, porém, se não mantivermos critérios de limitação de tipos de elementos usados, nunca teremos uma unidade visual e narrativa em nossa comunicação. Serão disponibilizados centenas de itens em bibliotecas online para facilitar a criação, divididas por grupos. Teremos os seguintes grupos de elementos: - ILUSTRAÇÕES BOTÂNICAS - FOTOS DE PESSOAS - PAPÉIS - FITAS ADESIVAS - FOTOS COMPLEMENTARES - GRAFISMOS E LINE ART 64


Projeto de Identidade Visual

ELEMENTOS GRÁFICOS

ILUSTRAÇÕES BOTÂNICAS As flores e folhas são os elementos principais nas nossas artes. Os elementos que trarão ao nosso público em geral a rápida associação do prefixo ECO (ligado à ecologia, meio ambiente pelo senso comum). Todas as flores, folhas, animais, alimentos orgânicos serão no estilo ilustração botânica. Este estilo foi escolhido por ter as melhores representações da natureza mundialmente. Também confere às artes um estilo único, unindo o antigo e o contemporâneo, e reforçando o estilo artístico das colagens que usaremos. Qualquer outro estilo usado nas ilustrações irá descarecterizar nossa unidade visual. As ilustrações deverão ser: - FLORES - FOLHAS - ANIMAIS - ALIMENTOS ORGÂNICOS 65


ELEMENTOS GRÁFICOS ILUSTRAÇÕES BOTÂNICAS FLORES E FOLHAS

66

Subverta


ELEMENTOS GRÁFICOS

Projeto de Identidade Visual

ELEMENTOS GRÁFICOS

ILUSTRAÇÕES BOTÂNICAS ANIMAIS E ALIMENTOS ORGÂNICOS

67


ELEMENTOS GRÁFICOS

ELEMENTOS GRÁFICOS Subverta

PAPÉIS E MOLDURAS Papéis trarão textura e volume às artes, servem como base para escrever textos e fazer colagens mais completas. Podem ser inteiros ou apenas pedaços. Já as molduras de papel podem ser usadas para fotos de pessoas ou outro elemento, como um animal, local etc.

68


ELEMENTOS GRÁFICOS

Projeto de Identidade Visual

ELEMENTOS GRÁFICOS

FITAS ADESIVAS As fitas adesivas ajudam a criar um ambiente artesanal, feito à mão, colagens manuais. Podem ser usadas para "prender" os papéis, molduras de fotos, fotos, ilustrações etc. As fitas podem trazer um clima divertido ou mais descontraído à arte. Usar as cores das fitas de acordo com as paletas dos setoriais.

69


ELEMENTOS GRÁFICOS

ELEMENTOS GRÁFICOS Subverta

FOTOS DE PESSOAS São as fotos das pessoas que nos inspiram, dos nossos convidados em atividades, das nossas figuras públicas, da nossa militância em atos, de trabalhadores... Elas podem entrar inteiras dentro das molduras, recortadas nos papéis ou aplicadas direto no fundo, podem vir coloridas ou preto e branca.

70


Projeto de Identidade Visual

ELEMENTOS GRÁFICOS

FOTOS COMPLEMENTARES São fotos que complementam a arte de acordo com a pauta. Podem vir coloridas ou preta e branca.

71


ELEMENTOS GRÁFICOS

Subverta

GRAFISMOS E LINE ART São complementos secundários e bem opcionais. Apenas para quem quiser dar um charme a mais para seu trabalho. Devem ficar em segundo ou terceiro plano, não sendo o elemento principal de uma arte. Pode ser uma figura geométrica em torno de uma pessoa ou outro objeto, uma ilustração em line art (linha fina), etc. Os modelos que serão apresentados adiante deixarão esta opção mais fácil de visuzalizar.

72


ARTES


ARTES

Subverta

APLICAÇÃO As artes concretizam todo o projeto de identidade visual. A partir de agora, serão apresentados alguns modelos com todos os elementos citados: logotipos, cores, tipografias e elementos gráficos. Estes são apenas alguns exemplos para que a militância possa compreender a aplicação de todos os elementos que irão compor as peças. Que eles sirvam de inspiração para novos modelos serem criados. Todos os arquivos aqui apresentados irão fazer parte da nossa biblioteca online e estarão à disposição de todes. Os presentes arquivos foram criados em Photoshop e estão didaticamente organizados para facilitar o trabalho de quem for abrí-los. Ao final do projeto, irei falar sobre formação e adaptação do PIV para o Canva.

74


MODELO 1


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS

76

ILUSTRAÇÕES BOTÂNICAS A flor foi aplicada em todo fundo. Reparem que a flor escolhida tem o tom do setorial

FITAS ADESIVAS As fitas trazem um ar artesanal, alegre, jovial. Foram usadas para "prender"papel e molduras

FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados em título, subtitulo, nomes, datas.

FOTOS DE PESSOAS Fotos das convidadas em cor dentro das molduras, com seus nomes

PAPEL O papel escolhido foi em tom neutro, apenas para dar textura, volume e escrever os dados

FONTE SECUNDÁRIA A fonte Erased Typewriter foi usada como legenda dos nomes nas molduras LOGOTIPOS Aplicados com espaçamento mínimo

FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 2


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FONTE SECUNDÁRIA A Housky foi usada no título para realçar a palavra principal FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados em título e nomes

78

PALETA DE CORES Por ser um tema mais próximo ao setorial de meio ambiente, escolhi a paleta deste setorial. Busquei a paleta nas ilustrações também.

FOTOS DE PESSOAS Fotos dos convidados recortadas

ILUSTRAÇÕES BOTÂNICAS Uso de flores, folhas e animais, com paleta de cores que combinam com as cores do setorial

FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 3


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS

PALETA DE CORES Cores do Setorial LGBT ILUSTRAÇÕES BOTÂNICAS Uso de flores e folhas, com paleta de cores que combinam com as cores do fundo

FONTE SECUNDÁRIA A Housky foi usada para destacar o nome da arte 80

LOGOTIPO SUBVERTA Usado com um tom abaixo da cor principal. Ah, mas não está na paleta principal, pode isso? Claro! Olha como ficou perfeito! Pode ser usada uma leve transparência ou apenas escolher um tom próximo (tom sobre tom) FOTOS DE PESSOAS Fotos em preto e branco e usada com recorte FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 4


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FONTE PRINCIPAL A Ambit foi usada com dois pesos para dar destaques diferenciados em título e uma frase

FONTE SECUNDÁRIA A Housky foi usada no título para realçar uma palavra palavra

82

PALETA DE CORES Por ser um tema mais próximo ao setorial de trabalhadores, escolhi a paleta deste setorial. Busquei a paleta nas ilustrações também.

FOTOS DE PESSOAS E COMPLEMENTARES Fotos de pessoas trabalhadoras e outras que representam trabalho, como ferramentas. Usadas em recorte, em PB e cor ILUSTRAÇÕES BOTÂNICAS Uso de flores, folhas com paleta de cores que combinam com as cores do setorial FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 5


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FITAS ADESIVAS As fitas trazem um ar artesana e jovial. Foram usadas para "prender" o papel e a foto, possuem mesmo tom da paleta

FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados em título, subtitulo, nomes, datas.

84

PAPEL O papel escolhido foi o de caderno, simbolizando aula, também traz uma textura e volume à arte, e ajuda a ter um local para escrever os dados

FOTOS DE PESSOAS Fotos da convidada em cor aplicada sem moldura FONTE SECUNDÁRIA A fonte Housky foi usada para destacar uma informação diferenciada LOGOTIPOS Aplicados com espaçamento mínimo

FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 6


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Neste caso, mantive a cor sólida, porém, usei uma carta manuscrita da homenageada para o fundo. Como também é uma informação, usei poucas ilustrações ou outros elementos. Poderia ser jornal ou texto de livro... FONTE SECUNDÁRIA A Housky foi a única fonte usada, destacando o nome da homenageada 86

LOGO SUBVERTA Novamente, usei um tom abaixo do fundo, mantendo tom sobre tom FOTOS DE PESSOAS Dei preferência a uma foto da Nise colorizada, poderia ser PB. ILUSTRAÇÕES BOTÂNICAS Uso de flores e folhas com paleta de cores que combinam com as cores do setorial de saúde e com a roupa dela

PAPÉIS Apenas um pedaço de papel para destacar o nome da Nise e não misturar com a carta ao fundo

FITA ADESIVA Uma fita em tom próximo e sem detalhes ou estampas par não tirar o foco principal da carta e nome da Nise


MODELO 7


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados nos dados

PAPÉIS Usei recortes de papéis para o nome do debate

FONTE SECUNDÁRIA A Erased Typewriter foi usada no título com pedaços de papéis para trazer elementos manuais

88

PALETA DE CORES Por ser um tema mais próximo ao setorial de meio ambiente e territórios, escolhi a paleta destes setoriais.

LOGO SUBVERTA Aqui, usei um tom acima do fundo, ainda mantendo tom sobre tom

LINE ART Trouxe uma ilustração no estilo line art (linha fina) para compor a mensagem. Também com um tom de marrom pouco acima do fundo, como o logotipo FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas.

ILUSTRAÇÕES BOTÂNICAS Uso de ilustração de alimentos orgânicos


MODELO 8


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados no título FONTE SECUNDÁRIA A Housky foi usada no título para realçar uma das palavras e formar um bonito lettering GRAFISMOS Trouxe uma composição de pontos (halftone) para dar um ar mais moderno ao layout

90

PAPEL Usado para escrever todos os dados

LINE ART Ilustração em line art para compor a mensagem visualmente ILUSTRAÇÕES BOTÂNICAS Uso de flores, folhas e animais. O animal entrou com um recorte diferente, como se tivesse sido cortado à tesoura e colado no papel, dando um caráter bem artesanal FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas.


MODELO 9


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FITA ADESIVA Fita adesiva estampada em um tom da paleta

FONTE PRINCIPAL A Ambit foi usada apenas com um peso para o nome de uma atividade. Na lateral, o uso de minúsculas e maíusculas em repetição para uma palavra de ordem

PAPEL Papel no tom do setorial de trabalhadores. FOTOS DE PESSOAS Fotos de trabalhadores com recorte artesanal/ manual, foto em preto e branco

92

PALETA DE CORES Setorial de Trabalhadores

ILUSTRAÇÕES BOTÂNICAS Uso de uma única flor vemelha com folha e raíz FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas.

LOGOTIPO SUBVERTA Mesma cor do detalhe da fita adesiva


MODELO 10


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS ILUSTRAÇÕES BOTÂNICAS Uso de flores e outras plantas para formar um elemento humano sempre serão lindas maneiras de falar sobre o Ecossocialismo simbolicamente!

LOGOTIPO DO SETORIAL Escolha um dos logos na cor que achar que melhor combina com sua arte. Pode até criar uma composição nova com as cores que estão lá! PALETA DE CORES Setorial de Saúde

94

FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas.


MODELO 11


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS FITA ADESIVA Fita adesiva estampada descontraída

FONTE PRINCIPAL A Ambit foi usada com diferentes pesos para formar um lettering no título

PAPEL Moldura fotográfica para servir de base à foto e legenda

PALETA DE CORES Setorial de Juvetude FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas.

FOTOS DE PESSOAS Fotos de uma jovem que representa o tema, em cor

96

FONTE SECUNDÁRIA Fonte Erased Typewriter com diferentes pesos usada para legenda

ILUSTRAÇÕES BOTÂNICAS Busquei flores que pudessem ter tons da paleta, como azul, amarelo, rosa

LOGOTIPO SUBVERTA Em tom mais escuro, fazendo o tom sobre tom


MODELO 12


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS NOTÍCIA OU FATO URGENTE FONTE PRINCIPAL A Ambit foi usada com diversos pesos para dar destaques diferenciados no título e no texto lateral

FITA ADESIVA Fita simples e neutra

FONTE SECUNDÁRIA A Erased Typewriter foi usada como legenda na moldura

ILUSTRAÇÕES BOTÂNICAS Neste caso, busquei folhas escuras e uma flor caindo, para simbolizar a tristeza da notícia, um de nós caiu

FOTOS DE PESSOAS Foto da pessoa noticiada

98

PALETA DE CORES Neste caso, usei a do setorial de territórios

PAPEL Moldura fotográfica

FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


MODELO 13


ARTES

Subverta

APLICAÇÃO DOS ELEMENTOS ILUSTRAÇÕES BOTÂNICAS Foram usadas rosas nos tons do setorial de mulheres FONTE SECUNDÁRIA A fonte Housky foi usada para enaltecer o nome de Rosa FOTOS DE PESSOAS Fotos de Rosa em dois momentos. Uma de perfil, outra em uma atividade

100

PALETA DE CORES Neste caso, usei a do setorial de mulheres

FITA ADESIVA Fita simples mas no tom das flores PAPEL Moldura fotográfica FONTE SECUNDÁRIA A Erased Typewriter foi usada colo legenda na moldura LOGOTIPO SUBVERTA Usado em branco FUNDO O fundo sempre deverá ser com cor uma sólida da paleta. Não usar padronagens ou texturas. Pode ter exceções? Sim! Vou mostrar uma!


Projeto de Identidade Visual

ARTES

MODELO DE FOTOPOST Muitas vezes, usamos apenas uma foto com uma chamada para anunciar um fato urgente, importante ou um texto novo no site. Este formato, simples e rápido, irá continuar na nossa comunicação. Para este modelo, a sugestão é apenas usar a fonte principal e o logotipo do Subverta, respeitando as regras de aplicação.

RESOLUÇÃO DO DIRETÓRIO NACIONAL SOBRE O DERRAMAMENTO DE ÓLEO NO NORDESTE

MASSACRE MASSACRE DE DE CARAJÁS CARAJÁS

24 ANOS

101


ARTES

Subverta

ARTES FEITAS ANTES DO PIV As seguintes arte foram feitas antes da finalização deste PIV mas contribuíram para a evolução das artes. Elas poder ser usadas como inspiração.

102


Projeto de Identidade Visual

ARTES

ARTES FEITAS ANTES DO PIV As seguintes arte foram feitas antes da finalização deste PIV mas contribuíram para a evolução das artes. Elas poder ser usadas como inspiração.

103


ARTES

Subverta

ARTES FEITAS ANTES DO PIV As seguintes arte foram feitas antes da finalização deste PIV mas contribuíram para a evolução das artes. Elas poder ser usadas como inspiração.

104


GRUPOS DE TRABALHO


GRUPOS DE TRABALHO

Subverta

ÍCONES DOS GRUPOS Nossa comunicação interna se dá através de nossos dispositovs móveis. Na intenção de facilitar a organização dos grupos, foram criados ícones que facilitem a sua identificação. Foram criados apenas 4 para esta apresentação. O conceito central é colocar o nome do GT, uma imagem que possa representá-lo, aliado a uma ilustração botânica. Estes ícones podem se tornar identificação em outros documentos, caso necessário esta aplicação. Foram usadas as cores da paleta GERAL do Subverta, e não dos setoriais.

106


Projeto de Identidade Visual

GRUPOS DE TRABALHO

107


GRUPOS DE TRABALHO

108

Subverta


Projeto de Identidade Visual

GRUPOS DE TRABALHO

109


GRUPOS DE TRABALHO

110

Subverta


Projeto de Identidade Visual

GRUPOS DE TRABALHO

111


CONSIDERAÇÕES FINAIS


CONSIDERAÇÕES FINAIS

Projeto de Identidade Visual

CONSIDERAÇÕES FINAIS

PRÓXIMOS PASSOS Este projeto não se esgota aqui, nem tampouco está fechado. Outros modelos podem ser criados e inseridos, novos olhares, novas necessidades surgirão, nem todos os itens foram finalizados. Deixo aqui algumas necessidades para prosseguir: - criação dos logotipos das regionais - criação da biblioteca online com centenas de imagens em formato .PNG (que permite fundo transparente) para facilitar e agilizar a aplicação nas artes; - todas as artes aqui apresentadas foram criadas em Photoshop de maneira didática e bem organizada. Estou à disposição a dar uma formação rápida em como manipular os arquivos e trocar itens, cores, dados. É simples e possível.Esta formação pode ser um vídeo tutorial e ficaria online no mesmo drive do projeto; - é aconselhável a adaptação deste projeto também no Canva, site/aplicativo que democratizou o design para quem pouco ou nenhum conhecimento na área. Eu não uso o sistema e, caso algum militante que tenha conhecimentos em design queira se somar a esta tarefa, seria desejável. Caso contrário, eu posso adaptar. 113


CONSIDERAÇÕES FINAIS

CONSIDERAÇÕES FINAIS Subverta

GRATIDÃO Sou muito grata de poder realizar uma tarefa de tornar nossas ideias em imagens concretas, de forma artística e propositiva da sociedade que desejamos. No mais, agradeço a compreensão e, mais uma vez, peço desculpas pelo atraso desta tarefa tão importante para o nosso coletivo. Foi um trabalho que iniciei em outubro após o nosso planejamento e previa dedicação quase exclusiva para terminar em um mês. Passamos por intensas demandas de fim de ano do mandato, entramos em recesso, férias, grandes demandas de início de ano, planejamento das campanhas eleitorais em curso, organização do Psol Niterói e, por fim, a crise que chegou com o Covid-19. Todas as dificuldades só me deram a certeza do quanto somos atropelados ferozmente pela conjuntura e de como precisamos investir em formação na comunicação, e especialmente, no design. Muito orgulho de todos nós! Gratidão por sermos subversives juntes. <3

114


Projeto de Identidade Visual

CONSIDERAÇÕES FINAIS

SOBRE MIM Sou Flávia Mattos, 43 anos, mãe de um casal lindo, publicitária por formação e designer por atuação. E só isso diz muito sobre mim: sair da lógica do capital para atuar na transformação da sociedade através do design. Pós graduada em Comunicação e Marketing e, também, em História da Arte e da Cultura Visual. Estou preparando meu projeto de mestrado em Design, com ênfase em Design Social e sua história de resistência e ativismo. Há dois anos, venho ministrando cursos livres e paletras na área, tanto para estudantes de design como para militantes e movimentos parceiros. Há 12 anos estou atuando na esquerda, militando quase exclusivamente pelo design social e a sua inclusão como estratégia de comunicação e ferramenta de luta. Desenvolvi projetos gráficos para campanhas e mandatos, como Talíria Petrone, Flavio Serafini, Henrique Vieira, Marcelo Freixo, Marielle Franco, Psol (Niterói, RJ, Nacional e diversos núcleos e setoriais), além de ONGs e movimentos sociais. Atualmente, sou designer no Mandato Coletivo Flavio Serafini/RJ. Disponibilizo meus contatos para vocês: (21) 98103-9687, flavia.com@gmail.com e @flavinhamattos.arte no Instagram. 115



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.