Upload
amanda-gondim
View
7.678
Download
28
Embed Size (px)
DESCRIPTION
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.
Citation preview
1
diretrizes para o uso da marca
Sum
ário
1 .................................................................... INTRODUÇÃO1.1........................................................................ Nossa missão1.2 ............................................................................. Inovação1.3 ......................................................................... Idoneidade1.4 ....................................................................... Proatividade1.5 ........................................................................... Sabedoria
2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca2.2 ...................................................................................... Grid2.3 ......................................................................... Arejamento2.4 ............................................................... O uso do símbolo2.5 ................................................................ Versão em cores2.6 ................................................................. Versão negativa2.7 ..................................................... Versão monocromática2.8 .................................................................... Versão a traço2.9 ................................................................ Redução mínima2.10 ................................................................. Paleta de cores2.11............................................................................ Tipografia2.12 ......................................... Desmembramento da marca2.13 ................................................................... Usos incorretos2.14 ....................................................... Outros usos incorretos2.15 ............................................ Comportamento cromático
2.15.1 ................................................. Versão Principal2.15.2 ................................................ Versão Negativa
2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens
3 ...................................................................... AplIcAÇõeS3.1 ................................................................... Cartão de visita3.2 .............................................................................. Envelope3.3 .............................................. Envelopamento de veículos3.4 ................................................................................. Crachá3.5 ............................................................ Crachá Papel-carta3.6 ................................................................................. Website3.7 ............................................................................ Caderneta3.8 .............................................................................. Camiseta
Sum
ário
1 .................................................................... INTRODUÇÃO1.1........................................................................ Nossa missão1.2 ............................................................................. Inovação1.3 ......................................................................... Idoneidade1.4 ....................................................................... Proatividade1.5 ........................................................................... Sabedoria
2 ...........................................................ASSINATURA VISUAl 2.1 .............................................................................. A marca2.2 ...................................................................................... Grid2.3 ......................................................................... Arejamento2.4 ............................................................... O uso do símbolo2.5 ................................................................ Versão em cores2.6 ................................................................. Versão negativa2.7 ..................................................... Versão monocromática2.8 .................................................................... Versão a traço2.9 ................................................................ Redução mínima2.10 ................................................................. Paleta de cores2.11............................................................................ Tipografia2.12 ......................................... Desmembramento da marca2.13 ................................................................... Usos incorretos2.14 ....................................................... Outros usos incorretos2.15 ............................................ Comportamento cromático
2.15.1 ................................................. Versão Principal2.15.2 ................................................ Versão Negativa
2.16 .......................... Aplicações da versão monocromática 2.17 ............................................... Aplicações sobre imagens
3 ...................................................................... AplIcAÇõeS3.1 ................................................................... Cartão de visita3.2 .............................................................................. Envelope3.3 .............................................. Envelopamento de veículos3.4 ................................................................................. Crachá3.5 ............................................................ Crachá Papel-carta3.6 ................................................................................. Website3.7 ............................................................................ Caderneta3.8 .............................................................................. Camiseta
3
introduçã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 N
ossa
miss
ão
3
introdução
1.2
Inov
açã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.
introdução
1.2 Id
onei
dade
O time de designers da Coruja honra, em demasia, a palavra e a integridade. Tudo o que se diz na agência é cumprido: prazos, data de entrega e/ou apresentação de projetos e reunião com clientes. Através de uma equipe de con�ança que se conquista o público.
introdução
1.4
Proa
tivid
ade
Colaborar e ter iniciativa é quesito obrigatório para aqueles que trabalham na Coruja. O trabalho em equipe é fundamental para a obtenção de bons resultados, mas, para isso, todos precisam participar ativamente e pensar a frente de seu tempo.
introdução
1.5
Sabe
doria
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 �m de que a melhor, e mais surpreendente, saída seja encontrada.
4
assinatura visual
símbolo logotipo
marca
As formas circulares fazem alusão à infinitude e agilidade, bem como ao trabalho em equipe e à idoneidade. O brilho no olhar mostra o entusiasmo da descoberta de uma ideia inovadora.
O logotipo, com sua tipografia exclusiva, possui o esqueleto geométrico circular presente
O símbolo remete ao olhar de uma coruja e demonstra que a agência tem uma visão abrangente de projeto, que sabe analisar sabiamente os problemas do cliente e propor soluções inovadoras e surpreendentes.
A cor amarela transmite dinamismo, energia e proatividade.
no símbolo. O fato de ser uma fonte sem serifa proporciona boa visibilidade e transmite boa legibilidade. A ligatura presente entre as letras C e O significa dinamismo e união, que são elementos fundamentais para um excelente trabalho em equipe.
2.1 A
mar
ca
5
assinatura visual
Acima, é possível visualizar o grid sobre o qual a marca foi construída e o alinhamento dos itens que a compõe.
2.2 G
rid
6
assinatura visual
Para facilitar a leitura e proteger a marca da interferência de outros elementos, há uma área de proteção em torno da mesma, que equivale à medida do olho do brilho.
2.3 A
reja
men
to
7
assinatura visual
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 O
uso
do
símbo
lo
8
assinatura visual
principal
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 V
ersã
o em
cor
es
9
assinatura visual
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 datipografia, que, ao invés de preta, passa a ser branca.
2.6 V
ersã
o ne
gativ
a
10
Sobre fundo preto
principal
secundária
K= 100%
K= 0%
K= 20%
K= 0%
K= 0%
K= 0%
K= 0%
K= 100%
K= 12%
K= 0%
K= 100%
K= 20%
2.7 V
ersã
o
m
onoc
rom
átic
a
K= 0%
assinatura visual
K=40%
K=100%
K=40%
K=100%
K=0%
K=100%
K=0%
K=100%
principal
secundária
Sobre fundo branco
A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada.
Sobre fundo preto
10
Sobre fundo preto
principal
secundária
K= 100%
K= 0%
K= 20%
K= 0%
K= 0%
K= 0%
K= 0%
K= 100%
K= 12%
K= 0%
K= 100%
K= 20%
2.7 V
ersã
o
m
onoc
rom
átic
a
K= 0%
assinatura visual
K=40%
K=100%
K=40%
K=100%
K=0%
K=100%
K=0%
K=100%
principal
secundária
Sobre fundo branco
A versão monocromática deverá ser utilizada apenas quando a impressão à cores não puder ser realizada.
Sobre fundo preto
11
assinatura visual
principal
secundária
principal
secundária
2.8 V
ersã
o a
traçoEsta versão deverá ser usada apenas em último caso, quando houver restrições de cores e impressão.
12
assinatura visual
no papel
2.9 R
eduç
ão m
ínim
a
30 mm
15 mm 15 mm 15 mm
na tela
472 pixels
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.
13
assinatura visual
Estas são as cores da marca da Coruja Design. Todas remetem à coloração da ave em questão.
O amarelo está presente no olho do animal, por isso faz parte do nosso logo. Além disso, o amarelo transmite movimento, dinamicidade, energia e iluminação, visto que é uma cor quente.
O marrom faz referência às penas da coruja e combina perfeitamente com o amarelo, criando um contraste interessante.
O preto, por sua vez, está presente na pupila do olhar. Por ser uma cor extremamente escura e fechada, transmite seriedade e credibilidade.
2.10
Pal
eta
de c
ores
Pantone 7404CPantone Hexachrome
Yellow UCMYK 0/15/100/0
RGB 255/212/0
uso restrito a textos
Preto
Pantone Hexachrome Black C
Pantone 5463UCMYK 0/0/0/100
RGB 35/31/32Web 231f20
cores principais
cor s
ecun
dár
ia
Pantone 470CPantone 153U
CMYK 29/69/100/21RGB 154/87/36
Web 9a5724
14
assinatura visual
2.11
Para títulos e legendas:
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Century Gothic Bold (para realçar informações importantes)
Century Gothic Regular (para subtítulos)
Century Gothic Italic (para legendas ou informações menos importantes)
Para textos impressos:
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Principal: Adobe Garamond Pro Regular (9pt)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Secundária: Times New Roman Regular (9pt)
Para uso exclusivo em e-mails:
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’Verdana Regular (12pt)
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 1234567890 !@#$%¨&*( )-_=+´`[ ]{ }^~< >,.;:/?\|“”‘’
Aqui encontram-se as famílias
adjuntas a marca. Porém, há fontes
títulos e legendas de material impresso e digital, utilizamos a Century Gothic, uma vez que seu formato geométrico
logotipo.Entretanto, a Century Gothic
corpo de texto em peças impressas. Assim sendo, utilizaremos a Adobe Garamond Pro ou a Times New
Roman (em útlimo caso), já que ambas possuem boa legibilidade sobre o papel.
Para o conteúdo de e-mails, utlizamos a Verdana. Por não ser serifada, a visibilidade na tela é maior e melhor.
15
assinatura visual
A marca da agência pode ser desmembrada e redimensionada para criar um dinamismo maior nas peças. No entando, independentemente se o símbolo estiver sangrando na parte esquerda ou direita, o brilho sempre deve aparecer.
2.12
otne
marbme
mseDda
mar
ca
2.13
Uso
s in
corre
tosassinatura visual
Inclinar a marca para a direita
Inclinar a marca para a esquerda
Aplicar e aumentar o olho atrás do tipograma
Usar o símbolo para separar a palavra “Coruja” ao meio
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
2.14
Out
ros
usos
inco
rreto
s
assinatura visual
Mudar o símbolo de lugar
Aplicar sombra
Mudar a cor do olho
Mudar a tipografia
Formar o símbolo do infinito com as letras C e O
Contornar o símbolo
Excluir o círculo branco do símboloAplicar o logo em marca d’água na versão colorida
coruja
assinatura visual
A marca da Coruja Design deve ser utilizada sobre fundos em que as cores sejam vibrantes e saturadas,porque 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.1
5.1
Com
porta
men
to c
rom
átic
o
Vers
ão P
rinci
pal
2.1
5.2
Com
porta
men
to c
rom
átic
o assinatura visual
A 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.
Vers
ão N
egat
iva
2.16
Apl
icaç
ões
da v
ersã
o m
onoc
rom
átic
a
assinatura visual
K=10%
K=20%
K=30%
K=40%
K=50%
K=60%
K=70%
K=80%
K=90%
K=100%
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
2.17
Apl
icaç
ões
sobr
e im
agen
s
assinatura visual
Aplicar a marca reduzida sempre no canto inferior esquerdo ou direito.Além disso, deve-se analisar a tonalidade do local da aplicação (clara ou escura), para escolher a versão correta da marca a ser utilizada.
Nunca colocar o símbolo sobre o rosto da modelo e, também, jamais aplicar a marca em tamanho grande, no centro da fotogra�a.O logo, quando aplicado sobre �guras, deve ter a função de uma assinatura.
Não aplicar a marca em cores sobre peças de design, pois o símbolo chama mais a atenção do que o produto anunciado.Somado a isso, não colocar a marca em tamanho grande e nem no centro do projeto.
3.1 C
artã
o de
visi
ta
aplicações
9cm
5cm
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 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 Code que, quando fotografado, direciona o espectador para o port-fólio da agência.
frente
verso
Apl
icaç
õesViviane Maiotto Aleixo
Diretora de Arte
55 11 2300-1260
Alameda Grajaú - 288 - Alphaville - Barueri - SP
55 11 9-8874-9231
3.2 E
nvel
opeO envelope ofício é branco.
A aba é formada pela metadedo símbolo. Portanto, há anecessidade de uma faca espe-cial para que o recorte saiacorretamente.O endereço está em AdobeGaramond Pro, 10pt (a mes-ma fonte do papel-carta).Quando aberto, pode-se ob-servar que o interior do enve-lope é marrom.O logotipo aparece no verso.
aplicações
Coruja DesignAlameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150 A
plic
açõe
s
verso (fechado)
verso (aberto)
frente
Coruja DesignAlameda Grajaú - 288 - Alphaville Barueri - SP - CEP: 06310-150
3.3 E
nvel
opam
ento
de
veíc
ulos
lateral direita lateral esqueda
parte dianteiraparte traseira
aplicações
Os veículos da agência são furgões.Nas laterais, pode-se obser-var o símbolo aplicado pela metade com o logotipo.Na parte traseira, há apenas
Na parte dianteira, nada foi
O veículo teve a cor branca preservada.O motivo pelo qual o au-tomóvel inteiro não foi dec-orado está no fato de querer atrair os olhares apenas para a marca da agência, que por sinal é bem forte.
Apl
icaç
ões
Coordenadora de Criação
AMANDA GONDIM
Motion Designer
GUILHERME FERREIRA
Diretora de Arte
VIVIANE MAIOTTO
3.4 C
rach
á
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
5,5cm
8,6cm
Apl
icaç
ões
3.5 Pa
pel-c
artaSão Paulo, 24 de agosto de 2012
Sed quia non numquamEius modi tempora incidunt ut
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 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 anim id est laborum."
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 laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo.
Amanda Aparecida Gondim Rocco Coordenadora de Criação
CORUJA DESIGN
Alameda Grajaú - 288Alphaville - SP
06480-012+ 55 11 2300-1260
Amanda Aparecida Gondim Rocco Coordenadora de Criação
São Paulo, 24 de agosto de 2012
Sed quia non numquamEius modi tempora incidunt ut
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 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 anim id est laborum."
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 laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo.
aplicações
em cores em preto
O 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. Apl
icaç
ões
CORUJA DESIGN
Alameda Grajaú - 288Alphaville - SP
06480-012+ 55 11 2300-1260
aplicações
3.6 W
ebsit
e
Home | Sobre | Equipe | Anuncie | Loja | Contato
AGÊNCIA | WEB | GRÁFICO | PUBLICIDADE | CLIENTES
Elabore et dol ore magna
Aliqua ut enim ad minim veniam, quis nostrud.
Consequuntur magni dolores eos qui ratione voluptatem nueg saguroige heolu eos qui atioh
volupta
Consequu ntur magni dolores eos qui ratione voluptatem
Apl
icaç
ões
3.7 C
ader
neta
aplicações
frente verso
A caderneta possui formato pequeno (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.
Apl
icaç
ões
3.8 C
amise
ta
aplicações
AMANDA
frente verso
A marca pode ser estampada sobre a camiseta de dois modos: bor-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. A
plic
açõe
s