Tutorial Flopez Turbo

turbo
(verso 03.12)
_intro
o tutorial flopez um resumo das aulas de contedo em programao visual apresentadas as turmas de dsg_1003 e tipografia II do curso de design da Puc Rio. este material tem finalidade estritamente acadmica. diversos cases, exemplos e comentrios feitos em sala de aula no foram includos neste compacto que tem por objetivo reforar de forma remota os principais pontos do contedo terico das aulas. as imagens que no pertencem ao acervo pessoal do autor foram encontradas na internet e esto aqui por uma boa causa (sempre que possvel com crditos). bom proveito, Fabio Lopez
dsg_1003
_sumrio
intro sumrio identidade visual tipografia diagramao naming anexo: vetor referncias 2 3 5 65 115 143 165 175
dsg_1003
dsg_1003
tutorial flopez
_identidade visual
definio objetivo processo de criao definir e pesquisar idear e prototipar escolher e implementar aprender designers
tutorial flopez
_logomarca mal visto _logotipo impreciso _marca cuidado _identidade visual ok! _logo apelido
design grfico (!) smbolo e/ou logotipo branding Marca a percepo intuitiva de uma pessoa em relao a um produto, servio ou empresa. [Marty Neumeier]
dsg_1003 / identidade visual
tutorial flopez
_definio
um sistema de identidade visual [SIV] constitui um conjunto de definies particulares relacionadas a apresentao visual de uma empresa, produto ou servio. smbolo / logotipo / fonte de apoio e web / sistema de assinaturas paleta de cores / grafismos e elementos de apoio / linguagem grfica materiais / comportamento / modelos tridimensionais / animao avatares e mascotes, etc.
tutorial flopez
classificao
segundo o INPI: marca todo sinal distintivo, visualmente perceptvel, que identifica e diferencia empresas, produtos e servios de outros anlogos.
nominativa
tipografia legvel e sem estilizao (?)
figurativa
imagem e/ou grafia estilizada
(classificao de Viena)
mista
imagem e tipografia sem estilizao
tutorial flopez
classificao proposta por Norberto Chaves
identificadores simblicos
apenas smbolo
em alguns casos o smbolo alcana um nvel de imposio to grande que pode prescindir totalmente do logotipo.
logo-smbolo
ambos signos identificadores esto formalmente integrados e constituem uma unidade grfica indissocivel.
logotipo com smbolo

ambos signos so formalmente independentes e tm capacidade de identificao tanto em conjunto como separados.
identificadores nominais
logotipo com fundo
o logotipo est inserido em um fundo sem autonomia no processo de identificao da marca.
logotipo com acessrio

o logotipo est acompanhado de algum sinal acessrio sem autonomia no processo de identificao da marca.
logotipo puro
representao exclusivamente tipogrfica, caligrfica ou manuscrita do nome.
tutorial flopez
_objetivo
um sistema de identidade visual tem por objetivo particularizar a apresentao de uma empresa, produto ou servio, estabelecendo padres de comunicao claramente percebidos pelo pblico em geral. esses padres devem ser capazes de transmitir de maneira rpida e eficiente o conjunto de conceitos, qualidades e atributos que caracterizam uma marca.
10
tutorial flopez
_objetivo
oportunidades de projeto:
criao atualizao
design de marca
:criao :ampliao :normatizao
ampliao mudana de percepo
redesign de marca
:atualizao :mudana de percepo :mudana de atuao
normatizao mudana de atuao
11
tutorial flopez Alosio Magalhes e Joaquim Redig, 1966 Evelyn Grumach // e.g.design, 1998
12
tutorial flopez www.underconsideration.com/brandnew
13
tutorial flopez
vida til
podemos distinguir os projetos de identidade visual de acordo com sua vida til, classificando-os por efmeros (sazonais) ou duradouros. o tempo de vida til de um sistema de identidade visual define o plano de implementao, os parmetros de avaliao e os objetivos do projeto.
marcas efmeras
: geralmente utilizadas para promover eventos; : contm datas, indicao de local e/ou edio; : so explorados exaustivamente durante um tempo relativamente curto; : geralmente constituem imagens utilizadas de maneira ntegra e com poucas alteraes; : podem seguir padres pr-estabelecidos (selos ou mudanas programadas).
marcas duradouras
: utilizadas para empresas e produtos; : apresentam valores e atributos da corporao; : so explorados durante um ciclo completo de branding evitando o rpido esgotamento; : baseiam-se em um amplo e flexvel sistema de assinaturas; : so projetos independentes, ainda que possam estar relacionados a marcas anteriores.
14
tutorial flopez
ciclos de branding
para estabelecer uma comunicao em dia com as necessidades do negcio e com o contexto do mercado, as empresas esto sempre atualizando a maneira como se apresentam publicamente - tanto atravs de novas campanhas publicitrias como por intermdio da renovao de sua identidade visual. a estratgia de comunicao institucional de uma empresa definida em funo do ciclo de branding da marca. cada fase desse ciclo funciona no sentido de orientar as aes responsveis por manter uma comunicao eficiente e atualizada.
implementao rea de desgaste (redesign)
ativao da marca
attack . decay . sustain . release

atualizaes e redesigns bem feitos evitam desgastes no processo de comunicao de uma empresa. plenitude t_2 (manuteno) plenitude t_1 (reforo)
15
tutorial flopez
_processo de criao
sentar no computador e trabalhar? criar uma imagem? escolher uma cor e uma fonte? enrolar o cliente? * protocolo de soluo de problemas baseado na combinao de empatia, criatividade e racionalidade.
design thinking*
definir (entender o problema) pesquisar (levantamento de dados e estratgia) idear (brainstorming) prototipar (gerao de alternativas e experimentao) escolher (definio, refinamento e apresentao) implementar (entrega, aplicao e gesto) aprender (feedback / aperfeioamento)
16
tutorial flopez
_definir
entender o problema e formular as perguntas corretas.
um sistema de identidade visual a embalagem da marca, no seu contedo. use-o como ferramenta e nunca como soluo.
otimize sua eficincia dimensionando adequadamente sua importncia em um processo de design. a identidade visual um meio e no um fim.
17
tutorial flopez
_pesquisar
formular o briefing que vai embasar e nortear o desenvolvimento do trabalho.
projeto / empresa / servio
entender a essncia do produto / pesquisa e anlise de mercado
atributos atitudes conceitos
definir o modo de proceder, a estratgia de atuao
identificar os conceitos associados marca
Norberto Chamma Marcas & Sinalizao senac sp
considerar aplicaes e propsitos futuros
18
tutorial flopez
_pesquisar
metodologia apresentada pelo designer e professor Joo Leite.
_realidade institucional
:o que a empresa (servios, rea de atuao, pblico alvo)
_identidade institucional
:como a empresa se v (discurso empresarial)
_comunicao institucional
:como a empresa se apresenta (interface com mercado)
_imagem institucional
:como a empresa vista (percepo de mercado)
19
tutorial flopez
quem voc?
o que voc faz? defina um propsito.
qual a sua viso? defina uma direo para seu negcio.
qual a tendncia que estimula sua empresa?
quem concorre em sua categoria?
o que faz voc ser nico?
o que voc deve acrescentar ou retirar? fortalea seu estado nico.
quem ama voc?
quem o inimigo? diga a seus clientes o que voc no .
como voc chamado?
como voc explica sua marca?
como voc se comunica?
como as pessoas interagem com voc?
o que os clientes experenciam?
como voc conquista a fidelidade dos clientes?
como voc prolonga o seu sucesso?
como voc protege seu portiflio?
formule voc mesmo a prxima pergunta.
Marty Neumeier, Zag: a estratgia nmero 1 das marcas de sucesso.
20
tutorial flopez
_pesquisar
anlise de cenrio
Concentre-se nos pontos fortes, reconhea as fraquezas, agarre as oportunidades e proteja-se contra as ameaas. (SUN TZU, a Arte da Guerra)
21
tutorial flopez
como [no] quer parecer? o que [no] quer transmitir? como [no] quer se posicionar no mercado?
arrojada jovem dinmica diferenciada agressiva
tradicional conservadora prxima elitizada atualizada
tecnologia desempenho segurana proteo
22
tutorial flopez
ferramentas auxiliares de alinhamento e estratgia conceito chave / direcionamento
plataforma criativa modo_design
brandirection ttil_design
resumo visual do briefing: organiza e orienta a etapa de ideao do projeto
23
tutorial flopez
ferramentas auxiliares de alinhamento e estratgia briefing // debriefing
cliente:
interao
alinhamento contato equilbrio estratgia meta movimento
interao
alinhamento contato equilbrio estratgia meta movimento
a etapa de desenvolvimento tem incio
re-alinhamento e ajustes no briefing
24
tutorial flopez
ferramentas auxiliares de alinhamento e estratgia mapa de expectativa (visual)
cliente:
robusto limpo sofisticado retilneo ousado tradicional
delicado
ajuste
rebuscado popular curvilneo ponderado contemporneo
25
tutorial flopez
ferramentas auxiliares de alinhamento e estratgia pesquisa de similares / benchmarking
identifique os similares de mercado e avalie seu comportamento. defina o posicionamento que pretende adotar e aprenda com os erros e acertos de seus concorrentes.
acerto alternativa erro
26
tutorial flopez
_idear
gerao de ideias: produza tantas quanto for possvel, evitando nessa etapa filtros e questionamentos. alimente-se de referncias e colecione tudo que tiver alguma relao com o projeto. e de preferncia: divirta-se!
27
tutorial flopez
_idear
estratgias de gerao de ideias e conceitos.
mantenha a mente aberta e pense no problema sem a preocupao de encontrar uma soluo definitiva. evite o julgamento precipitado e tome nota de tudo.
tags
brainstorming
board visual
lder membros secretrio

ttil_design
28
tutorial flopez
_prototipar
rascunho, gerao de alternativas e experimentao.
natureza objetos aes paisagens...
estratgias de criao
metforas visuais / comunicao indireta representao visual do servio prestado ou produto abstrao grfica
formas geomtricas ou orgnicas
trabalhar visualmente a tipografia
All you need is a typeface and a colour and you have a brand. - Erik Spiekermann
29
tutorial flopez
tipografia: subjetividade planejada

tradicional
cuidado!
tipografia no detalhe.
feminino
informal
Existem vrios processos acontecendo no nosso inconsciente enquanto lemos algo. Atravs de uma escolha tipogrfica, os designers estabelecem rotas para os leitores: rotas que frequentemente no so percebidas conscientemente mas que ainda assim esto sendo seguidas. Gerard Unger.
30
tutorial flopez
_prototipar
frmula de construo da retrica tipogrfica (discurso pela tipografia).
onde:
analogia formal (por afirmao ou negao)
clich o funcionamento vai depender da bagagem cultural da audincia.
[A] analogia: parece ou no-parece com (campo sinttico) [R] referncia: remete ou refere-se a (campo semntico)
31
tutorial flopez
_prototipar
logotipo: dicas e orientaes para criao.
baseado no livro signos de identidad de John Moore.
significado: analise o nome do projeto e seu gnero, se figurativo, regional ou universal, esttico ou dinmico. que associaes permite? o nome como elemento visual: uma construo longa ou curta? quantas letras e slabas possui? pares ou mpares? quantas se repetem? sonoridade: existe alguma letra ou slaba central? alguma letra ou caracterstica do nome que possa ser explorada visualmente?
cuidado: mantenha a construo sempre legvel (ateno primeira letra). evite encaixes forados e solues bvias - acredite na simplicidade.
32
tutorial flopez
exemplos de analogias aplicadas na construo do significado pela tipografia: conceitos

sensual feminino ntimo casual simples qualidade dinmico sofisticado/elegante tradicional confiana/respeito autoridade diversidade irreverente/arrojado
caracterstica visual
insinuante, provocante delicado, frgil prximo, suave, contato bsico, informal, comum objetivo, claro, austero acabamento, preciso movimento, ritmo, conexo discreto, minimalista recorrente, antigo fora, consistncia mltiplo, hbrido, coletivo incomum, inusitado
recurso tipogrfico
curva, sugesto da forma letras finas, curvilneas humanista, leve, minsculas legibilidade, manuscrito, minsculas legibilidade, arqutipo alinhamento, perfeio, ajuste tico itlico, ligatura, cursivo leveza, maisculas, espacejamento tipos clssicos, serifa maisculas, peso, condensado variao formal, contraste, unicase assimtrico, irregular, desconstrudo
equilbrio, estabilidade, coerncia alinhamento, peso, proporo
33
tutorial flopez
_prototipar
desenhe bastante levando em considerao caractersticas expressivas inerentes a cada ferramenta.
esboos: new york public library
34
tutorial flopez
lembre-se: uma identidade visual composta por diversos aspectos. evite sobrecarregar funcional e simbolicamente qualquer um deles.
smbolo / grafismos
paleta de cores
logotipo / tipografia
materiais
comportamento
35
tutorial flopez
_escolher
etapas de definio e refinamento.
equipe
crivo tcnico
cliente
filtro
evoluo
refinamento
esboos
alinhamento
direes
avaliao de potencial
solues
testes
recomendao
simulao e verificao legal
36
tutorial flopez
apresentao
aprenda a vender bem seu projeto.
1. escrever bem imprescindvel. saber articular questes em design com consistncia e clareza fundamental. 2. apresentao de projeto no palestra para designers: prepare suas apresentaes de acordo com o perfil dos clientes - mostre contedo e no enrolao. 3. inclua a montagem da apresentao no planejamento do projeto: uma das etapas mais importantes em qualquer trabalho, exige tempo e energia. 4. utilize boas imagens e capriche nas simulaes, animaes, no texto ou em material impresso adicional. a hora em que voc est moldando a percepo do cliente. 5. defina a estratgia de apresentao que mais se adequa ao tipo de soluo proposta. comece estabelecendo claramente o enunciado do problema que voc resolveu. 6. defenda seu projeto com pacincia, seriedade e confiana.
37
tutorial flopez
apresentao
1. escrever bem / 2. mostre contedo (sem exagero)
ops...
38
tutorial flopez
apresentao
3. planejamento / 4. boas imagens
hot site animao vdeo prottipo impresso texto fotos
typofreaks | Mait Lacerda
39
tutorial flopez
apresentao
5. estratgia / 6. defenda
construo / estruturar
clmax
bons argumentos geralmente nascem durante a criao das apresentaes de projeto. nessa etapa, um designer deve ser capaz de verbalizar o raciocnio visual existente numa soluo, descompactando sua intuio em explicaes convincentes.
rea de expectativa
rea de segurana
clmax
decupagem / consolidar
enunciado justificativa
soluo
40
tutorial flopez
_implementar
manual de uso e aplicao de identidade visual: crie um padro para seus projetos e repita-o adaptando o modelo a situaes especficas.
Na impossibilidade de resolver de antemo todos os possveis problemas relativos ao universo de aplicaes da marca (xxxxx), cabe a este manual fornecer o mximo de informaes necessrias para que a identidade visual desenvolvida seja aplicada de acordo com os objetivos do projeto. Com a finalidade de assegurar a utilizao da identidade criada de forma consistente e adequada, sugerimos que esta tarefa seja sempre executada por um profissional de programao visual, capaz de avaliar com competncia e bom senso as necessidades existentes em cada situao de uso e as informaes contidas nesse manual.
41
tutorial flopez
contedo:
resumido
: assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
42 dsg_1003 / identidade visual
parte nominal
tagline
tutorial flopez
contedo:
assinaturas : cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
dsg_1003 / identidade visual 43
pantone 7462 C.85 M.30 Y.0 K.40 R.60 G.95 B.125 pantone 292 C.55 M.10 Y.0 K.0 R.115 G.170 B.225 pantone 292
pantone 7462
tutorial flopez
contedo:
resumido
assinaturas cores institucionais : cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
cores institucionais
cores de apoio
pantone 7462
pantone cool gray 5
pantone 292
pantone 2925
pantone white
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio : fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
tutorial flopez
contedo:
resumido x
x x: unidade de construo
assinaturas cores institucionais cores de apoio fundos coloridos : rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
x x x x x x
tutorial flopez
contedo:
resumido
assinaturas cores institucionais

200 pixels 100 pixels
cores de apoio fundos coloridos rea de proteo : redues verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
4 cm 3 cm 2 cm
limite mximo de reduo
(assinatura completa horizontal) a partir desse limite torna-se perigoso reduzir a marca mesmo em impresses de alta qualidade. embora o nome LAN ainda possa ser facilmente reconhecido nessa dimenso, a tagline perde definio e torna-se ilegvel.
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues : verso pb tipografia de apoio uso incorreto papelaria bsica aplicaes
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb : tipografia de apoio uso incorreto papelaria bsica aplicaes
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio : uso incorreto papelaria bsica aplicaes
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto : papelaria bsica aplicaes
tutorial flopez
contedo:
resumido
assinaturas cores institucionais cores de apoio fundos coloridos rea de proteo redues verso pb tipografia de apoio uso incorreto papelaria bsica : aplicaes
tutorial flopez
tutorial flopez
o universo da marca
uma identidade visual no apenas um carimbo para identificar produtos e servios - a expresso visual de uma personalidade corporativa e de uma experincia de consumo. procure explorar todo o potencial do seu projeto atravs do uso inteligente e criativo de cones, cores e tipografia (brandplay). seja envolvente, gere empatia e conquiste a audincia.
Some of the best logos are obvious, thats what makes them resilient. - Michael Bierut
53
tutorial flopez
marcas dinmicas (on grid)

alguns sistemas de identidade visual exploram o conceito de diversidade e flexibilidade de maneira bastante radical. conhecidas como marcas* dinmicas, so identidades constitudas por smbolos e/ou logotipos criados para funcionar como base e suporte para variaes de forma, composio ou preenchimento. nesses projetos a coeso do sistema proposto apia-se mais no comportamento do conjunto que na repetio padronizada de elementos visuais.
* pela terminologia do design grfico.
54
tutorial flopez
_aprender
parmetros de avaliao propostos por Norberto Chaves e Ral Belluccia*
* La Marca Corporativa (ed. Paids, 2003)
1. qualidade grfica genrica 2. ajuste tipolgico 3. suficincia
a composio dos elementos harmnica
8. vigncia
a soluo atual
o tipo de soluo adotado adequado
9. reprodutibilidade 10. legibilidade 11. pregnncia
a aplicao bastante vivel
a soluo supre as necessidades do projeto
graficamente fcil de ser lida
4. correo estilstica
a linguagem grfica adotada adequada
tem qualidades mnemnicas
5. compatibilidade semntica 6. inteligibilidade 7. versatilidade
os valores transmitidos pela marca so adequados
12. vocatividade
a soluo interessante
os valores so transmitidos claramente
13. singularidade
o desenho exclusivo e particular
resiste a contextos variados de uso
14. declinabilidade
o sistema criado pode ser ampliado
55
tutorial flopez
tica profissional
como analisar um projeto de identidade visual criado por outro profissional:
1. seja respeitoso. 2. tenha cautela se por ventura desconhecer aspectos fundamentais do projeto como: processo de criao, decises do cliente, objetivos estratgicos, desdobramentos, etc. 3. design no cincia exata. 4. o designer apenas um integrante da ampla equipe de criao e manuteno de uma marca: reconhea as limitaes das decises de design no contexto do negcio. 5. no julgue um projeto apenas pelo resultado. 6. sempre compartilhe os aspectos positivos e negativos do projeto com o cliente. 7. aprenda a diferenciar opinio tcnica de opinio pessoal.
56
zepolf lairotut
tutorial flopez
_designers
Bradesco, 1997
Lindon Leader (us) 1957 Landor Associates Leader creative

www.landor.com | www.leadercreative.com
Federal Express, 1994
57
tutorial flopez
_designers
Bell, 1969
Saul Bass (us) 1920 - 1996 Saul Bass and Associates

www.saulbass.tv
United Airlines, 1973
58
tutorial flopez
_designers
NBC identity, 1986
Ivan Chermayeff (uk) 1932 Chermayeff & Geismar

www.cgstudionyc.com
Chase Manhattan bank identity, 1961
59
tutorial flopez
_designers
Westinghouse Electric Corporation, 1960
Paul Rand (us) 1914 - 1996 independente

www.paul-rand.com
International Business Machine, 1956
60
tutorial flopez
_designers
NYC Ballet, 2007
Paula Scher (us) 1948 Pentagram

www.pentagram.com
Citi Group Bank, 1998
61
tutorial flopez
_designers
Hering, 1992
Alexandre Wollner (br) 1928 FormInform

www.wollnerdesigno.com.br
Banco Ita, 1980
62
tutorial flopez
_designers
Banco Central do Brasil, 1975
Alosio Magalhes (br) 1927 - 1996 M+N+P // PVDI

www.pvdi.com.br
Unibanco (Banco Moreira Salles), 1965
63
64
dsg_1003
1700
tutorial flopez
_tipografia
definio histria tecnologia / fonte nomenclatura relaes espaciais anatomia / classificao licenas type designers
65
tutorial flopez
_tipologia inadequado
Not to be confused with
:uma rea de conhecimento (typography) :impresso tipogrfica (letterpress) :oficina tipogrfica :tipo, desenho de letra (type/typeface) :design de tipos (type design) :fonte digital (font)
_tipografia amplo _tipgrafo quem? _designer de tipos ok! _fundio tradio _fonte
digital:
:designer de fontes (font designer?)
arquivo contendo um tipo (desenho especfico do alfabeto)
66
dsg_1003 / tipografia
tutorial flopez
_definio
Tipografia a rea do design grfico dedicada ao estudo, ao uso e a criao de letras, alfabetos e sistemas de escrita. um dos campos mais tradicionais do design, cujo desenvolvimento terico vem sendo construdo h mais de 500 anos.
67
tutorial flopez
_definio
Na tipografia relaes aparentemente contraditrias so na verdade complementares e interdependentes.
unidade e conjunto, figura e fundo, semelhana e diferena, detalhe e todo, funo e esttica, tradio e tecnologia.
68 dsg_1003 / tipografia
John Langdon
tutorial flopez
Marcia Martins
Vladimir Tomin
Diego Cataldo e Sergio Rodrguez
tambm ferramenta de expresso.

Julia Valle Amandine Alessandra Fred Eerdekens
69
tutorial flopez
_histria
at o comeo do sculo XV os livros eram produzidos individualmente atravs da escrita caligrfica e reproduzidos com o auxlio de copistas. eram objetos raros e caros, destinados aos poucos letrados do mundo.
manuscritos franceses (sc. XV e XIII)
70
tutorial flopez
_histria
j existiam algumas tcnicas relacionadas a produo mecnica de livros e impressos, mas ningum ainda havia planejado um sistema que permitisse industrializar a produo por completo. por volta de 1450 o impressor alemo Johannes Gutenberg realizou essa tarefa.
tipos mveis: China sc. XI tipos mveis de metal: China sc. XIII
71
tutorial flopez
_histria
Gutenberg no inventou a imprensa: todas as tecnologias de impresso j existiam. o que Gutenberg e seus scios fizeram foi aperfeioar um sistema de impresso ainda muito precrio, tornando-o uma cadeia de produo mais eficiente o que deu novo impulso a produo de livros e outros impressos.
chumbo + antimnio
bblia de 42 linhas
:tipos mveis reutilizveis; :padronizao do sistema; :prensa mecnica; :tinta a base de azeite; :papel de qualidade.
72
tutorial flopez
_histria
a tipografia mecnica vivenciou cerca de 500 anos de evoluo tecnolgica contnua.
elementos principais: a. olho b. face(anterior) ou barriga c. corpo detalhes: 1. rebarba ou talude 2. risca ou ranhura 3. canal ou goteira 4. p
73
tutorial flopez
_histria
antes de migrar para o ambiente digital, a tipografia experimentou o interldio tecnolgico da fotocomposio. A fotocomposio, sistema criado na dcada de 1950, substituiu os tipos fundidos por matrizes planas gravadas em filmes de acetato, facilitando a criao, modificao e o transporte de fontes.
incio da desmaterializao da tipografia.
74
tutorial flopez
_histria
o surgimento do novo complexo tecnolgico digital exigiu um perodo de transio, e as primeiras fontes digitais caracterizam-se pela baixa qualidade de renderizao em tela. as letras eram construdas por pontos (pixels) acesos ou apagados.
75
tutorial flopez
_histria
no comeo dos anos 80 surge o formato PostScript e as fontes passam a ser definidas por linhas de contorno escalveis. nesse formato as letras so construdas a partir de descries matemticas chamadas curvas de Bzier.
construo vetorial 'econmica' 76 dsg_1003 / tipografia
tutorial flopez
_histria
atualmente o vetor matemtico a substncia da tipografia, e as fontes digitais funcionam como pequenos softwares. uma vez instalada no computador a fonte habilita programas de edio de texto a interpretar visualmente os caracteres do alfabeto de forma particular.
77
tutorial flopez
_desktop / web fonts

designer usurio
desktop font
desktop font
web-safe fonts (MS core fonts for web)
verdana times arial courier georgia trebuchet comic

tutorial flopez desktop font
desktop font
@ font face
designer
usurio
web fonts
licena para uso na web
woff + drm
digital rights management
designer
usurio
arquivo cdigo
provedores de tipografia
dsg_1003 / tipografia 79
tutorial flopez
_tecnologia
a evoluo do arquivo tipogrfico digital
~ 2000
TrueType
Type 1 (ATM) OpenType .inf
.ttf
.pfb
binary (outline)
.pfm /afm
metric
.otf
multiplataforma (Mac + PC) gde. capacidade de armazenamento possibilidade de programao
aprox. 10 - 250 kb 256 caracteres
65.536 caracteres
80
tutorial flopez recursos OpenType (features)
_tecnolo
OpenType .otf
programao
81
tutorial flopez
varincia planejada - substituio contextual automtica
82
tutorial flopez
_tipografia digital
fonte: conjunto alfabtico bsico e ampliado
caixa alta
caixa baixa
small caps
alinhados / oldstyle
smbolos / pontuao
diacrticos / ligaturas
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 1234567890 1234567890 @ ! & * # % + = ? $ . , : ; [ ]{ }

tutorial flopez
_tipografia digital
o conjunto alfabtico: bsico e ampliado
caixa alta caixa baixa
alinhados / oldstyle (algarismos de texto)
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 01234567890 01234567890 @ ! & * # % + = ? $ . , : ; [ ]{ }
84
tutorial flopez
idiomas // variaes do desenho (glifos) // ligaturas // smbolos especiais // ornamentos
www.parachute.gr dsg_1003 / tipografia 85
tutorial flopez
_tipografia digital
ampliando um conceito tipogrfico: fonte, variantes e famlia
base de criao
normal
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
planejamento tipogrfico: estudos iniciais prevendo a ampliao do projeto
86
tutorial flopez
_tipografia digital
base de criao
normal
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

9 - 16 1 - 9
variante de peso
bold
variante de postura
itlico
peso + postura
bold itlico
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

oblquo itlico
87
tutorial flopez
_tipografia digital
ultra light thin light roman normal bold heavy black Helvetica
Max Miedinger, 1956
88
tutorial flopez
_tipografia digital
combinaes:
peso postura largura

light condensed light light extended roman light extended oblique bold extended black extended oblique
89
tutorial flopez Super famlia Thesis Luc (as) de Groot, 1994 - 99
_tipografia digital
sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstu

Scala: mesmo conceito com serifa e modulao diferente. Martin Majoor, 1993
serif
90
tutorial flopez
ferramentas de expanso tipogrfica

superpolao
manual (oldschool)
multiple master: interpolao
91
tutorial flopez
_nomenclatura
linhas guias: o grid de construo no design de tipos. altura-de-x: proporo interna estabelecida entre as minsculas e o corpo tipogrfico.
linha das maisculas
linha das ascendentes
linha mdia (meanline) altura-de-x (x-height) linha de base (baseline)
linha das descendentes
92
tutorial flopez
altura de x
corpo = ascendente + descendente

medida em pontos
1 ponto = 0,3515 mm
pequena
grande
venetian 301 -
40%
antique olive -
85%
mesmo corpo em pontos com propores internas diferentes: sensao visual de tamanhos diferentes.
tutorial flopez
_nomenclatura
eixo e contraste: inclinao da ferramenta de construo e variao de espessura do trao.
+ presso
rotao
contraste gerado por diferentes tipos de ferramenta
variao de contraste gerado pelo movimento
94
tutorial flopez
_nomenclatura
eixo e contraste: inclinao da ferramenta de construo e variao de espessura do trao.
Garamond Bodoni Gill Sans
contraste acentuado eixo inclinado (negativo)
contraste acentuado eixo vertical
contraste imperceptvel eixo vertical
eixo (axis)
95
tutorial flopez
_relaes espaciais
mtrica: ajustes espaciais que interferem na aparncia geral do texto.
: entreletra / espacejamento
relao horizontal dos caracteres.
: entrelinha
relao vertical dos caracteres.
ja hg
96
tutorial flopez
_relaes espaciais
existem duas maneiras de se ajustar a relao os caracteres num texto: tracking e kerning.
o tracking um ajuste global do texto.

% ou pontos
relao definida pelo typedesigner.
formao inconsistente das palavras.
leitura truncada.
97
tutorial flopez
_relaes espaciais
existem duas maneiras de se ajustar a relao os caracteres num texto: tracking e kerning.
zona de Kern
o kerning um ajuste pontual entre um par especfico de letras.
relao definida pelo typedesigner.
98
tutorial tutorial flopez flopez
_anatomia
anatomia tipogrfica: importante para a comunicao em termos comuns e precisos.
ascendente vrtice terminal espinha
serifa
xefgpa
barra brao ombro arco orelha counter bojo haste perna arremate link olho cauda descendente
espora
60 99
tutorial flopez
serifas: arremates na estrutura tipogrfica. atuam como guias na varredura rpida das linhas e ajudam a reforar o contorno das palavras auxiliando o processo de leitura.
serifa de topo
serifa de base
espora
tutorial flopez
a serifa surgiu como um arremate ornamental das letras: sua aparncia geralmente indica a ferramenta e a tcnica utilizada na criao da escrita. por esse motivo, as serifas tm servido como importante parmetro na classificao tipogrfica.
escrita lapidar
caligrafia
tipografia
tutorial flopez
_classificao
a classificao dos tipos uma das tarefas mais importantes e ingratas da tipografia. os sistemas de classificao tm por objetivo organizar e categorizar os alfabetos para facilitar a pesquisa acadmica e orientar a produo de novos projetos. a maioria dos sistemas de classificao ainda se baseia no trabalho do pesquisador francs Maximilien Vox (1894 - 1974), que procurou combinar informaes relacionadas a origem histrica dos tipos com suas respectivas caractersticas visuais.
sistema Thibaudeau: 1. antigas; 2. egpcias; 3. elzevires; 4. didots
tutorial flopez
_classificao
antigas (pr-venezianas)
antes de 1400
modernas (didones)
humanistas (venezianas)
1400 - 1500
garaldinas (old style)

1600
transicional (neo clssica)

1700
serifa quadrada (slab)
display (decorativas)
1900
tip. digital
2000
sem serifa (grotescas)

1700 - 1800
classificao derivada da proposta da pesquisadora Karen Cheng
antigas (Old English)
humanistas (Centaur)
garaldinas (Garamond)
transicional (Baskerville)
modernas (Bodoni)
serifa quad. (Rockwell)
sem serifa (Helvetica)
display (Mistral)
tip. digital (Scala)
tutorial flopez
http://typographeee.com/
tutorial flopez publicao de Lance Schmittling, Jennifer Higerd e Dominic Flask
tutorial flopez
_licenas
fontes digitais so softwares. quando voc compra um software na verdade est adquirindo uma cpia licenciada especfica para o uso que pretende fazer. contabilize a aquisio de fontes digitais como um custo de projeto: a maioria das fontes custa menos que 1 cartucho de tinta de impressora ou cerca de 1% do custo de produo de muitos trabalhos. em alguns projetos podemos investir em tipografia, assim como num acabamento especial ou outra cor de impresso. quando esse investimento no possvel ainda assim existem boas opes para se trabalhar legalmente com fontes digitais.
fontes custam muito pouco quando comparado ao que podem fazer pelo seu trabalho.
CHANGE
tutorial flopez www.fontsquirrel.com | + 720 projetos
tutorial flopez
_type designers
Base 9, 1995
Zuzana Licko (cz) 1961 Emigre

www.emigre.com Citizen*, Matrix, Triplex, Matrix Script, Dogma, Filosofia, Tarzana, Solex
*utilizada nesta apresentao
Mrs Eaves, 1996
tutorial flopez
_type designers
Fedra, 2001
Peter Bil'ak (cz) 1973 Typotheque

www.typotheque.com Eureka, Masterpiece
Greta, 2007
tutorial flopez
_type designers
Disturbance, 1993
Jeremy Tankard (uk) 196? Typography.net

http://typography.net Alchemy, Enigma, Cordel, Trilogy, Fenland
Bliss, 1996
110
tutorial flopez
_type designers
Mason, 1992
Jonathan Branbrook (uk) 1966 Virus Fonts

www.virusfonts.com Priori, Bastard, Exocet, False Idol, Infidel, Moron, Newspeak, Olympukes, Sarcastic
Regime, 2008
111
tutorial flopez
_type designers
Ministry Script, 2008
Alejandro Paul (ar) 1972 Sudtipos

http://sudtipos.com Fiance, La Portenia, Brisa, Diplomatic, Kilo, Business Penmanship, Semilla.
Brownstone, 2010
112
tutorial flopez
_type designers
Elementar, 2002 - 2011
Gustavo Ferreira (br) 1977 Hipertipo

www.hipertipo.net Quantica, Publica
UnB Pro e Office, 2007
114
dsg_1003
tutorial flopez
_diagramao
definio organizao o grid criando um grid texto
115
tutorial flopez
_definio
diagramar determinar a disposio dos elementos em uma pea grfica. em um trabalho de diagramao o designer tem por objetivo organizar a informao existente estabelecendo uma ordem capaz de ser compreendida e apreendida.
116
dsg_1003 / diagramao
tutorial flopez
_definio
diagramar determinar a disposio dos elementos numa pea grfica. em um trabalho de diagramao o designer tem por objetivo organizar a informao existente estabelecendo uma ordem capaz de ser as Leis da Simplicidade, Maeda. compreendida e apreendida.
por que? porque essa a essncia do design.
"A organizao faz com que um sistema de muitos parea de poucos." John Maeda.
2a lei: organizar
dsg_1003 / diagramao 117
tutorial flopez
_definio
em um projeto grfico, quando os elementos no esto relacionados entre si de maneira consistente, o layout acaba apresentando uma variao excessiva de linhas e volumes gerados por relaes matemticas aleatrias. quando tornamos essas relaes proporcionais ou coincidentes estamos reduzindo a quantidade de informao no essencial (rudos) tornando a comunicao mais clara e objetiva.
118
tutorial flopez
_organizao
estabelecendo relaes visuais coincidentes possvel simplificar o layout sem remover um nico elemento - apenas organizando a informao. a organizao estabelece uma hierarquia de leitura no material diagramado.
"Tudo relativo, design relao". - Paul Rand.
hierarquia = organizao
tutorial flopez
relaes e hierarquia
3 aspectos bsicos para uma organizao visual: 1. repetio
a repetio de padres (elementos, relaes, cores) reduz a necessidade de ateno destinada a compreenso do sistema. cuidado! estruturas muito complexas quando repetidas demasiadamente podem se tornar cansativas / repetio = volume.
2. alinhamento
linhas coincidentes estabelecem sequncias lgicas de leitura e auxiliam a apreenso da informao. cuidado! identifique situaes em que ruptura e desalinhamento podem contribuir com o dinamismo e a vitalidade de uma pea grfica.
3. proporo
relaes visuais baseadas em valores proporcionais facilitam a combinao de formas e volumes tornando o layout mais coeso e consistente. cuidado! no permita que o excesso de rigidez torne seu sistema inflexvel. trabalhe com unidades derivadas de relaes matemticas simples.
120 dsg_1003 / diagramao
tutorial flopez
_o grid
para organizar um contedo na rea de trabalho, o designer cria uma estrutura grfica chamada grid (grade). o grid geralmente constitudo por linhas perpendiculares que vo gerar reas (mdulos) para serem ocupadas por texto, imagens ou que permanecero vazias.
coluna
mdulo
espao
estrutura / grid
montagem
tutorial flopez
o sistema
_o grid
depois de criar a estrutura o designer deve estabelecer as regras de funcionamento do sistema - sem isso o grid no serve pra muita coisa.
The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice. - Josef Mller-Brockmann.
tutorial flopez
_o grid
as vantagens de se trabalhar com um grid: :clareza o grid introduz uma ordem sistemtica num layout, diferenciando tipos de informao e facilitando a navegao entre eles (hierarquia). :eficincia permite que o designer diagrame rapidamente uma quantidade enorme de informao, como livros, catlogos, relatrios anuais, etc. :identidade permite que vrios designers trabalhem no mesmo projeto ou numa srie de projetos correlatos ao longo do tempo sem comprometer as caractersticas essenciais do projeto.
123
identificao tutorial flopez
margem superior
ttulo
_o grid
36 pts hangline (varal)
as vantagens de se trabalhar com um grid:
:clareza o grid introduz uma ordem sistemtica num layout, diferenciando tipos de informao e facilitando a navegao entre eles (hierarquia).
texto margem esquerda (externa) 18/18 :eficincia permite que o designer diagrame rapidamente uma quantidade enorme de informao, como livros, catlogos, relatrios anuais, etc. limites retrteis margem direita (interna)
:identidade permite que vrios designers trabalhem no mesmo projeto ou numa srie de projetos correlatos ao longo do tempo sem comprometer as caractersticas essenciais do projeto.
flio
tema da aula

margem inferior
tutorial flopez
_o grid
a complexidade e a configurao de um grid estabelecida quando o designer toma conhecimento da informao que necessita organizar. quanto mais complexo o trabalho, mais flexvel o grid deve ser.
volume de texto
quantidade e dimenso das imagens
formato, cores
contedo
suporte + produo
tutorial flopez
_criando um grid
passo 1: definir o formato e as dimenses da rea de trabalho e compreender as relaes inerentes a essas medidas e propores.
retrato quadrado paisagem
irregular
vertical (ativo) horizontal (passivo)
central (equilibrado)
instvel (movimento)
A3
tutorial flopez
_criando um grid
passo 2: estabelecer as margens da mancha grfica. as margens tem papel fundamental no layout, protegendo o contedo de interferncias externas.
a
mancha grfica
a margens iguais
c margens diferentes margens grandes
tutorial flopez
_criando um grid
passo 3: comece a construir a grade que ser utilizada para dividir a mancha grfica a partir de linhas horizontais paralelas (flowlines). procure basear a distncia entre essas linhas por medidas tipogrficas adequadas ao material que est diagramando. lembre-se de utilizar os valores de entrelinha, pois esta a medida que determina a distncia entre as linhas de base do seu texto.
12/15
linha de base
tutorial flopez
_criando um grid
essa definio deve levar em considerao a dimenso do projeto estabelecendo a escala tipogrfica que ser adotada como padro.
livro (spread) selo cartaz outdoor
12 pontos
9/9 pontos 9/12 pontos
+ entrelinha
tutorial flopez
_criando um grid
a frequncia das linhas deve ser estabelecida a partir de valores mltiplos ou relacionados por alguma ordem matemtica: isso permite a combinao de texto em corpos de tamanhos diferentes.
unidades de 4 pontos
4, 6, 8, 9, 12, 24, 36, 48...
36 pt
corpo 18
corpo 9
corpo 6
tutorial flopez
_criando um grid
a frequncia das linhas deve ser estabelecida a partir de valores mltiplos ou relacionados por alguma ordem matemtica: isso permite a combinao de texto em corpos de tamanhos diferentes.
tambm indicado que a dimenso unidades de 4 pontos 4, 6, das imagens seja ajustada para um valor compatvel com a unidade do grid. a criao de padres facilita essa tarefa .
8, 9, 12, 24, 36, 48...
36 pt
corpo 18
corpo 9
corpo 6
tutorial flopez
_criando um grid
passo 4: dependendo da necessidade do projeto, acrescentar divises verticais ao grid criando colunas. as colunas geralmente so separadas por margens internas.
medianiz gutter (entrecoluna)
dicas:
quando possvel, procure reproduzir na largura das colunas e margens internas (gutters) relaes matemticas j existentes no projeto. para definir a largura das colunas leve em conta o tamanho da fonte a ser utilizada. evite assim a criao de linhas de texto muito curtas ou longas demais.
"As linhas devem ser longas o suficiente para conter um pensamento completo." - Erik Spiekermann
margem interna externa
espinha
132
tutorial flopez
_criando um grid
passo 5: definir as regras de montagem do grid estabelecendo situaes de uso para colunas e mdulos. para imagens: criar um padro de aplicao que facilite a montagem das pginas.
mesmo tamanho tamanhos relacionados mesmo tamanho, orientao variada sem relao
tutorial flopez
_criando um grid
para o texto: de acordo com a grade criada, estabelecer medidas tipogrficas para todas as situaes possveis encontradas no seu projeto.
InDesign: styles ex. legenda: corpo 6/9, fonte sans verso itlico, alinhado pela esquerda; texto corrido: corpo 9/12, fonte serif verso normal, alinhado pela esquerda; citao: corpo 12/16, fonte serif verso itlico, centralizado; ttulo: corpo 18/18, fonte sans verso bold, alinhado pela esquerda; flio: corpo 6, fonte sans verso normal, alinhado pela margem. corpo 9,342874... nunca mais!
tutorial flopez
_criando um grid
passo 6: testar o sistema e aplicar o contedo. espelho
tutorial flopez
_texto
formas de alinhamento e algumas consideraes. : texto alinhado pela esquerda padro tradicional, indicado para colunas de texto curtas ou longas. apresenta quebra de linha irregular e geralmente no hifenizada. espacejamento inalterado. exige ajustes pontuais para melhorar a aparncia final do texto. : texto alinhado pela direita pouco comum, indicado para casos particulares e com restries (legendas curtas). apresenta quebra de linha regular mas comeo de linha irregular, o que dificulta o movimento de retorno. geralmente no hifenizado. espacejamento inalterado.
Wim Crouwel tipgrafo e designer grfico, nascido na Holanda na cidade de Groningen em 1928. Iniciou seus estudos em artes plsticas em 1946 na academia de arte Minerva (Groningen) onde teve contato com o trabalho do cartazista art dco Cassandre. Reconhecido pela qualidade de suas ilustraes, os projetos do artista francs tambm se destacavam pelo aspecto plstico e refinado dos alfabetos que desenhava. Essa caracterstica teria servido como o estopim do interesse pessoal de Crouwel no desenvolvimento de suas primeiras experincias tipogrficas. Em 1952, aps completar seus estudos preliminares, Crouwel muda-se para Amsterdam e sob a orientao do professor Charles Jongejans inicia uma promissora carreira como designer grfico. Ao lado de seus colegas Otto Treumann e Dick Elffers, Wim Crouwel destacava-se com trabalhos de grande investigao formal, aprofundando sua linguagem grfica em uma vasta gama de cartazes, calendrios e peas de publicidade - tendo como principais clientes museus e fundaes de arte.
tutorial flopez
_texto
formas de alinhamento e algumas consideraes. : texto justificado padro literrio precursor, produz um bloco compacto de texto. indicado sobretudo para colunas de texto longas. apresenta quebra de linha regular e geralmente hifenizada. espacejamento irregular compensado a cada linha. em muitos casos produz acidentes grficos. : texto centralizado pouco comum, indicado para textos curtos em peas grficas orientadas por um eixo de simetria central. apresenta quebra de linha e comeo irregular, o que tambm dificulta o movimento de retorno. geralmente no hifenizado. espacejamento inalterado.
Wim Crouwel tipgrafo e designer grfico, nascido na Holanda na cidade de Groningen em 1928. Iniciou seus estudos em artes plsticas em 1946 na academia de arte Minerva (Groningen) onde teve contato com o trabalho do cartazista art dco Cassandre. Reconhecido pela qualidade de suas ilustraes, os projetos do artista francs tambm se destacavam pelo aspecto plstico e refinado dos alfabetos que desenhava. Essa caracterstica teria servido como o estopim do interesse pessoal de Crouwel no desenvolvimento de suas primeiras experincias tipogrficas. Em 1952, aps completar seus estudos preliminares, Crouwel muda-se para Amsterdam e sob a orientao do professor Charles Jongejans inicia uma promissora carreira como designer grfico. Ao lado de seus colegas Otto Treumann e Dick Elffers, Wim Crouwel destacava-se com trabalhos de grande investigao formal, aprofundando sua linguagem grfica em uma vasta gama de cartazes, calendrios e peas de publicidade - tendo como principais clientes museus e fundaes de arte.
tutorial flopez
_texto
Emil Ruder (1914 - 1970) regra incondicional: o texto tem de ser lido com facilidade.
1. o volume de texto composto em uma pgina nunca deve superar aquilo que o leitor possa enfrentar com facilidade; 2. linhas com mais de 60 caracteres so difceis de ler; 3. o espao entre as palavras e a entrelinha esto intimamente relacionados e tm influncia extremamente importante sobre a leitura feita sem esforo;
tutorial flopez
Josef Mller-Brockmann (1914 - 1996)
referncias:
Wim Crouwel - mr. Gridnik (1928 - )
o grid como filosofia e forma de expresso
_anti-grid
mas nem s de linhas retas e organizao vive o design... rebeldia e experimentao sempre fizeram parte da histria do design grfico: do Dad Revoluo Digital, muitos enfrentaram os princpios cristalizados do bom design para explorar as possibilidades expressivas da pgina. ao rejeitar noes convencionais de sintaxe e hierarquia, implodiram o grid e fizeram de seus layouts verdadeiros laboratrios visuais. Rudy Vanderlans + Katherine McCoy Edward Fella + April Greiman + David Carson
"O caos uma ordem por decifrar."
d sg_1003 / diagra m a o 140
tutorial flopez
Ludwig Wittgenstein
tutorial flopez
April Greiman (1948-)
141
dsg_1003 / d iagra m ao
142 dsg_1003
tutorial flopez
_naming
definio objetivo metodologia dicas prticas
143
tutorial flopez
_definio
naming a tarefa de branding relacionada ao processo interdisciplinar e criativo de desenvolvimento de nomes para empresas, produtos e servios. requer habilidades em diversas reas de conhecimento, como:
:design :marketing :lingustica :legislao :antropologia

144 dsg_1003 / naming
Sometimes, the design is in the name, and theres nothing wrong with that. - David Airey (Logo Design Love)
tutorial flopez
_objetivo
o nome a mais bsica e essencial ferramenta de identificao, designao e memorizao de uma empresa, servio ou produto. uma pea chave na construo da personalidade empresarial por constituir um dos mais importantes pontos de contato entre uma marca e o mercado consumidor. seu objetivo funcionar como uma espcie de 'gatilho' sonoro para uma vasta possibilidades de associaes simblicas.
dsg_1003 / naming 145
tutorial flopez
_objetivo
quando concebido cuidadosamente, um nome pode ser um ativo muito valioso. alm de promover a diferenciao e acelerar o processo de aceitao no mercado, um bom nome contribui para a gerao de associaes positivas para a marca, expressando valores de maneira clara e imediata. j um nome ruim pode custar muito caro, criando dificuldades na insero e manuteno de uma empresa ou produto no mercado.
mbito finalidade
estratgico
atuao eficincia
lingustico
grafia sonoridade
criativo
originalidade comunicao
legal
propriedade proteo
Take care to get born well. - George Bernard Shaw
tutorial flopez
caractersticas de um bom nome:
distinguibilidade
ele se destaca na multido, sobretudo de outros nomes em sua categoria? ele se separa bem do texto comum e do discurso? os melhores nomes de marca tm a presena de um nome prprio.
brevidade
bastante curto para ser lembrado e usado? vai resistir a um apelido? nomes compridos com muitas palavras sero rapidamente reduzidos s iniciais no-comunicativas.
convenincia
ajusta-se adequadamente ao propsito da empresa? est alinhado com objetivos estratgicos e posicionamento da marca?
grafia e pronncia fceis

a maioria das pessoas consegue soletrar o nome depois de ouvi-lo? elas sero capazes de pronunci-lo depois de v-lo escrito? um nome no deve virar um teste de pronncia ou fazer com que as pessoas se sintam ignorantes.
empatia
as pessoas vo gostar de us-lo? nomes que so intelectualmente estimulantes ou que ofeream uma sensao bucal j tem um bom ponto de partida. [rock, fuck, fox, drop, six, box, thor, next, fit]
extensibilidade
ele tem pernas? sugere uma interpretao visual ou se presta a inmeras finalidades criativas? bons nomes oferecem interminveis oportunidades de brincadeiras com a marca (brandplay).
possibilidade de proteo
pode ser registrado? pode ser usado na web? embora muitos possam ser registrados, alguns nomes so mais defensveis do que outros, tornando-se mais seguros e mais valiosos a longo prazo. (fonte: the Brand Gap, Marty Neumeier)
tutorial flopez
classificao
patronmicos
nomes de marca baseados em nomes de pessoas, como fundador, inventor, dono de patente ou personalidade (licenciamento).
descritivos
descrevem a natureza do negcio ou do produto de forma direta. em alguns casos podem ser compostos por palavras (ou partes) combinadas.
Disney, Ferrari, Harley Davidson
Volkswagen, Coca-Cola
toponmicos
nomes de marca que remetem ao lugar de origem ou de atuao inicial da instituio. em muitos casos nomes toponmicos tambm tm natureza descritiva.
metafricos
nomes que revelam a natureza do negcio de forma indireta, referindo-se a seu objeto por meio de uma qualidade comum capaz de provocar associaes de valor.
Nokia, Aerolneas Argentinas
Puma, Nike, Jaguar, Apple
tutorial flopez
nomes encontrados
palavras existentes e de uso cotidiano escolhidas para apresentar o negcio sem necessariamente apresentar alguma relao com este. tambm conhecidos como nomes capturados.
inventados (artificiais)
nomes formados a partir da juno de palavras existentes dando origem a um novo lxico, ou palavras completamente novas (neologismos) derivadas de onomatopias e grias.
Oi, Orange, Vivo
Accenture, Kodak, Intelig
abreviaes
siglas ou palavras formadas pelas primeiras letras de nomes descritivos. podem dar origem a acrnimos (pronunciveis) ou no-acrnimos e dividem-se em iniciais e no-iniciais.
nomes de status
nomes cuja sonoridade ou significado remetem a um posicionamento de status elevado, gerando a percepo subjetiva de alto valor agregado. categoria tambm considerada metafrica.
IBM, Bradesco, Embratel, TAM
Diamante Negro, Consul
(proposta de Delano Rodrigues integrando Chaves, Room e Mollerup)
tutorial flopez
_metodologia
pesquisa // objetivos e diretrizes
definio dos conceitos associados ao negcio que vo balizar o desenvolvimento do projeto.

passo 1 // definir identifique e dimensione o desafio: voc precisa apenas de um nome? descrio, tagline, extenso passo 2 antes de comear a etapa de gerao de alternativas procure criar uma descrio tcnica de sua empresa ou produto: seja claro e objetivo. passo 3 organize uma lista sucinta com os principais conceitos relacionados ao projeto. pronto, voc tem uma bssola.
projeto / empresa / servio
atributos atitudes conceitos
tutorial flopez
_metodologia
ideao // brainstorming
produza uma farta e despreocupada lista preliminar de palavras relacionadas ao tema do projeto. algumas tcnicas: campo semntico
gerao de conceitos e busca por palavras associadas ao assunto do projeto. (cercamento do tema)
perfume
espinho
dicionrio
derivao de conceitos atravs de sinnimos e radicais comuns utilizando o dicionrio. (cadeia de significados)
idiomas
busca por palavras em outros idiomas. verifique a pertinncia estratgica do estrangeirismo. (ingls, latim, etc.)
flor
aroma
rosa
frasco
Frana
fragrncia
nariz
campo
ar puro
ptala
jardim
banho
cheiro
mulher
cenrio e persona
gerao de palavras relacionadas a um contexto de uso ou perfil consumidor hipottico. (simulao de situaes concretas de uso)
garden
estmulo
odor
nota
sabonete
boto
olfato sentido
delcia
sonoridade
gerao de alternativas a partir de sons e fonemas que apresentem relao com o tema. (recursos: aliterao / onomatopia)
relva
grbera gota suave
tutorial flopez
_metodologia
gerao de alternativas // primeira triagem > foco
a partir da listagem de palavras e expresses que criou, rascunhe as primeiras propostas de nome de marca com algum potencial de desenvolvimento.
destacar: conceitos/palavras que atendam parcial ou inteiramente aspectos importantes do projeto. preserve ideias criativas, ainda que inacabadas. eliminar: palavras com baixo potencial de uso e ideias que no estejam alinhadas ao posicionamento estratgico da marca. use sua bssola. (e um bom machado se for preciso)
152
dsg_1003 / naming
tutorial flopez
_metodologia
gerao de alternativas // segunda triagem > fora
a partir da primeira listagem de propostas de nome, avalie em funo dos 7 critrios de qualidade quais opes se destacam das demais. desdobre e evolua os caminhos que julgar mais promissores.
importante: hierarquize os critrios de qualidade no intuito de ajustar a avaliao aos objetivos do seu projeto. faa quantas avaliaes achar preciso, incluindo pesquisas de opinio e testes de rejeio.
distinguibilidade
importncia dos critrios
evoluo
brevidade
tutorial flopez
_metodologia
hora de escolher dentre as propostas mais fortes aquela que melhor se adapta ao seu projeto. apesar de eleger apenas um nome, trabalhe com pelo menos 3 alternativas para o caso de alguma inviabilidade.
teste: experimente o nome escolhido em sugestes de aplicao e textos fictcios. previna-se: para evitar grandes frustraes, inicie voc mesmo uma pesquisa informal em sites de busca na internet, cadastros e listas telefnicas. (sim, ainda existem!)
.com .com.br
escolha // triagem final > definio
considerar aplicaes e propsitos futuros
no esquea: da possvel ampliao do projeto, da relao com outros nomes da empresa, dos concorrentes, etc.
tutorial flopez
_metodologia
verifique a viabilidade de implementao do nome escolhido e proceda com o registro junto a orgos de proteo de patente e propriedade intelectual.
verificaes: trademark check busca prvia que indica as chances de xito no registro. similarity check verifica a utilizao do nome em outros segmentos do mercado. (alto renome) disaster check significado e interpretaes pejorativas do nome em outros idiomas. tudo ok? implementao // viabilidade e registro
(INPI / USPTO + EPO + JPO)
tutorial flopez
_dicas prticas de naming

baseado em prtica de sala de aula com alunos de habilitaes de moda, projeto de produto, mdias digitais e comunicao visual.
: dilogo : contexto : percepo : estratgia : diferena : bom senso

tutorial flopez

cv / mdia / moda / pp
deixe sempre imagens do projeto vista
os objetos falam, preciso saber ouvir

durante o brainstorming deixe uma imagem do projeto que est desenvolvendo vista: esse dilogo visual fundamental, pois serve para nortear o processo de gerao de ideias. deixe vista tambm a listagem de conceitos associados ao seu projeto, e tudo que for importante ou tiver relao com o trabalho. (e esporadicamente d uma olhadinha...)
tecidos, fotos, materiais, detalhes, esboos...
tutorial flopez

simule situaes concretas de uso
experimente-o no mundo
imagine sua empresa ou produto no mundo real, simulando situaes em que seu nome seria mencionado em uma nota de jornal. veja se o nome proposto est bem inserido no contexto da notcia. imagine consumidores mencionando o nome criado numa conversa informal e numa situao de compra. quem so? que lngua eles falam? como se comportam no ponto de venda e que outros produtos consomem? identifique padres e crie relaes.
que produtos respondem a aspiraes semelhantes? como se chama? que outros produtos o seu cliente consome?
tutorial flopez

moda / pp
valorize a comunicao imediata do produto
o que voc v o que voc tem

no seja hermtico: valorize a aparncia e o aspecto geral do produto e crie um nome que faa sentido para o consumidor. o nome no deve explicar o produto, deve apresenta-lo. parece o que? faz o que? que caracterstica mais se destaca? evite confundir o consumidor com mensagens de difcil compreenso e nomes que no se faam entender imediatamente.
um nome que precisa de legenda no um bom nome.
tutorial flopez
_dicas prticas para a criao de nomes
leve em considerao objetivos estratgicos
diga a que veio

o nome no um detalhe, mas uma ferramenta estratgica de alto impacto. use-o para comunicar aspectos importantes da sua marca, como postura, atitude e posicionamento. crie expectativas realistas em relao a seu projeto: fale a lngua do seu consumidor e no prometa o que no estiver oferecendo.
tutorial flopez
busque novas referncias
saia da caixa
coloque a cabea para fora e deixe o vento bater: busque nomes diferentes fugindo de descries formais muito utilizadas no ambiente saturado do design. aventure-se por outros campos de conhecimento em busca de nomes criativos. procure conexes e sinapses vasculhando msicas, artes plsticas, literatura, cinema, teatro, esportes... evite ser hermtico, mas desafie-se por uma soluo diferente.
tutorial flopez
use o bom senso
piadas repetidas perdem a graa

evite a sacao barata, o humor de baixa qualidade e fuja da infmia se seu projeto no for intencionalmente infame. cuidado com o encaixadilho: pedaos de palavras combinados no mesmo nome forando a relao de ideias distintas. (ex.: encaixe + trocadilho) tenha humildade: se no dedicou muito tempo a essa tarefa opte por um nome simples mas que atenda adequadamente os objetivos do projeto. no seja grosseiro, nunca!
seu consumidor no quer ser ofendido, tampouco como ser pensante.
tutorial flopez
deixe sempre imagens do projeto vista
simule situaes concretas de uso
valorize a comunicao imediata do objeto
leve em considerao objetivos estratgicos
busque novas referncias
use o bom senso
164 dsg_1003
x
tutorial flopez anexo
_vetor
definio vetorizao funcionamento construo
165
tutorial flopez
_definio
as letras em uma fonte digital so constitudas por segmentos de curva gerados a partir de complexas equaes matemticas. estes segmentos, quando fechados, do origem ao que chamamos de contorno vetorial das letras. com o auxlio de softwares esses contornos podem ser ampliados ou reduzidos sem alterar sua forma, o que permite que uma letra tenha sempre a mesma aparncia quando reproduzida. (scalable outlines)
x
o vetor matemtico a matria-prima da tipografia digital.

x = at + bt + ct + d / x = at + bt + c x
166 anexo / vetor
tutorial flopez
_definio
o vetor se parece a uma linha tnsil unida por pontos e encurvada por meio de alavancas. classificao quanto a localizao e manuseio dos pontos:
direo cspide (cusp) suave (smooth)
x
end point end point tangente

x
simtrico
pontos da curva (on-curve) bcp / bzier* control points (off-curve) handles (alavancas para controlar as curvas)
*baseiam-se em tcnicas algbricas desenvolvidas por Pierre Bzier na Frana, nos anos 1960 e 70.
anexo / vetor 167
tutorial flopez
_vetorizao
a vetorizao (construo de vetores) uma etapa extremamente importante no processo de criao de uma fonte digital. na maioria das vezes essa tarefa consiste na reinterpretao de um desenho analgico. alguns programas automatizam essa etapa do trabalho, exigindo do designer um bom controle sobre as definies tcnicas da ferramenta responsvel por preservar ou eliminar caractersticas do desenho analgico na verso vetorial.
original analgico: fidelidade x reinterpretao
alto nvel de rudo
baixo nvel de rudo
168 anexo / vetor
tutorial flopez
_funcionamento
noes bsicas: linha/forma . dentro/fora
2 formas combinadas (interseo) fora dentro fora dentro fora forma
dentro
linha
linha
forma
o contorno vetorial (path) deve estar completamente fechado para o computador interpretar um conjunto de vetores como forma e no como linha, permitindo assim o seu preenchimento. quando combinamos duas formas que se interceptam inteira ou parcialmente o computador interpreta a interseo como um limite interno da forma, e essa parte permanece vazada. (no preenchida)
anexo / vetor 169
tutorial flopez
_construo
1. quantidade: nem de menos, nem de mais > apenas o necessrio.
a.
b.
ok!
a. poucos pontos > poucas curvas longas. gera alavancas muito sensveis controlando curvas muito tensionadas. controle prejudicado. b. muitos pontos > muitas curvas curtas alm de constituir informao intil, o excesso de pontos e alavancas torna a manipulao das curvas muito mais complexa, criando grande possibilidade de irregularidades no desenho.
170 anexo / vetor
tutorial flopez
_construo
2. localizao: extremidades e paralelismo identifique as extremidades horizontais e verticais do seu desenho: esses locais necessitam de pontos (on-curve). nas extremidades verticais os pontos de controle (bcp) estaro sempre alinhados horizontalmente; enquanto nas extremidades horizontais os pontos estaro alinhados verticalmente. regra do paralelismo
incorreto
correto
alinhado horizontalmente
alinhado verticalmente
anexo / vetor 171
tutorial flopez
_construo
3. sobreposio de curvas: overlapping overlapping uma tcnica de construo vetorial recomendada e largamente utilizada no type design. trabalhando com estruturas desconectadas e curvas sobrepostas o designer ganha mobilidade na montagem dos caracteres e na edio de pontos do contorno vetorial. este procedimento tambm permite maior controle sobre a gerao automtica de variantes tipogrficas conhecida como interpolao.
detalhes de construo da fonte Pocket, de Gustavo Soares:
172
anexo / vetor
tutorial flopez
_construo
4. similaridade: regra do 1/3 outra prtica tradicional no type design a diviso de curvas regulares em trs partes menores e iguais. apesar de no constituir uma exigncia tcnica, esse procedimento leva a criao de alavancas (handles) de tamanhos similares, distribuindo de maneira equilibrada a influncia de cada ponto na curva e facilitando sua manipulao.
ok!
1/3 1/3 1/3
a regra do 1/3 mais uma tcnica de refinamento que efetivamente de construo.
anexo / vetor 173
174 dsg_1003
tutorial flopez
_referncias
bibliografia sugerida links interessantes sobre o autor
175
tutorial flopez
bibliografia sugerida:
tipografia
Pensar com Tipos, Ellen Lupton, ed. CosacNaif Elementos do Estilo Tipogrfico, Robert Bringhurst, ed. CosacNaif Tipografia Digital, Priscila Farias, ed. 2AB Sinais e Smbolos, Adrian Frutiger, ed. Martins Fontes Designing Type, Karen Cheng, ed. Yale University Press While you're Reading, Gerard Unger, ed. Mark Batty Publisher A Linguagem Invisvel da Tipografia, Erik Spiekermann, ed. Blucher About Face: Reviving the Rules of Typography, David Jury, RotoVision
176 dsg_1003
tutorial flopez
+ tipografia
Designing Typefaces, David Earl, RotoVision The Education of a Typographer, Steven Heller, Allworth Press Anatomy of a Typeface, Alexander Lawson, David Godine Publisher The Stroke - Theory of Writing, Gerrit Noordzij, Hyphen Press A Herana Escultrica da Tipografia, Norberto Guadncio Jr., ed. Rosari Histrias de Alfabetos, Hermann Zapf, ed. Rosari Como Se Pode Fazer Tipografia Sua? Wolfgang Weingart, ed. Rosari O Design Brasileiro de Tipos Digitais, Ricardo Esteves, ed. Blucher Tipografia Vernacular Urbana, Ftima Finizola, ed. Blucher
dsg_1003 177
tutorial flopez
+ tipografia
Revista Tupigrafia, Claudio Rocha e Tony de Marco, OTSP Press A Forma Slida da Linguagem, Robert Bringhurst, ed. Rosari
branding estratgia gesto
The Brand Gap - O Abismo da Marca, Marty Neumeier, Bookman Zag, a Estratgia Nmero 1 das Marcas de Sucesso, Marty Neumeier, Bookman Design Thinking, Tim Brown, ed. Campus Design Thinking - Inovao em Negcios, vrios autores, MJV Press Briefing: a Gesto do Projeto de Design, Peter L. Phillips, ed. Blucher Gesto Estratgica do Design, Robert Brunner & Stewart Emery, M. Books O Fator VDM, Luis Marcelo Mendes, m Editorial
178 dsg_1003
tutorial flopez
id. visual
A herana do Olhar: o Design de Alosio Magalhes, Joo Leite, Senac Rio Paul Rand, Steven Heller, ed. Phaidon Conversas com Paul Rand, Michael Kroeger (org.), ed. CosacNaif Manual de Identidade Visual, Daniella Michelena Munhoz, ed. 2AB Design de Identidade da Marca, Alina Wheeler, Bookman Marks of Excellence, Per Mollerup, Paperback Sistemas de Identidade Visual, de Maria Lusa Pen, ed. 2AB Design de Logotipos que Todos Amam, David Airey, Alta Books Editora Logotipo versus Logomarca - a Luta do Sculo, Bruno Porto, ed. 2AB
dsg_1003 179
tutorial flopez
naming
Naming, o Nome da Marca, Delano Rodrigues, ed. 2AB Marcas & Sinalizao, Norberto "Lel" Chamma, ed. Senac SP
diagram.
Grids (coleo Design Bsico), Gavin Ambrose & Paul Harris, Bookman Grid: Construo e Desconstruo, Timothy Samara, ed. CosacNaif Grid Systems in Graphic Design, Josef Mller-Brockmann, ed. Niggli O Livro e o Designer II, Andrew Haslam, Rosari
outros
Novos Fundamentos do Design, Ellen Lupton & Jennifer Cole, ed. CosacNaif Design, Cultura e Sociedade, Gui Bonsiepe, ed. Blucher As Leis da Simplicidade, John Maeda, ed. Novo Conceito
180 dsg_1003
tutorial flopez
links interessantes:
tipografia
My Fonts (distribuidora): http://new.myfonts.com/ Thinking with Type (Ellen Lupton): www.thinkingwithtype.com Font Squirrel (free fonts): www.fontsquirrel.com Typophile (forum): www.typophile.com Font Feed (informativo Font Shop): http://fontfeed.com Letterror (tipografia experimental): http://letterror.com I Love Typography (blog): http://ilovetypography.com ATypI: www.atypi.org
dsg_1003 181
tutorial flopez
tipografia
Fontstruct: http://fontstruct.fontshop.com We Love Typography (blog): http://welovetypography.com Type Directors Club: www.tdc.org SOTA (aficcionados por tipografia): www.typesociety.org Ralf Herrmann, Wayfinding & Typography: http://opentype.info/blog Tipgrafos.Net (pt): http://tipografos.net Tipos do Brasil (blog): www.tiposdobrasil.com Tipocracia: www.tipocracia.com.br Tipos Latinos: www.tiposlatinos.com
182 dsg_1003
tutorial flopez
foundries + designers
Underware: www.underware.nl Linotype: www.linotype.com Font Shop: www.fontshop.com Hoefler & Frere-Jones: www.typography.com Font Bureau (David Berlow): www.fontbureau.com Type Together: www.type-together.com Our Type (Fred Smeijers): www.ourtype.com Veer: www.veer.com Commercial Type: www.commercialtype.com
dsg_1003 185
tutorial flopez
foundries + designers
Bro destruct: www.typedifferent.com House Industries: www.houseind.com Rian Hughes, Device Fonts: www.devicefonts.co.uk Luc(as) de Groot: www.lucasfonts.com Gerard Unger: www.gerardunger.com Marian Bantjes: www.bantjes.com Jessica Hische: www.jessicahische.is Ed Fella: www.edfella.com Eduardo Recife: www.misprintedtype.com
184 dsg_1003
tutorial flopez
id. visual
Brand New: www.underconsideration.com/brandnew Logo Design Love: www.logodesignlove.com Pienso Logo Existo: www.piensologoexisto.com Logo BR: http://logobr.org/ Leader Creative (Lindon Leader): www.leadercreative.com Wolff Olins: www.wolffolins.com Logo Design Blog: http://imjustcreative.com/blog/ Logo Lounge: www.logolounge.com/ the Branding Source: http://brandingsource.blogspot.com.br/
dsg_1003 185
tutorial flopez
diagram.
The Grid System: www.thegridsystem.org Good Magazine (infogrficos): www.good.is/infographics The Elements of Typographic Style (web): http://webtypography.net Design by Grid: www.designbygrid.com
naming
Drive Thru Names: www.drivethrunames.com Naming Brasil (blog): http://namingbrasil.blogspot.com
outros
Creative Review: www.creativereview.co.uk/home Designboom: www.designboom.com ForoAlfa: http://foroalfa.org/
186 dsg_1003
sobre o autor:
hello!
Fabio Lopez carioca de 1978, designer e mestre pela ESDI. Em 2010 fez parte da equipe Ttil que trabalhou na criao da identidade dos jogos Olmpicos Rio 2016. Desde 1998 desenvolve e customiza fontes digitais, e tem projetos de design grfico apresentados em exposies e publicaes no Brasil e exterior. Durante 5 anos integrou a equipe de design da marca Redley, e atualmente trabalha como freelancer em projetos de identidade, tipografia, moda e ilustrao. Nas horas vagas pratica design subversivo: em 2007 aprontou uma bela confuso com o projeto War in Rio, que lhe valeu 15 minutos de fama e a inimizade da cpula de segurana do Estado do Rio. Tem um curso de tipografia chamado Typofreaks e d aula de design e tipografia na PUC-Rio. Atualmente Coordenador Tcnico e jurado da Bienal Internacional de Tipografia Tipos Latinos. Pesquisa o design filatlico e criou para os Correios do Brasil o bloco de Natal 2010. Fotografa, escreve coisas estranhas e no larga o caderno.
email: fltypedesigner@hotmail.com twitter: @flopezdesign flickr: www.flickr.com/flopezdesign site: www.flopez.com.br (em construo, juro!) blogs: www.jogowarinrio.blogspot.com // www.designefilatelia.blogspot.com issuu: http://issuu.com/fabiolopez/docs tumblr: http://picote.tumblr.com
dsg_1003 187
agradecimentos:
a todos aqueles que tiveram nomes citados ou projetos apresentados, que ajudaram a criao desse material com comentrios e observaes ou que contriburam para tornar o tutorial flopez mais completo: meu muito obrigado!
Adrian Room, Adriana Calderoni, Alexandre Teixeira, Alexandre Wollner, Alejandro Paul, Aline Miguel, Alosio Magalhes, Amandine Alessandra, Angelo Bottino, Augusto Seibel, Armin Vit, April Greiman, Bruno Porto, Claudio Gil, Daniel Campos, Daniel Neves, Daniel Sousa, Daniella Michellena Munhoz, David Airey, David Carson, Delano Rodrigues, Diego Cataldo, Dominic Flask, Emil Ruder, Erik Spiekermann, Evelyn Grumach, Ftima F inizola, Fred Eerdekens, George Bernard Shaw, Gerard Unger, Guilherme Capil, Guilherme Toledo, Gustavo Ferreira, Gustavo Soares, Henrique Nardi, Ivan Chermayeff, Izabel Oliveira, Jamil Li Causi, Jennifer Higerd, Jeremy T ankard, Joaquim Redig, Joana Pessoa, Joo de Souza Leite, John Langdon, John Maeda, John Moore, Jonathan Barnbrook, Jorge Duro, Josef Mller-Brockmann, Julia G., Julia Valle, Karen Cheng, Ken Barber, Lance Schmittling, Lauro Machado, Luc(as) de Groot, Ludwig Wittgenstein, Mait Lacerda, Mrcia Martins, Marty Neumeier, Matheus Barbosa, Lindon Leader, Maria Lusa Pen, Max Miedinger, Maximilien Vox, Michael Bierut, Modo Design, Norberto Chamma, Norberto Chaves, Paul Rand, Paula Scher, Pedro Moura, Per Mollerup, Peter Bil'ak, Raphael Abreu, Raul Bellcia, Renata Freeland, Ricardo Esteves, Robert Bringhurst, Roberta Portas, Rodolfo Capeto, Sergio Rodriguez, Ttil Design, Vera Bernardes, Vladimir Tomin, Washington Dias Lessa, Wim Crouwel, Zuzana Licko e voc!
188 dsg_1003
o tutorial flopez j teve mais de 18.000 visitas: compartilhe!

Tutorial Flopez Turbo

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tutorial Flopez Turbo

Diunggah oleh

Hak Cipta:

Format Tersedia

turbo

dsg_1003 / identidade visual

dsg_1003 / identidade visual

dsg_1003 / identidade visual

classificao proposta por Norberto Chaves

logotipo com smbolo

logotipo com acessrio

dsg_1003 / identidade visual

dsg_1003 / identidade visual

dsg_1003 / identidade visual

dsg_1003 / identidade visual

tutorial flopez www.underconsideration.com/brandnew

dsg_1003 / identidade visual

dsg_1003 / identidade visual

attack . decay . sustain . release

dsg_1003 / identidade visual

dsg_1003 / identidade visual

dsg_1003 / identidade visual

projeto / empresa / servio

entender a essncia do produto / pesquisa e anlise de mercado

atributos atitudes conceitos

definir o modo de proceder, a estratgia de atuao

identificar os conceitos associados marca

Norberto Chamma Marcas & Sinalizao senac sp

considerar aplicaes e propsitos futuros

dsg_1003 / identidade visual

dsg_1003 / identidade visual

o que voc faz? defina um propsito.

qual a sua viso? defina uma direo para seu negcio.

qual a tendncia que estimula sua empresa?

quem concorre em sua categoria?

o que faz voc ser nico?

o que voc deve acrescentar ou retirar? fortalea seu estado nico.

quem ama voc?

quem o inimigo? diga a seus clientes o que voc no .

como voc chamado?

como voc explica sua marca?

como voc se comunica?

como as pessoas interagem com voc?

o que os clientes experenciam?

como voc conquista a fidelidade dos clientes?

como voc prolonga o seu sucesso?

como voc protege seu portiflio?

formule voc mesmo a prxima pergunta.

Marty Neumeier, Zag: a estratgia nmero 1 das marcas de sucesso.

dsg_1003 / identidade visual

dsg_1003 / identidade visual

arrojada jovem dinmica diferenciada agressiva

tradicional conservadora prxima elitizada atualizada

tecnologia desempenho segurana proteo

dsg_1003 / identidade visual

ferramentas auxiliares de alinhamento e estratgia conceito chave / direcionamento

plataforma criativa modo_design

resumo visual do briefing: organiza e orienta a etapa de ideao do projeto

dsg_1003 / identidade visual

ferramentas auxiliares de alinhamento e estratgia briefing // debriefing

a etapa de desenvolvimento tem incio

re-alinhamento e ajustes no briefing

dsg_1003 / identidade visual

ferramentas auxiliares de alinhamento e estratgia mapa de expectativa (visual)

robusto limpo sofisticado retilneo ousado tradicional

rebuscado popular curvilneo ponderado contemporneo

dsg_1003 / identidade visual

ferramentas auxiliares de alinhamento e estratgia pesquisa de similares / benchmarking