1. Marca
1.1. Aplicação Colorida
1.2. Aplicação em Tons de Cinza
1.3. Aplicação em Preto e Branco
1.4. Justificativa
A marca consiste num logotipo (texto escrito de maneira específica), em que cada palavra é
artisticamente desenvolvida a partir de seus respectivos significados. Ambas as palavras foram
escritas originalmente com a fonte Aharoni Bold.
O termo “ENERGIA” é preenchido por circuitos eletrônicos, além de haver a substituição do
caractere “I” por uma lâmpada. Os caracteres encontram-se contornados na cor alaranjada,
fazendo assim uma alusão ao logotipo da Coelce.
Por sua vez, o termo “SEGURA” foi preenchido com um cinza de tonalidade 66,58%,
transmitindo assim a sensação de algo concreto, sólido, durável.
2.Paleta de cores
2.1.Dados das cores
Cor 1 Cor 2 Cor 3 Cor 4 Cor 5
RGB
R 3 73 117 173 246
G 86 211 197 217 113
B 170 242 42 130 13
CMYK
C 98 70 41 20 0
M 49 13 0 0 54
Y 0 0 79 40 95
K 33 5 23 15 4
Cinza
% 71,74 17,66 28,41 17,54 51,72
2.2. Justificativa
O projeto tem como uma de suas características principais o aproveitamento de uma linguagem
de fácil compreensão, em razão de o público-alvo ser intelectualmente pouco privilegiado. Frente
a isso, foram escolhidas cores que correspondessem ao caráter desta linguagem, mas não
permitindo que as mesmas transmitissem monotonia.
Destacam-se tons de verde e azul, que são classificadas por natureza como cores frias,
correspondendo à proposta do jogo de humores calmos e amigáveis. Além disso, o alaranjado
faz-se presente, remetendo-se, também nesse caso, à identidade visual da Coelce, como à própria
idéia de energia, aspecto já familiar da cor. A harmonia inicial da paleta se dá devido ao
constraste complementar entre o azul e o laranja. Com a adição de tons verdes que se encontram
no intermédio entre as duas cores anteriores, paleta torna-se diversificada para conotação de
humores. Para escolha entre as tonalidades foram usadas harmonias análogas para os azuis e
harmonia monocromática para tons de verde.
3.0 Tipografia
3.1 Planilha de demonstração de tipos
• Familiares
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog Calibri
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog Quattrocento Roman
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog Raleway
• Não-Familiares
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog KG What the teacher wants
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog Cartoonish
Hand
THE BROWN FOX Jumps over the lazy dog
THE BROWN FOX Jumps over the lazy dog Classic Round
3.2 Estudo da hierarquia
THE BROWN FOX | JUMPS OVER
recurso educacional That damned fox just keeps jumping! Read what that lazy ass dog has to say about
this nonsense of animals jumping over him.
Energia Segura
I wonder if these phrases could make me lose some points somehow. I hope not.
Whatever. I mean, it's not like I care anyway... Yes. That's right, it was a blef! Man,
you just see right trought me, don't you? Yeah, you don't. Anyway, ladies and
gentlemens, I introduce you again, the all-mighty Lorem Ipsum:
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.
Quattrocento Roman | Cartoonish Hand Bold | Quattrocento Roman Italic | Cartoonish
Hand | Classic Round Medium
THE BROWN FOX | JUMPS OVER
Energia Segura That damned fox just keeps jumping! Read here what that lazy ass dog has to say about it. And so much more!
Presenca no dia-a-dia das pessoas
The text on the actual animation will be very, very short. Like, at most at the
size of this paragraph. Anyway, only because of display purposes, enjoy some
Lorem Ipsum:
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.
Raleway | KG What the Teacher Wants | Calibri Italic | Raleway Bold | Cartoonish Hand
Bold
3.4 Estudo das Fontes
Classic Round
"It’s classic. It’s round. Classic design; present-day roundness. Versatile.
Soft. Warm. Peaceful. For text and display use. When using Classic
Round in small text sizes, it will be a reliable and legible workhorse.
When using it in big display sizes, it will show its interesting details."
- MyFonts on Classic Round
Quattrocento
"Quattrocento Roman is a Classic, Elegant, Sober and Strong typeface.
Their wide and open letterforms, and great x-height, make it very legible
for body text at small sizes.
And their tiny details that only shows up at bigger sizes make it also
great for display use."
- Impallari on Quattrocento
Raleway
"Raleway is an elegant sans-serif typeface, designed in a single thin
weight. It is a display face that features both old style and lining
numerals, standard and discretionary ligatures, a pretty complete set of
diacritics, as well as a stylistic alternate inspired by more geometric
sans-serif typefaces than it's neo-grotesque inspired default character
set."
- The League of Moveable Type on Raleway
3.5 Justificativa
Raleway
Raleway foi escolhida como parte da composição de fontes familiares por ser aserifadas e devido
as suas características harmoniosas e simplistas, contribuindo para um aspecto claro, direto e
leve enquanto ainda firme, agradável e elegante principalmente quando o uso é voltado para
títulos. É utilizada em sua variação de negrito.
Calibri
Calibri é uma fonte muito utilizada para leitura de textos longos até mesmo em tamanhos
pequenos. Porém o objetivo é garantidamente alcançado quando usado qualquer situação, tanto
como textos grandes e curto como título quanto o oposto, devido à sua característica retílinea,
aserifada e leve, que adequam-se ao mood que desejar. Foi escolhida por ser bastante versátel e
confiável, independente do propósito de uso e do tamanho de aplicação.
Classic Round & Quattrocento
Contando com mais personalidade, as fontes Classic Round e Quattrocento vão de muito agrado
junto com as outras escolhas. Quase contrastando entre si, a Classic Round tem um aspecto de
mais peso, simpatia e presença, enquanto a Quattrocento tem um visual bem mais leve, elegante
e formal, porém na medida certa. Juntas elas enriquecem bastante visualmente o aspecto de toda
a obra.
Cartoonist Hand
Fazendo parte da seleção de fontes não-familiares, a Cartoonist Hand foi escolhida devido a boa
harmonia que possui com a identidade visual do recurso. Suas características de handwritting
inserem um aspecto muito forte de personalidade dentro do recurso, principalmente por suas
curvas passarem uma imagem bastante amigável.
KG What the teacher wants
Essa fonte compõe ótimos resultados quando usada em tamanhos grandes, dando um display
bastante forte e pesado, mas ainda com um ar divertido. Foi escolhida para composição de títulos
mais dinâmicos e possível inspiração na criação de logos.
3.6 Referências
http://www.myfonts.com/fonts/durotype/classic-round/ acessado em: 25/01/2013
http://www.impallari.com/quattrocento acessado em: 25/01/2013
http://www.theleagueofmoveabletype.com/raleway acessado em: 25/01/2013
3.7 Links
http://www.google.com/webfonts/specimen/Raleway
http://www.fontsquirrel.com/fonts/classic-round
http://www.fontsquirrel.com/fonts/quattrocento-roman
http://www.dafont.com/kg-what-the-teacher-wants.font?a=on&e=on
http://www.fontsquirrel.com/fonts/SF-Cartoonist-Hand
4.0 Diagramação
Para a disposição e criação dos elementos no recurso foi-se aplicada alguma regras e teorias. A
utilização da Lei áurea de proporção foi fundamental. Desde o concept art dos personagens com
proporção de cabeca, tronco e pé, até a definição da tela de display do produto, todos são
influenciados pela regra de ouro.
Os personagens são feitos dentro de um retangulo áureo proporcional ao retângulo áureo maior
que representa a tela do recurso.
Outra teoria utilizada foi a Lei de Pareto (também conhecido como princípio 80-20), ajudou a
decidir a proporção cenário-personagem, resultando em personagens com 20% do tamanho da
tela do recurso, e a partir dessa proporção foi desenhado os cenários.
As regras de diagramação proposta por Robin Williams, Contraste, Repetição, Alinhamento e
Proximidade também foram muito bem explorados dentro do recurso:
Alinhamento e proximidade de elementos congruentes.
Separação de elementos diferentes (Menu, cidadãos, eletricistas, logo)
Repetição de elementos dentro do recurso (criação de padrões)
Constrastes entre tipos e suas relação de proximidade para diferenciação de elementos.
Top Related