ECDD | MIV by Lucas Santos

Sumário

PARCERIA:

Apresentação

Carlo Bernardini

A marca

Cores institucionais

Versão vinheta eletrônica

Versão p/b

Grid, limites e margens

Tipografias institucionais

Orientações gerais

Considerações finais

APRESENTAÇÃO Para representar uma série de mudanças institucionais com vistas ao seu crescimento, o Instituto Infnet reestruturou a sua Identidade Visual. Este projeto atende a um briefing que prevê a agregação de novos valores e o reposicionamento da empresa perante o mercado. A nova marca geral do instituto externa tradição aliada à tecnologia em um formato de ‘selo’ inspirado em universidades americanas, representando a internet de forma estilizada, acompanhada da data de fundação da empresa. No âmbito da Escola de Comunicação e Design Digital, que abarca os cursos de Design Gráfico e Publicidade e Propaganda, foi construída uma Identidade Visual independente, para se comunicar melhor com os elementos visuais

que já vinham sendo construídos para esta Escola antes da própria reestruturação oficial, que possuem uma força própria que não é bem acompanhada pelo ‘selo’ tradicionalista. Os termos-chave norteadores do Projeto são: Tecnologia, Seriedade, Orientação ao Mercado, Excelência e Ética. Assim, temos que o logotipo da ECDD — Escola de Comunicação e Design Digital mantém o tema externado no logotipo principal do Instituto: internet, conexões. Porém, o faz com uma nova abordagem, explorando uma plasticidade inspirada na obra do artista CARLO BERNARDINI, que constrói ‘esculturas de luz’ com fibras ópticas acesas. Desta forma, o intuito é demonstrar que, embora Design e Arte sejam duas áreas diferentes e independentes, a primeira pode se inspirar na

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

segunda, utilizando-a como uma fonte para conceitos e resolução de problemas. Outrossim, considerando-se a formação generalista do Designer Gráfico, o desenho também pode ser entendido como uma representação abstrata das pontes e conexões que o criativo deve estabelecer entre suas informações colecionadas para a feitura do trabalho: o processso da transformação do conhecimento, que nada mais é do que informação com valor de mercado. Sendo uma Identidade Visual cambiante, sua estrutura formal vai além dos termos-chave do Projeto e externa dois novos conceitos: inovação e diversidade, que, embora não constem oficialmente no rol de Valores da empresa, são importantes e seguidos como diretrizes institucionais.

Aproveitamos a oportunidade para registrar nosso agradecimento pelo suporte fraternal que foinos oferecido pelo próprio Carlo Bernardini, que permitiu irrestritamente a referência a seu trabalho, inclusive fornecendo uma cópia do seu catálogo-portfolio.

www.carlobernardini.it

CARLO BERNARDINI Carlo Bernardini nasceu em Viterbo, em 1966, e começou sua carreira no início dos anos 90. Durante a primeira metade da década de 90, Bernardini começa a lidar com a terceira dimensão em suas obras. No começo, tubos de aço saíam da tela, lançando sombras reais; então, desde 1996 ele vem planejando e trabalhando em grandes instalações de fibra óptica, de esculturas de aço inoxidável, superfícies de OLF (filme de iluminação óptica) e superfícies electro-luminescentes que os telespectadores percebem de maneira e forma diferentes, dependendo do local onde a sua posição no espaço se encontra. O uso de fibra óptica como um novo meio de comunicação leva Bernardini a conceber a possibilidade de projetar o espaço através da escuridão, usando esta linha de luz fina para transformar o ambiente no trabalho artístico. Entre suas mais importantes exposições internacionais, vale

a pena mencionar a grande exposição de 2004 no Museu Paço Imperial do Rio de Janeiro e, em 2007, a apresentação da instalação Event Horizon no Swing Space em Nova York. O projeto Light Waves é realizado em 2008, uma obra de arte instalada permanentemente na entrada do aeroporto de Brindisi, onde Bernardini gera uma sensação impalpável de espaço total, alterando a percepção do lugar através do uso da interação entre suas esculturas de luz prismoidal e a instalação audiovisual. Produziu várias exposições individuais, tais como: o Codice Progressivo dello Spazio na galeria Velan em Turim, na Grossetti Arte Contemporânea, em Milão, e na Arte Contemporânea Delloro, em Roma. Carlo Bernardini mora e trabalha em Milão e ensina Instalações Multimídia na Accademia di Belle Arti di Brera.

A MARCA A marca da ECDD — Escola de Comunicação e Design Digital é composta por dois elementos: o logotipo, contento a identificação escrita da Escola utilizando a tipografia institucional e um símbolo abstrato cambiante, estabelecendo relações entre si em duas assinaturas possíveis: Horizontal e Vertical, cada uma com sua respectiva possibilidade positiva e negativa. O símbolo abstrato é composto por linhas brancas conectadas entre si, conformando figuras poligonais diversas, com pequenos gradientes radiais brancos nos vértices principais. Ela é sui generis na medida em que sua versão Principal é, também, a Negativa, sendo construída para atuar sobre fundos escuros, preferencialmente vibrantes e pertencentes à paleta de cores institucionais. Não obstante, a

versão p/b (v. pág. 9) é composta apenas por linhas e pontos pretos, atendendo às necessidades de aplicação sobre fundos brancos e claros, bem como quando da utilização de tecnologias de impressão que não permitem ou oneram demais a produção de gradientes e efeitos. Embora o pacote fornecido contenha 8 desenhos de símbolo abstrato com suas respectivas versões Principais e p/b, o espírito cambiante da marca é infinito, de forma que, contrariamente às diretrizes de marcas fixas, este símbolo abstrato pode ser redesenhado para formar outros polígonos, sendo que o designer que produzir essas variações deve ter o cuidado de manter a identidade com os desenhos ora fornecidos, atentando para a espessura das linhas, o grid (v. pág 10), o tamanho e a disposição dos pontos de vértice.

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

O desenho contido na assinatura apresentada abaixo (figura 6.1) é a chamada ‘ÂNCORA’, a principal formação, que será utilizada quando a aplicação pedir uma assinatura mais perene e estacionária e quando do fornecimento dos arquivos vetoriais para uso de terceiros.

símbolo abstrato

figura 6.1

logotipo

marca

CORES INSTITUCIONAIS A escolha cromática seguiu o trabalho que já vinha sendo conduzido para a Escola antes da reestruturação oficial, com pequenos ajustes para a escala CMYK, de maneira que é muito importante o cumprimento de suas aplicações, quando couber. A seleção de cores foi pensada para contrastar com o tom predominantemente frio que permeia as outras Escolas do Instituto e para que possam ser utilizadas em conjunto em ocasiões que demandem construções de hierarquias visuais. Sempre que possível, produza materiais gráficos que utilizem estas cores, a fim de consolidálas no posicionamento da marca ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL.

R: 254 G: 222 B: 72

R: 245 G: 203 B: 7

R: 217 G: 174 B: 10

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

C: 5% M: 20% Y: 100% K: 0%

C: 20% M: 30% Y: 100% K: 0%

R: 223 G: 141 B: 55

R: 212 G: 106 B: 30

R: 214 G: 75 B: 16

C: 10% M: 50% Y: 90% K: 0%

C: 15% M: 70% Y: 100% K: 0%

C: 10% M: 85% Y: 100% K: 0%

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

VERSÃO VINHETA A denominação ‘versão vinheta eletrônica’ ou apenas ‘versão vinheta’ refere-se à assinatura do logotipo da ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL que utiliza um suave gradiente de brancos para a sua composição. Portanto, é indicada para ocasiões em que a tecnologia de saída permite a reprodução desses gradientes, como, por exemplo: em sites, apresentações digitais, impressões em policromia, e-mails, redes sociais etc. Além disso, deve ser inserida por sobre fundos escuros, preferencialmente quentes, vibrantes e pertencentes à paleta de cores institucionais.

Possui duas assinaturas: Horizontal (conforme disposto na pág 6) e Vertical (conforme disposto nesta página), sendo que cada uma delas tem as possibilidades Assinatura Simples (contendo apenas a denominação ‘Escola de Comunicação e Design Digital’ no logotipo) ou Assinatura Completa (contendo a denominação ‘Instituto Infnet’ abaixo do nome da Escola, separada por um fio). As normas para sua aplicação encontram-se na página 10. Atenção: se optar por redesenhar o símbolo abstrato, observe as diretrizes das páginas 6 e 10.

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

VERSÃO P/B A denominação ‘versão p/b’ refere-se à assinatura do logotipo da ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL que utiliza apenas informações de preto e branco para o seu desenho (podendo ser chamada também, portanto, de versão Monocromática). É indicada para aplicações sobre brancos e cores claras, bem como para ocasiões em que a tecnologia de saída não permite ou onera demais a representação de gradientes ou ainda quando permite apenas a reprodução de pretos sem tons de cinza e para a definição de máscaras, como, por exemplo: auto-relevos para brindes e impressões especiais, moldes, letreiros tridimensionais, máscaras de vernizes etc.

Atenção: se optar por redesenhar o símbolo abstrato, observe as diretrizes das páginas 6 e 10.

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

GRID, LIMITES E MARGENS Nesta seção, expomos a ‘malha de construção’ (ou ‘grid’) sobre a qual foi desenhada a marca, para garantir o posicionamento correto de todos os elementos e também facilitar a sua reprodução através de métodos não informatizados. As proporções devem ser mantidas para assegurar a integridade da marca na aplicação em qualquer tipo de suporte. Além dessa função, a grid possui os módulos básicos que são utilizados para determinar suas margens de segurança.

Aplicamos as explanações desta página na ‘versão p/b’ apenas a título exemplificativo, uma vez que essas regras se aplicam a todas as versões da marca da Escola. Neste sistema, a marca é construída por sobre um total de 1.200 quadrados de lado ‘x/4’, sendo 20 fileiras horizontais com 60 colunas verticais. A segunda letra ‘O’ do logotipo (conforme exposto ao lado) compõe a unidade referencial ‘x’, com 4 quadrados.

LIMITE DE REDUÇÃO Com base em diversos testes, determinamos que o logotipo não deve ser reproduzido em um tamanho inferior a 6,0 x 1,39cm (LxA), sob pena de não ter legibilidade.

“x”

MARGENS DE SEGURANÇA

6,0cm

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

figura 10.1

1,39cm

Quando colocada em meio a outros elementos, a marca pode parecer fazer parte deles, rompendo sua identidade e pregnância. Para que isso não aconteça, a área em volta dela deve ficar livre de qualquer elemento gráfico. Para tanto, deve ser reservada uma distância mínima de 4 unidades “x” de todos os lados.

“4x”

TIPOGRAFIAS INSTITUCIONAIS A tipografia utilizada para grafar o logotipo da ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL é a Frutiger55Roman. Para tipografia institucional a ser utilizada no meio impresso, como em papéis timbrados, cartas, cartões de visita e peças de publicidade, indicamos toda a família tipográfica Frutiger, que já vinha sendo utilizada como tipografia institucional pelo Instituto e continuará sendo utilizada pela nova Identidade Visual, tanto a da ECDD quanto a mais geral do Instituto. Como esta família possui grande variedade de pesos, a hierarquização das informações é facilitada, podendo ser feita através do uso judicioso e contrastes de cada um deles nas peças a serem produzidas.

ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 0123456789-+=?!@

No meio digital com conteúdo dinâmico em que não seja possível a utilização da Frutiger (inclusive sem a possibilidade de inserir a fonte via @font-face), como em sites e e-mail marketings, recomendamos a utilização da família Droid Sans ou, caso também não seja possível, a Tahoma, de uso corrente em todas as plataformas atuais.

Frutiger Condensed Light

Apesar dessa família tipográfica ser bem complexa, o desenho de suas aspas aproxima-se muito de plicas, um glifo indesejado (v. figura 11.1). Assim, sempre que possível, substitua as aspas usadas pelas da família Helvetica Neue.

Frutiger55Roman

ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 0123456789-+=?!@

Frutiger Bold

ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 0123456789-+=?!@

Frutiger Light

ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 0123456789-+=?!@

““ “” plicas

aspas verdadeiras

figura 11.1

Frutiger Condensed Bold

ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 0123456789-+=?!@

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

ORIENTAÇÕES GERAIS De uma maneira geral, deve-se evitar a aplicação de sombras e efeitos sobre ou sob a marca. Também é necessário sempre observar suas proporções. Neste sentido, deve-se prestar atenção em redimensionamentos, e este cuidado deve ser redobrado quando o designer optar por produzir uma variação do símbolo abstrato cambiante. Ao contrário de marcas fixas, no caso da ECDD é permitido produzir variações de desenho que produzam figuras reconhecíveis autônomas, conforme demonstrado nas figuras 12.1 e 12.2, em que temos representações do ícone do Twitter e de um coração geométrico, respectivamente.

Embora seja permitido, evite utilizar o símbolo abstrato ou o logotipo separados um do outro; faça-o sempre para solucionar problemas de limitação de espaço e assegure-se que o contexto geral do trabalho deixe bem claro a identidade da Escola. Utilize as Assinaturas Completas em ocasiões em que a marca é apresentada de forma descontextualizada, não sendo possível associar a sua filiação ao Instituto Infnet de outra forma.

aplicação de sombras e/ou efeitos sobre/sob a marca

perda de proporções da marca

aplicação de versão principal sobre fundo claro figura 12.1

Evite aplicar as versões principais por sobre fundos claros. Nesses casos, dê preferência à versão p/b.

figura 12.3 figura 12.2

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

É possível inserir os logotipos com o comando Copiar e Colar (Crtl/Cmd+C e Crtl/Cmd+V) no Illustrator e no Photoshop; no entanto, no InDesign, este comando não funciona para as versões Vinheta: ao fazer isso, os gradientes dos vértices não são processados e somem.

rasterizados e com o fundo que se pretende usar na peça. Caso seja necessária a entrada vetorial, utilize o comando Import (figura 13.2) para os arquivos .pdf ou .ai; neste caso, assegure-se de estar usando a última versão disponível deste programa.

Para inserir uma assinatura versão Vinheta no InDesign, utilize o comando Place (Ctrl/Cmd+D — figura 13.1) ou arraste e solte os arquivos .pdf (com saída vetorial) ou .ai do Windows Explorer/ Finder para a área de trabalho do InDesign. Arquivos com a terminação .eps não funcionam com os métodos expostos acima, apresentando o mesmo problema apresentado na inserção por via do Copiar e Colar. Para a inserção no Corel Draw, recomenda-se já colocá-los figura 13.1

figura 13.2 Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

CONSIDERAÇÕES FINAIS A marca é um patrimônio da empresa tão importante quanto os seus produtos e serviços em si. A marca vende, traz associações e emoções, transmite confiança, credibilidade e qualidade. Ela é a síntese dos valores da empresa e seus elementos lhe conferem identidade própria. A razão de ser deste trabalho tão somente é a crença de o Instituto Infnet, através de sua ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL, de fato oferecer serviços diferenciados e em franco processo de expansão, de forma que a presente marca reflete este estágio de desenvolvimento. Neste sentido, este manual deve ser constantemente revisto e atualizado, acompanhando o

crescimento da empresa e suas linhas de produtos e serviços. Também é importante lembrar que a Identidade Visual de uma empresa não se encerra em seu logotipo. Ele, na verdade, é a ponta do iceberg de todo o trabalho de Design, cujo principal valor reside nos conceitos invocados e nos elementos gráficos que acompanham a marca. Assim, considere o estilo de diagramação do presente manual como um exemplo prático de linguagem visual a ser adotada nos materiais da Escola. É claro que ele não tem o condão de esgotar todas as possibilidades, mas nossa esperança é que tenha ficado clara a mensagem geral que ela deve passar: transgressora e vibrante.

Instituto Infnet ‧ Escola de Comunicação e Design Digital | manual de identidade visual

Não custa ressaltar que é de suma importância que todos os materiais visuais da ESCOLA DE COMUNICAÇÃO E DESIGN DIGITAL sejam produzidos por profissionais e que estes, por sua vez, respeitem os padrões aqui estabelecidos. Respeite a marca ECDD – Escola de Comunicação e Design Digital e todos a respeitarão.

www.infnet.edu.br (21) 2122-8800

Rua São José, 90, 2º andar. Centro, Rio de Janeiro/RJ | CEP: 20010-020