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
