Coruja Design - Manual de Identidade Visual

  • 9,659 views
Uploaded on

MIV desenvolvido para a disciplina de Metologia de Projeto II, sob orientação do professor Vitor Fernandes. Cada grupo tinha de abrir uma agência de design fictícia, conceituá-la e criar sua …

MIV desenvolvido para a disciplina de Metologia de Projeto II, sob orientação do professor Vitor Fernandes. Cada grupo tinha de abrir uma agência de design fictícia, conceituá-la e criar sua identidade visual.

Projeto desenvolvido por mim, Guilherme Ferreira e Viviane Maiotto.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
9,659
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
304
Comments
4
Likes
10

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. diretrizes para o uso da marca 1
  • 2. 1 .................................................................... INTRODUÇÃO 1.1........................................................................ Nossa missão 1.2 ............................................................................. Inovação 1.3 ......................................................................... Idoneidade 1.4 ....................................................................... Proatividade 1.5 ........................................................................... Sabedoria2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca 2.2 ...................................................................................... Grid 2.3 ......................................................................... Arejamento 2.4 ............................................................... O uso do símbolo 2.5 ................................................................ Versão em cores 2.6 ................................................................. Versão negativa 2.7 ..................................................... Versão monocromática 2.8 .................................................................... Versão a traço 2.9 ................................................................ Redução mínima 2.10 ................................................................. Paleta de cores 2.11............................................................................ Tipografia 2.12 ......................................... Desmembramento da marca Sumário 2.13 ................................................................... Usos incorretos 2.14 ....................................................... Outros usos incorretos 2.15 ............................................ Comportamento cromático 2.15.1 ................................................. Versão Principal 2.15.2 ................................................ Versão Negativa 2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens3 ...................................................................... AplIcAÇõeS 3.1 ................................................................... Cartão de visita 3.2 .............................................................................. Envelope 3.3 .............................................. Envelopamento de veículos 3.4 ................................................................................. Crachá 3.5 ............................................................ Crachá Papel-carta 3.6 ................................................................................. Website 3.7 ............................................................................ Caderneta 3.8 .............................................................................. Camiseta
  • 3. introdução Nossa missão Por meio de uma equipe idônea e proativa, a base da agência Coruja Design foi consolidada. Na sabedoria, busca-se referências para a tenham a funcionalidade desejada pelo cliente. Inovando e surpreendendo, assim, a cada dia. 1.1 3
  • 4. introdução Buscar soluções inovadoras para os problemas dos clientes é o que move a Coruja Design. Para tanto, a equipe está sempre em busca de novas referências e de conhecimento; com o olhar sempre atento de uma coruja de fato. Inovação 1.2 3
  • 5. introdução IdoneidadeO time de designers da Coruja honra, emdemasia, a palavra e a integridade. Tudo o quese diz na agência é cumprido: prazos, data deentrega e/ou apresentação de projetos e reuniãocom clientes. Através de uma equipe deconfiança que se conquista o público. 1.2
  • 6. introduçãoColaborar e ter iniciativa é quesito obrigatóriopara aqueles que trabalham na Coruja. O Proatividadetrabalho em equipe é fundamental para aobtenção de bons resultados, mas, para isso,todos precisam participar ativamente e pensara frente de seu tempo. 1.4
  • 7. introdução Sabedoria Embasadas na sabedoria, os integrantes da agência buscam soluções funcionais para os problemas do cliente. Cada caso é analisado, pensado, pesquisado e concebido a fim de que a melhor, e mais surpreendente, saída seja encontrada. 1.5
  • 8. assinatura visual símbolo logotipo A marca marcaO símbolo remete ao olhar de As formas circulares fazem alusão à no símbolo. O fato de ser umauma coruja e demonstra que a infinitude e agilidade, bem como ao fonte sem serifa proporcionaagência tem uma visão abrangente trabalho em equipe e à idoneidade. boa visibilidade e transmite boade projeto, que sabe analisar O brilho no olhar mostra o legibilidade. A ligatura presentesabiamente os problemas do cliente entusiasmo da descoberta de uma entre as letras C e O significae propor soluções inovadoras e ideia inovadora. dinamismo e união, que sãosurpreendentes. O logotipo, com sua tipografia elementos fundamentais para um A cor amarela transmite exclusiva, possui o esqueleto excelente trabalho em equipe.dinamismo, energia e proatividade. geométrico circular presente 2.1 4
  • 9. assinatura visual GridAcima, é possível visualizar o grid sobre o qual a marca foi construídae o alinhamento dos itens que a compõe. 2.2 5
  • 10. assinatura visual ArejamentoPara facilitar a leitura e proteger a marca da interferência de outroselementos, há uma área de proteção em torno da mesma, que equivaleà medida do olho do brilho. 2.3 6
  • 11. assinatura visual O uso do símbolo O uso do símbolo sem o logotipo é permitido apenas em situações específicas: no material impresso (envelope e cartão de visita, por exemplo), utiliza-se a imagem na parte da frente ou de trás, e o tipograma na parte oposta (que pode ser melhor visualizado no capítulo destinado às aplicações). 2.4 7
  • 12. assinatura visual Versão em coresprincipal secundária A principal diagramação da marca é aquela em que o símbolo encontra-se localizado ao lado. Na secundária, o logotipo está abaixo da figura, que, por sua vez, está aumentada. A segunda opção deverá ser usada apenas quando a primeira não puder ser aplicada. 2.5 8
  • 13. assinatura visual Versão negativa principal secundária Esta versão da marca deverá ser utilizada quando a aplicação for efetuada sobre fundo de cores escuras, preferencialmente sobre a cor marrom. A única mudança em relação à versão em cores está na matiz da tipografia, que, ao invés de preta, passa a ser branca. 2.6 9
  • 14. assinatura visual A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada. monocromática Sobre fundo preto Sobre fundo preto Sobre fundo branco principal principal K= 0% K=100% K= 0% K=0% Versão K= 100% K=100% K= 20% K=40% secundária secundária K= 0% K= 0% K=0% K= 100% K=100% K= 100% K=40% K= 20% K= 12% 2.7 K= 0% K= 0% K= 0% K=100% 10
  • 15. assinatura visual Versão a traço Esta versão deverá ser usada apenas em último caso, quando houver restrições de cores e impressão.principal principal secundária secundária 2.8 11
  • 16. assinatura visual Redução mínima no papel na tela 30 mm 472 pixels 15 mm 15 mm 15 mm 236 pixels 236 pixels 236 pixels a determinação de limites de redução estará sujeita ao processo empregado, à qualidade do original utilizado e à qualidade de reprodução obtida. Recomendamos como limite de redução da marca limite comprometerá a leitura da marca. 2.9 12
  • 17. assinatura visual Paleta de cores uso restrito a textosEstas são as cores da marca da Coruja O marrom faz referência às penasDesign. Todas remetem à coloração da da coruja e combina perfeitamente Pretoave em questão. com o amarelo, criando um contraste O amarelo está presente no olho interessante.do animal, por isso faz parte do nosso O preto, por sua vez, está presentelogo. Além disso, o amarelo transmite na pupila do olhar. Por ser umamovimento, dinamicidade, energia cor extremamente escura e fechada,e iluminação, visto que é uma cor transmite seriedade e credibilidade.quente.cores principais cor secundária Pantone 7404C Pantone Hexachrome Pantone 470C Pantone Hexachrome Black C Pantone 153U Yellow U Pantone 5463U CMYK 29/69/100/21 RGB 154/87/36 CMYK 0/15/100/0 CMYK 0/0/0/100 Web 9a5724 RGB 255/212/0 RGB 35/31/32 Web 231f20 2.10 13
  • 18. assinatura visualPara títulos e legendas:Century Gothic Bold (para realçar informações importantes)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’Century Gothic Regular (para subtítulos)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’Century Gothic Italic (para legendas ou informações menos importantes)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’Para textos impressos:Principal: Adobe Garamond Pro Regular (9pt)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’Secundária: Times New Roman Regular (9pt)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’Para uso exclusivo em e-mails:Verdana Regular (12pt)AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?|“”‘’ Aqui encontram-se as famílias Roman (em útlimo caso), já que logotipo. ambas possuem boa legibilidade sobre adjuntas a marca. Porém, há fontes Entretanto, a Century Gothic o papel. 2.11 Para o conteúdo de e-mails, títulos e legendas de material impresso corpo de texto em peças impressas. utlizamos a Verdana. Por não ser e digital, utilizamos a Century Gothic, Assim sendo, utilizaremos a Adobe serifada, a visibilidade na tela é maior uma vez que seu formato geométrico Garamond Pro ou a Times New e melhor. 14
  • 19. assinatura visual Desmembramento da marcaA marca da agência pode serdesmembrada e redimensionada paracriar um dinamismo maior nas peças.No entando, independentemente seo símbolo estiver sangrando na parte 2.12esquerda ou direita, o brilho sempredeve aparecer. 15
  • 20. assinatura visual Usos incorretos Distorcer a marca horizontalmente Fazer o “O” da coruja com o olho Distorcer a marca verticalmente Fazer o “O” e o “A” da coruja com o olho Inclinar a marca para a direita Aplicar e aumentar o olho atrás do tipograma 2.13 Inclinar a marca para a esquerda Usar o símbolo para separar a palavra “Coruja” ao meio
  • 21. assinatura visual Outros usosAplicar o logo em marca d’água na versão colorida Excluir o círculo branco do símbolo coruja incorretos Mudar o símbolo de lugar Mudar a tipografia Aplicar sombra Formar o símbolo do infinito com as letras C e O 2.14 Mudar a cor do olho Contornar o símbolo
  • 22. assinatura visual Comportamento cromáticoA marca da Coruja Design deve ser utilizada sobre fundos em que as cores sejam vibrantes e saturadas, Versão Principalporque o contraste obtido é satisfatório. Contudo, a aplicação sobre tons mais claros não é autorizada,já que o símbolo não é realçado. 2.15.1
  • 23. assinatura visual Comportamento cromático Versão NegativaA versão negativa deve ser aplicada, preferencialmente, sobre o fundo marrom.Entretanto, é aceitável sobre todas as matizes escuras, uma vez que proporciona boa leitura. 2.15.2
  • 24. assinatura visual Aplicações da versão Sobre fundos cujo valor de K varie entre 0%-20%, pode-se aplicar a versão com o logotipo preto. Contudo, se a porcentagem de preto estiver ao redor dos 30%, não é permitida nenhum tipo de aplicação, pois a legibilidade de ambas as versões da marca não funcionam sobre esta tonalidade. A partir de K=40%, utiliza-se a versão para fundo escuro, com o tipograma na cor branca. Assim K=10% K=60% monocromática K=20% K=70% K=30% K=80% K=40% K=90% K=50% K=100% 2.16
  • 25. assinatura visual Aplicações sobre imagens Aplicar a marca reduzida Nunca colocar o símbolo Não aplicar a marca em sempre no canto inferior sobre o rosto da modelo e, cores sobre peças de esquerdo ou direito. também, jamais aplicar a design, pois o símbolo Além disso, deve-se marca em tamanho chama mais a atenção do analisar a tonalidade do grande, no centro da que o produto anunciado. local da aplicação (clara fotografia. Somado a isso, não ou escura), para escolher a O logo, quando aplicado colocar a marca em 2.17 versão correta da marca a sobre figuras, deve ter a tamanho grande e nem ser utilizada. função de uma assinatura. no centro do projeto.
  • 26. aplicações Cartão de visita frente 9cm O cartão de visita possui formato 9x5cm. Na parte da frente, há verniz locali- zado no símbolo e no logotipo. No verso, foi utlizada a fonte 5cm versões da Century Gothic: bold no nome (12pt); italic na função (11pt); regular nos telefones e e- mail (11pt) e no endereço (10pt). As informações estão alinhadas à esquerda. Além disso, há um QR verso Code que, quando fotografado, direciona o espectador para o port- fólio da agência. AplicaçõesViviane Maiotto AleixoDiretora de Arte55 11 2300-126055 11 9-8874-9231viviane@coruja.com.brAlameda Grajaú - 288 - Alphaville - Barueri - SP 3.1
  • 27. aplicações frente Envelope verso (fechado) O envelope ofício é branco. A aba é formada pela metade do símbolo. Portanto, há a necessidade de uma faca espe- cial para que o recorte saia corretamente. Coruja Design Alameda Grajaú - 288 - Alphaville O endereço está em Adobe Barueri - SP - CEP: 06310-150 Garamond Pro, 10pt (a mes- Aplicações ma fonte do papel-carta). Quando aberto, pode-se ob- verso (aberto) servar que o interior do enve- lope é marrom. O logotipo aparece no verso. 3.2 Coruja Design Alameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150
  • 28. Envelopamento de veículos aplicações lateral direita lateral esquedaOs veículos da agência sãofurgões.Nas laterais, pode-se obser-var o símbolo aplicado pelametade com o logotipo.Na parte traseira, há apenas parte traseira parte dianteiraNa parte dianteira, nada foiO veículo teve a cor brancapreservada.O motivo pelo qual o au-tomóvel inteiro não foi dec-orado está no fato de querer Aplicaçõesatrair os olhares apenas paraa marca da agência, que porsinal é bem forte. 3.3
  • 29. aplicações 5,5cm 8,6cm Crachá AMANDA GONDIM GUILHERME FERREIRA VIVIANE MAIOTTOCoordenadora de Criação Motion Designer Diretora de Arte Aplicações O crachá é feito de plástico, possui tamanho padrão de 5,5x8,6cm, devido às bordas arredondas. A marca é aplicada centralizada na parte suprior do artefato. Logo abaixo, há espaço para a foto 3x4 do funcionário, seguido de seu nome em caixa-alta e seu cargo logo abaixo. Em abas linhas, a 3.4
  • 30. aplicações em cores em preto CORUJA DESIGN CORUJA DESIGN Alameda Grajaú - 288 Alameda Grajaú - 288 Alphaville - SP Alphaville - SP 06480-012 06480-012 + 55 11 2300-1260 + 55 11 2300-1260 Papel-cartaSão Paulo, 24 de agosto de 2012 São Paulo, 24 de agosto de 2012Sed quia non numquam Sed quia non numquamEius modi tempora incidunt ut Eius modi tempora incidunt utLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod temporincididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrudexercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute iruredolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollitanim id est laborum." anim id est laborum."Seção 1.10.32 de "de Finibus Bonorum et Malorum", escrita por Cícero em 45 AC Seção 1.10.32 de "de Finibus Bonorum et Malorum", escrita por Cícero em 45 AC"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremquelaudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasiarchitecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptassit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui rationevoluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sitamet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt utlabore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quisnostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodiconsequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quamnihil molestiae consequatur, vel illum qui dolorem eum fugiat quo. nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo. Aplicações Amanda Aparecida Gondim Rocco Amanda Aparecida Gondim Rocco Coordenadora de Criação Coordenadora de Criação 3.5O papel carta possui formato A4. O corpo do texto é em Adobe Garamond Pro, 10 pt, e a margem éde 1,5cm nas partes superior, direita e esquerda; e de 3cm na parte inferior.
  • 31. aplicações Home | Sobre | Equipe | Anuncie | Loja | ContatoAGÊNCIA | WEB | GRÁFICO | PUBLICIDADE | CLIENTES Elabore et dol ore magna Website Aliqua ut enim ad minim veniam, quis nostrud. Aplicações Consequu ntur magni Consequuntur dolores eos magni dolores qui ratione voluptatem eos qui ratione voluptatem nueg eos qui atioh volupta saguroige heolu 3.6
  • 32. aplicações frente verso A caderneta possui formato pequeno Caderneta (9x14cm). A capa é dura e há um elástico amarelo que serve para fechar o objeto. A marca é aplicada em marca d’água na versão monocromática e sangra. Na parte inferior esquerda da capa, há a versão a traço da marca, que é usada para proporcionar melhor contraste da marca. Aplicações 3.7
  • 33. aplicações frente verso AMANDA Camiseta Aplicações A marca pode ser estampada sobre a camiseta de dois modos: bor- 3.8 dada ou em silk screen. Na parte da frente, há o símbolo e logotipo; na parte de trás, o nome do funcionário.