1

logtipo
o que ?
para que serve !
como se constri >
...tambm utilizo a alegria, um certo olhar, o jogo, e sempre o esprito de servio, tentando
que a comunicao (que de comunicao se trata) tenha a mais limpa emisso e a mais
clara recepo....
Sebastio Rodrigues
in Catlogo Sebastio Rodrigues designer, Fundao Calouste Gulbenkian,1995
ndice
Introduo: 5
O que um logtipo? 7
Para que serve um logtipo! 9
Como se constri um logtipo> 11
1 > legibilidade 13
2 > fexibilidade 23
3 > versatilidade 29
4 > acessibilidade 37
5 > usabilidade 41
Bibliografa (...) 47
:
Introduo > A escolha deste tema para projecto fnal da ps-graduao surge da habitual recepo
de logos sem qualidade para impresso, e de sentir, h j algum tempo, a necessidade de ter um docu-
mento de resposta, uma ferramenta de auxlio para este tipo de problema, uma espcie de sntese
de manual de instrues de um logtipo.
Sejam os logtipos extensos ou curtos, grandes ou pequenos, altos ou baixos, fundamental que todos
estejam tecnicamente desenvolvidos para corresponderem com efccia s aplicaes que lhes so exi-
gidas e cumprirem a sua funo de logtipo.
smbolo nome
assinatura
logtipo
designao da rea de negcio
5
?
7
O que um logtipo > Grupo de letras reunidas numa s pea. (...) Este recurso tipogrfco foi inven-
tado no sculo XVIII em substituio dos caracteres mveis individuais e, posteriormente, aplicou-se
de preferncia composio de siglas e marcas comerciais ou de fabricao, de traado caracterstico
facilmente reconhecvel. Smbolo que serve identifcao de uma empresa, instituio, produto, mar-
ca, etc., e que consiste geralmente na estilizao de uma letra ou na combinao de grupo de letras com
design caracterstico, fxo e peculiar. (...)
Etimologia log(o) + tipo
log(o) + tipo
Log(o) > Do gr. lgos, ou linguagem, proposio, defnio; palavra; noo, razo; senso comum; motivo;
juzo, opinio; estima, valor que se d a uma coisa; explicao (...).
Tipo > do gr. tpos, ou marca feita de golpe, marca impressa, fgura, smbolo etc., com futuao da tnica
em portugus devido ao u = y de tpos = typpos (...).
Em latim typus.
AA.VV., in Dicionrio Houaiss da Lngua Portuguesa, vol. 4 e 6, pg. 2305 e 3524, Crculo dos Leitores, Setembro 2003
Para que serve um logtipo > Um logtipo um cdigo visual que representa algo que se pretende
comunicar; ora, se o logtipo no est tecnicamente desenvolvido para o fazer, no consegue cumprir
a sua funo e teremos aplicaes do logtipo cheias de rudo, distorcidas, ou mais grave, a comunicar
algo diferente do cdigo inicial.
Nos dias de hoje, o logtipo na maioria das vezes a parte mais visvel, ou a primeira imagem que se
tem de um produto ou de uma empresa. Se a abordagem que temos de formas e cores mal aplicadas,
signifca que o cdigo visual no funcionou e no comunicou efcazmente a sua mensagem, que est,
normalmente associada aos servios da empresa, sua misso, valores e objectivos.
O logtipo pode ser aplicado nos mais diversos materiais de identifcao ou promoo de uma empre-
sa; stationery, embalagem, stands, merchandising, publicidade, edio, multimdia, televiso, etc.
!
Para que serve um logtipo > Um logtipo um cdigo visual que representa algo que se pretende
comunicar; ora, se o logtipo no est tecnicamente desenvolvido para o fazer, no consegue cumprir
a sua funo e teremos aplicaes do logtipo cheias de rudo, distorcidas, ou mais grave, a comunicar
algo diferente do cdigo inicial.
Nos dias de hoje, o logtipo na maioria das vezes a parte mais visvel, ou a primeira imagem que se
tem de um produto ou de uma empresa. Se a abordagem que temos de formas e cores mal aplicadas,
signifca que o cdigo visual no funcionou e no comunicou efcazmente a sua mensagem, que est,
normalmente associada aos servios da empresa, sua misso, valores e objectivos.
O logtipo pode ser aplicado nos mais diversos materiais de identifcao ou promoo de uma empre-
sa; stationery, embalagem, stands, merchandising, publicidade, edio, multimdia, televiso, etc.
!
9
>
Como se contri um logtipo > O logtipo elaborado a partir de formas e cores. As formas podem ser
tipogrfcas, fgurativas ou abstractas.
A cor, uma linguagem universal, embora, conforme a cultura, possua signifcados diferentes.
A seleco de uma cor deve ser sempre criteriosa, tendo em conta o local onde vai ser utilizada, o seu
signifcado e o que se pretende comunicar.
11
12
legibilidade
legibilidade
Signifca que pode ler-se com facilidade, devido clareza e nitidez tipogrfca.
13
Legibilidade > Traduz a facilidade para reconhecer uma letra ou palavra. As famlias tipogrfcas com
esta caracterstica tm um trao comum nas suas formas; uma grande altura x, um amplo espao oco
(fgura na pgina 17), e um desenho subtil e discreto entre a forma light e bold
1
.
Readability
2
> Descreve o modo como se l e apreende um texto, e a facilidade com que se compreen-
de e interpreta o seu signifcado. Os cientistas acreditam que se pode quantifcar a readability, atravs
da soma, velocidade de leitura+compreenso
3
. A tipografa, pelas suas caractersticas um parceiro
preponderante nos resultados de readability de um texto, no s na escolha do tipo de letra, mas na
afnao de todas as variveis que lhe esto associadas e que podem ser cruciais; dimenso da letra,
kerning, tracking, entrelinha e comprimento da linha de texto. Com o intuito de avaliar o tipo de letra
versus readability, tm-se efectuado vrios estudos cientfcos, que de uma forma geral tm tido resulta-
dos inconclusivos
4
pelo facto de no existir um nico denominador comum (tipo de letra), mas uma
variedade de possibilidades.
An illegible type, set it how you will, cannot be made readable. But the most legible of
types can be made unreadable if it is set to too wide a measure, or in too large or too small
a size for a particular purpose.
Geofrey Dowding, 1957, in, Lund, 1999
Acuidade visual > Defne a capacidade que o olho humano tem para percepcionar formas reduzidas
e muito prximas entre si, para a medir utilizada a escala de Snellen, que defne parmetros de viso,
atravs da proporo entre a altura da letra e a distncia a que percepcionada. Na escala de Snellen,
a linha designada por 20/20 a referncia para uma viso normal, signifca que se consegue ler as letras
a uma distncia de 20 ps
5
. Apesar de podermos defnir a dimenso mnima de corpo de letra que con-
seguimos ler, no signifca que a utilizemos regularmente, porque pouco confortvel ler um texto com esta dimenso de
corpo de letra.
1 Its about legibility, by Allan Haley, Upper & lowercase Magazine, U&lc Online, 26/02/2001
2 Readability, no existe traduo para portugus.
3 Essay by Ellen Lupton, Cold Eye: Big Science, Print Magazine, Summer 2003.
4 (...) In its drive to uncover fxed standards, the research has afrmed, instead, human tolerance for typographic variation and the elasticity of the
typographic system. Science can help rufe our dogmas and create a clearer view of how variables interact to create living, breathingand, yes,
readabletypography., Essay by Ellen Lupton, Cold Eye: Big Science, Print Magazine, Summer 2003.
5 20/20 ps, no sistema decimal equivale a 6/6 metros.
Escala de Snellen
como se constri um logtipo > legibilidade > tipografa
14
Pt > Pontos (pt) a medida utilizada para especifcar a dimenso do corpo de letra. Um Ponto corres-
ponde a 0,35mm ou 0,01 polegadas. Pica outra unidade de medida tipogrfca; utiliza-se para medir
corpos de letra maiores e para medir o comprimento de linhas de texto. Uma Pica mede 12 pontos.
Tipografa > Ao escolhermos uma fonte tipogrfca devemos ter em conta a sua legibilidade e readibi-
lity em dimenses mnimas e mximas.
Dimenso mnima tipogrfica > Aconselha-se como dimenso mnima, a utilizao do corpo 6pt.
No entanto, devido s especifcidades de cada tipo de letra, o tamanho mnimo do corpo deve ser sem-
pre confrmado e testado.
abcdefghijklogotipomnopqrstuvwxyz abcdefghijklogotipomnopqrstuvwxyz
ABCDEFGHIJKLOGOTIPOMNOPQRSTUVWXYZ ABCDEFGHIJKLOGOTIPOMNOPQRSTUVWXYZ
1234567890 1234567890
Corpo > Termo usado em tipografa para medir a altura que uma letra ocupava num tipo de chumbo.
Actualmente considera-se que a dimenso do corpo de letra a distncia entre o topo de uma ascen-
dente e o fundo de uma descendente.
corpo 6pt
0 1 2 Polegadas
0 6 12 Picas 1 2 3 4 5 7 8 9 10 11
0 12 72 144 Pontos
Abcg
altura do corpo de letra
0 picas
1
2
3
12 pontos
36 pontos
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
15
Altura-x > A altura da letra x o elemento diferenciador de um tipo de letra, caracteriza os seus traos,
defne as suas propores, o grau de legibilidade e o nmero de letras que se compem numa linha
de texto. Um tipo de letra com uma altura-x grande signifca que as suas letras minsculas so propor-
cionalmente grandes em relao s ascendentes e descendentes.
Quando se utiliza um tipo de letra com uma altura de corpo pequena, devemos ter em ateno a seguin-
te regra de proporo: quanto maior a altura-x maior a legibilidade do texto. Normalmente a altura-x
um pouco maior que metade de uma maiscula.
AbcghMx
altura da
letra x
altura do
corpo de letra
espao oco
Abx Abx Abx Abx
altura da letra x
altura do corpo de letra, 50pt
espao oco
Diferentes tipos de letra com o mesmo corpo de letra (50pt), a infuncia da altura-x e do espao oco.
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
16
Adobe Garamond regular
A altura da letra x o elemento diferenciador de um tipo de letra, caracteriza os seus traos, dene as suas
propores, o grau de legibilidade e o nmero de letras que se compem numa linha de texto. Um tipo de
letra com uma altura-x grande signica que as suas letras minsculas so proporcionalmente grandes em
relao s ascendentes e descendentes.
Quando se utiliza um tipo de letra com uma altura de corpo pequena, devemos ter em ateno a seguinte regra
de proporo: quanto maior a altura-x maior a legibilidade do texto.
9/12pt
ITC New Baskerville roman
A altura da letra x o elemento diferenciador de um tipo de letra, caracteriza os seus traos, def-
ne as suas propores, o grau de legibilidade e o nmero de letras que se compem numa linha
de texto. Um tipo de letra com uma altura-x grande signifca que as suas letras minsculas so
proporcionalmente grandes em relao s ascendentes e descendentes.
Quando se utiliza um tipo de letra com uma altura de corpo pequena, devemos ter em ateno a
seguinte regra de proporo: quanto maior a altura-x maior a legibilidade do texto.
9/12pt
Helvetica Neue LT 55 roman
A altura da letra x o elemento diferenciador de um tipo de letra, caracteriza os seus traos,
defne as suas propores, o grau de legibilidade e o nmero de letras que se compem numa
linha de texto. Um tipo de letra com uma altura-x grande signifca que as suas letras mins-
culas so proporcionalmente grandes em relao s ascendentes e descendentes.
Quando se utiliza um tipo de letra com uma altura de corpo pequena, devemos ter em ateno
a seguinte regra de proporo: quanto maior a altura-x maior a legibilidade do texto.
9/12pt
Univers LT 55 roman
A altura da letra x o elemento diferenciador de um tipo de letra, caracteriza os seus
traos, dene as suas propores, o grau de legibilidade e o nmero de letras que se
compem numa linha de texto. Um tipo de letra com uma altura-x grande signica que
as suas letras minsculas so proporcionalmente grandes em relao s ascendentes e
descendentes.
Quando se utiliza um tipo de letra com uma altura de corpo pequena, devemos ter em
ateno a seguinte regra de proporo: quanto maior a altura-x maior a legibilidade do
texto.
9/12pt
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
17
Famlia tipogrfca > Tal como uma famlia, a famlia tipogrfca composta por vrios membros com
diversos parentescos, onde todos, apesar de diferentes, possuem traos semelhantes.
Regular Italic Bold Bold italic
Famlia Tipogrfca
Light Semibold Light italic Black
italic
Black Semibold
italic
Light
condensed
Light
condensed italic
Light
semicondensed
Light
semicondensed italic
Light
semiextended
Light
semiextended italic
condensed
condensed
italic
Semicondensed
Semicondensed
italic
Semiextended
Semiextended
italic
Semibold
condensed italic
Semibold
condensed
Semibold
semicondensed italic
Semibold
semicondensed
Semibold
semiextended italic
Semibold
semiextended
Bold
condensed italic
Bold
condensed
Bold
semicondensed italic
Bold
semicondensed
Bold
semiextended italic
Bold
semiextended
Black
condensed italic
Black
condensed
Black
semicondensed italic
Black
semicondensed
Black
semiextended italic
Black
semiextended
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
18
logtip
1 2 0 4 5 3 7 8 6 10 11 9 12 14 15 13 16 18 17
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
19
logtip
19 21 22 20 24 25 23 26 28 29 27 30 32 31 33 34 35 37 36 39 38
Dimenso mnima do logtipo
como se constri um logtipo > legibilidade > tipografa como se constri um logtipo > legibilidade > tipografa
20
dimenso
21
Dimenso mnima de uma forma > Para defnir a capacidade menor ou maior que temos para ver for-
mas reduzidas e muito prximas entre si, so utilizados os smbolos Landolt Cs ou Tumbling E; o princpio
semelhante ao da escala de Snellen, mas aqui defnimos limites para distinguir formas e contornos.
Ganho de ponto > Considera-se ganho de ponto a diferena entre a espessura inicial de uma forma
e a forma fnal impressa. As vrias etapas de pr-impresso e impresso vo sucessivamente aumentando
o ganho de ponto, computador fotolito chapa impresso. A capacidade de absoro da tinta
pelo tipo de suporte seleccionado para impresso tambm decisiva no ganho de ponto fnal.
1 2 0
corpo 6pt
1 2 0
corpo 7,5pt
1 2 0 4 5 3
corpo 6pt
De modo a garantir a percepo visual do logtipo, deve ser considerada uma dimenso mnima entre
os 10mm e os 20mm de comprimento. Na dimenso mnima, o logtipo dever manter todas as suas
caractersticas visuais.
ponto
ganho de ponto
como se constri um logtipo > legibilidade > tipografa
22
fexibilidade
Signifca que gil e malevel, adaptando-se facilmente a diversas circunstncias.
23
O logtipo composto por vrios elementos que formam uma linguagem visual equilibrada; em nenhuma
situao essa harmonia deve ser alterada.
Forma > As formas devem manter os seus traos caractersticos, independentemente das dimenses
que venham a ter.

Escala > Na ampliao ou diminuio de um logtipo, deve sempre manter-se a relao entre os seus
elementos, fazendo com que a operao seja proporcional nos eixos x e y.
x
y
escala 1/1
escala 2/1
(ampliao de 200%)
escala 2,5/1
(ampliao de 250%)
1/1
2/1
2,5/1
O logtipo deve ser fnalizado num programa informtico que tenha disponvel a ferramenta curvas
de Bzier. Utilizando este processo o desenho defnido atravs de pontos e esses pontos ligados auto-
maticamente por linhas; este processo confere ao logtipo uma enorme fexibilidade, rigor e qualidade
na ampliao ou diminuio.
como se constri um logtipo > fexibilidade > forma
24
1 2 0 4 5 3 7 8 6 10 9
logtipo
1 2 0
Curvas de Bzier ou habitualmente denominado de logtipo em curvas ou vectorial caracteriza um
logtipo constitudo por vrios pontos que so unidos por linhas curvas. Esta opo permite total fexi-
bilidade e qualidade para escalas de ampliao e diminuio do logtipo.
A curva de Bzier uma curva polinomial expressa atravs de alguns pontos representativos, chamados de pontos
de controle. Foi desenvolvida para uso em aplicaes CAD/CAM, por volta de 1970, por Pierre Bzier.
como se constri um logtipo > fexibilidade > forma como se constri um logtipo > fexibilidade > forma
25
11 12 14 15 13 16 18 17 19 21 22 20 24 25 23 26 28 29 27 30 31
logtipo vectorial
10
como se constri um logtipo > fexibilidade > forma como se constri um logtipo > fexibilidade > forma
26
1 2 0
1 2 0 4 5 3 7 8 6 10 9
Exemplo de um logtipo que no foi tecnicamente desenvolvido para escalas de ampliao e de dimi-
nuio: as formas esto distorcidas e sem defnio do contorno.
1 2 0 3 4
como se constri um logtipo > fexibilidade > forma como se constri um logtipo > fexibilidade > forma
27
11 12 14 15 13 16 18 17 19 21 22 20 24 25 23 26 28 29 27 30 31
logtipo no vectorial
10
como se constri um logtipo > fexibilidade > forma como se constri um logtipo > fexibilidade > forma
28
versatilidade
Signifca que mutvel, que possui capacidade para ser diverso, podendo ser aplicado
de diferentes maneiras.
29
como se constri um logtipo > versatilidade > cor
A cor um dos elementos mais importantes na identidade de uma empresa, deve-
mos sempre aplic-la com o mximo rigor possvel.
A prvia defnio das cores do logtipo e declinaes nos vrios espaos de
cor torna as aplicaes do logtipo mais fceis e rigorosas do ponto de vista
cromtico.
Cor > A cor uma sensao que resulta da capacidade que o olho humano
tem para recepcionar e processar um determinado comprimento de onda de
radiao electromagntica, intitulado espectro visvel. A percepo do espec-
tro visvel pelo olho humano faz-se atravs de dois tipos de clulas fotorrecep-
toras; os cones, responsveis pela captao da informao luminosa e os basto-
netes, que so especialistas em receberem informao de ambientes escuros.
Todo o processo de captao do espectro visvel pelo olho humano muito com-
plexo e sofsticado, mas tambm subjectivo e individual, porque cada um de ns capta
o espectro visvel de forma diferente.
Espectro visvel > Os comprimentos de onda visveis situam-se entre os 380 e 750 nanmetros. As ondas
mais curtas so os ultravioletas, os raios-X e os raios gamas. As ondas mais longas contm os infraver-
melhos, as microondas e as ondas de rdio e televiso.
Raios Gama Ultravioleta Raios-X Infra-vermelho Radar FM TV Ondas
Curtas
AM
400 500 600 700 nanmetros
Espectro visvel
D
i
s
c
o

d
e

c
o
r
e
s

d
e

J
o
h
a
n
n
e
s

I
t
t
e
n
.
Espaos de cor > um modelo matemtico de representao das cores, atravs da combinao de
conjuntos de nmeros (3 a 4). Exemplos de espaos de cor, so: RGB, CMYK, Pantone, LAB, HSB. Os espa-
os de cor no reproduzem a totalidade da gama de cores existentes no espectro visvel, o que signifca
que o olho humano capaz de ver uma gama de cores muito superior que conseguimos reproduzir.
30
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
RGB > O RGB um sistema de cor que, semelhana do Sol, mas de forma artifcial, possui uma fonte
de emisso de luz branca.
Cada cor RGB tem uma escala de valores, entre os 0 e os 256 valores, o que signifca que a soma das
primrias forma branco (256R + 256G + 256B = Branco). Quanto maior for a percentagem de cor, mais
clara a cor at atingir a luz branca, por isso se chama cor aditiva.
suporte de utilizao: ecrs, monitores, scanners, web, televisores, multimdia e impresso digital.
RGB
Red 26
Green 23
Blue 27
RGB
Red 226
Green 0
Blue 26
Red Green Blue Branco
+ + =
logotipo
No processo RGB, existe um emissor de luz branca, que faz com que a soma das primrias seja igual
a branco, da o nome de cor aditiva. No processo CMYK o branco geralmente o suporte de impresso,
o que signifca, que para percepcionar uma cor no papel impresso, teremos que utilizar o mtodo inverso
do RGB, em vez de adicionar, temos que extrair do branco a cor que pretendemos. Para este efeito so
utilizados fltros de cor, usando as cores complementares do RGB; cian, magenta e yellow, este processo
denominado de cor subtractiva, porque subtramos do branco a cor que pretendemos.
Em teoria, se somarmos em partes iguais as cores primrias CMY, o resultado ser preto, porque todos
os componentes de luz so absorvidos, no entanto existe uma nfma parte que refectida, e por isso
existe necessidade de adicionar-se uma quarta tinta, o preto. Esta quarta tinta fundamental para criar
contraste, defnir claro-escuro e permitir uma reproduo mais ntida.
A este processo de impresso chama-se quadricromia (cmyk).
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset serigrafa) e impresso digital.
CMYK > O CMYK formado por trs cores primrias, resultantes da combinao das cores RGB, que so;
cian, magenta e amarelo (yellow). Se procedermos combinao destas cores o resultado este:
red+green = yellow (CMYK); green+blue = cian (CMYK) e red+blue = magenta (CMYK).
magenta+yellow = red (RGB); cian+yellow = green (RGB) e cian+magenta = blue (RGB).
Blue Red
Cian Yellow
Magenta
Green Red Blue
Green
Cian Magenta Yellow Black
+ + +
Black
=
luz absorvida
luz refectida luz (branca)
fltro
cian
luz absorvida
luz refectida luz (branca)
fltro
magenta
luz absorvida
luz refectida luz (branca)
fltro
yellow
31
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
RGB > O RGB um sistema de cor que, semelhana do Sol, mas de forma artifcial, possui uma fonte
de emisso de luz branca.
Cada cor RGB tem uma escala de valores, entre os 0 e os 256 valores, o que signifca que a soma das
primrias forma branco (256R + 256G + 256B = Branco). Quanto maior for a percentagem de cor, mais
clara a cor at atingir a luz branca, por isso se chama cor aditiva.
suporte de utilizao: ecrs, monitores, scanners, web, televisores, multimdia e impresso digital.
RGB
Red 26
Green 23
Blue 27
RGB
Red 226
Green 0
Blue 26
Red Green Blue Branco
+ + =
logotipo
No processo RGB, existe um emissor de luz branca, que faz com que a soma das primrias seja igual
a branco, da o nome de cor aditiva. No processo CMYK o branco geralmente o suporte de impresso,
o que signifca, que para percepcionar uma cor no papel impresso, teremos que utilizar o mtodo inverso
do RGB, em vez de adicionar, temos que extrair do branco a cor que pretendemos. Para este efeito so
utilizados fltros de cor, usando as cores complementares do RGB; cian, magenta e yellow, este processo
denominado de cor subtractiva, porque subtramos do branco a cor que pretendemos.
Em teoria, se somarmos em partes iguais as cores primrias CMY, o resultado ser preto, porque todos
os componentes de luz so absorvidos, no entanto existe uma nfma parte que refectida, e por isso
existe necessidade de adicionar-se uma quarta tinta, o preto. Esta quarta tinta fundamental para criar
contraste, defnir claro-escuro e permitir uma reproduo mais ntida.
A este processo de impresso chama-se quadricromia (cmyk).
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset serigrafa) e impresso digital.
CMYK > O CMYK formado por trs cores primrias, resultantes da combinao das cores RGB, que so;
cian, magenta e amarelo (yellow). Se procedermos combinao destas cores o resultado este:
red+green = yellow (CMYK); green+blue = cian (CMYK) e red+blue = magenta (CMYK).
magenta+yellow = red (RGB); cian+yellow = green (RGB) e cian+magenta = blue (RGB).
Blue Red
Cian Yellow
Magenta
Green Red Blue
Green
Cian Magenta Yellow Black
+ + +
Black
=
luz absorvida
luz refectida luz (branca)
fltro
cian
luz absorvida
luz refectida luz (branca)
fltro
magenta
luz absorvida
luz refectida luz (branca)
fltro
yellow
32
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
Pantone CMYK > A transio de uma cor Pantone para uma cor cmyk no deve ser automtica,
porque no estamos perante o mesmo processo de elaborao da cor: a primeira feita a partir de pig-
mentos normalizados e com quantidades pr-defnidas e a segunda resulta da mistura de quatro cores
iniciais.
A seleco em cmyk de uma cor Pantone exige um estudo prvio de correspondncia da cor.
Pantone > No sistema Pantone, a cor defnida por uma frmula de composio de pigmentos normali-
zados. A cor seleccionada atravs de um catlogo de amostras, que contm a referncia da cor e a res-
pectiva composio. O resultado diferente da mistura das cores cmyk, a tinta mais densa, e por isso,
tambm denominada por cor slida ou especial. Este sistema permite que, a partir de uma referncia
de cor, e desde que no processo de fabrico se utilize os pigmentos e frmula adequada, possamos pro-
duzir em qualquer parte do mundo materiais com a mesma referncia de cor.
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset serigrafa).
CMYK
Cian 0
Magenta 0
Yellow 0
Black 100
CMYK
Cian 0
Magenta 100
Yellow 100
Black 0
logotipo
Pantone
Process Black
Pantone
485
logotipo
33
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
HSB > O modelo HSB defne as trs caractersticas de uma cor: matiz (H), saturao (S) e brilho (B). Matiz
um tom, uma cor, o pigmento. Saturao mede a pureza da cor, quanto mais parecidos forem os valo-
res das trs primrias menos saturada a cor (mais clara), quanto maiores forem as diferenas entre
as trs primrias maior a saturao da cor (mais escura). Brilho, a luminosidade da cor medida atravs
da soma da luminosidade da sua composio, Lx= La+Lb+Lc (4 lei de Grassmann).
suporte de utilizao: ecrans, monitores, scanners, web, televisores, multimdia.
H
hue/matiz
S
saturao
B
brilho/luminosidade
HSB
H 353
S 100
B 89
0 100
0 100
0 360
V
V
V
HSB
H 277
S 16
B 11
0 100
0 100
0 360
V
V
V
logotipo
34
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
LAB > Tem como modelo o processo de percepo da cor efectuado pelos nossos olhos; um espao
de cor com uma gama de valores muito superior ao CMYK e RGB. tambm por isso o espao de cor
com maior preciso na defnio de uma cor.
A cor defnida com base na 4 lei de Grassmann: dada uma cor x = a(A) + b(B) + c(C), a sua luminosida-
de em unidades fotomtricas ser a soma da luminosidade de Lx= La+Lb+Lc.
suporte de utilizao: ecrans, monitores, scanners, web, televisores, multimdia.
6 Na fgura L (luminosidade) a variao cromtica devia ser entre branco e preto, mas por razes tcnicas de impresso, a fgura L passou a ter
valores de branco a azul escuro.
L
luminosidade
6

A
green - red
B
blue - yellow
LAB
L 48
A 75
B 89
0 127
0 127
0 100
V
V
V
LAB
L 8
A -2
B 2
0 127
0 127
0 100
V
V
V
128
128
128
128
logotipo
35
como se constri um logtipo > versatilidade > cor como se constri um logtipo > versatilidade > cor
Monocromia > a aplicao a uma cor, que normalmente feita numa escala de preto. Os valores
da aplicao monocromtica podem ser dados em vrios espaos de cor, como por exemplo, RGB,
CMYK e Pantone.
100% 90% 80% 70% 60% 50% 40% 30% 20% 10%
RAL > Sistema de seleco de cor para tintas industriais, atravs de catlogo de amostras que contm
referncias de cor normalizadas.
suporte de utilizao: paredes, madeira, pvc, mdf, etc....
Vinil > Material plstico, fexvel e autocolante, usado para recorte de formas e letras, logtipos. A sua
palete menor do que o sistema CMYK ou Pantone, e por isso aconselha-se um estudo prvio de corres-
pondncia da cor.
suporte de utilizao: stands, sinaltica, exposies.
Ral
9017
Ral
3020
Vinil
70-12
Vinil
70-48
logotipo
logotipo
Preto 100%
logotipo
36
acessibilidade
Signifca facilidade de circulao, possui caractersticas que permitem o envio ou o acesso
rpido.
37
logotipo
Acesso > o logtipo deve estar tecnicamente preparado para a aplicao em vrios suportes e dispon-
vel para envio rpido.
Alguns exemplos de suportes de envio: CD, DVD, pen-drive, e-mail, ftp, upload e download na internet.
www
como se constri um logtipo > acessibilidade > suporte
38
logotipo.eps
Extenso > A extenso identifca o tipo de arquivo, atravs de um cdigo que aparece a seguir ao nome
do fcheiro.
.ai (ai fle importer preferences)
extenso de fcheiro de Illustrator
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset serigra-
fa), impresso digital e web design
.eps (encapsulated postscript)
extenso de fcheiro de Photoshop, Illustrator, Freehand e Corel Draw. Um documento
de Illustrator, Freehand e Corel Draw gravado com extenso eps um documento muito
verstil, que pode ser aberto ou importado para quase todos os programas de desenho,
nomeadamente: Freehand, Corel Draw, Photoshop, Illustrator, Quarkxpress, Indesign.
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset serigra-
fa), impresso digital
.jpeg (Joint Photographic Experts Group)
extenso de fcheiro de Photoshop
suporte de utilizao: Powerpoint, Web e visualizaes em computador. Para impres-
so offset e impresso digital, devemos preparar o ficheiro com os dpi adequados
resoluo de impresso.
logotipo.ai
logotipo.jpg
como se constri um logtipo > acessibilidade > suporte como se constri um logtipo > acessibilidade > suporte
39
.gif (Graphic image fle format)
extenso de fcheiro de Photoshop
suporte de utilizao: Powerpoint, Web e visualizaes em computador.
.wmf (Windows Metafle Format)
extenso de fcheiro de Illustrator
suporte de utilizao: Powerpoint, Web e visualizaes em computador. O wmf, per-
mite manter a transparncia do logtipo na aplicao em Powerpoint.
.pdf (Adobe Portable Document Format)
extenso de fcheiro de Acrobat
suporte de utilizao: impresso convencional (rotogravura, fexografa, ofset seri-
grafa), impresso digital, Web. O Adobe Portable Document Format (pdf ), foi desen-
volvido pela Adobe Systems. Um fcheiro com a extenso pdf, signifca que pode ser
aberto em qualquer sistema e em qualquer computador.
Um fcheiro pdf pode ser preparado para qualquer aplicao, desde uma apresenta-
o em computador, preparao de um documento para impresso.
logotipo.gif
logotipo.wmf
logotipo.pdf
como se constri um logtipo > acessibilidade > suporte como se constri um logtipo > acessibilidade > suporte
40
usabilidade
Signifca que se pode usar, servir-se de, meio disponvel para diversas aplicaes.
41
como se constri um logtipo > usabilidade > manual de normas
Manual de normas do logtipo > O manual de normas deve conter as regras bsicas de utilizao e de
aplicao de um logtipo, que normalmente so: a descrio do logtipo, a fonte tipogrfca utilizada,
a dimenso mnima aconselhada, a aplicao cromtica nos vrios espaos de cor, o comportamento
sobre fundos de cor ou fotogrfcos e um ltimo captulo com alguns exemplos de logtipos incorrecta-
mente aplicados.
Exemplo de (kit) manual de normas do logtipo
1. Apresentao do logtipo
A grelha de construo permite perceber as propores dos vrios elementos que constituem
o logtipo.
com assinatura construo do logtipo
x
x
sem assinatura
2. A fonte tipogrfca utilizada
abcdefghijklogotipomnopqromanstuvwxyz
ABCDEFGHIJKLOGOTIPOMNOPQRSTUVWXYZ
1234567890 Ab
Helvetica Neue LT Std
42
como se constri um logtipo > usabilidade > manual de normas como se constri um logtipo > usabilidade > manual de normas
3. Defnio da dimenso mnima
Para garantir a legibilidade e integridade visual do logtipo, devemos defnir uma dimenso mnima
para a sua aplicao.
55mm
com assinatura sem assinatura
20mm
4. Defnio de espaos de cor
RGB R35 G31 B32
CMYK C0 M0 Y0 K100
Pantone 426C
Ral 9011
Vinil autocolante 100-22
RGB R215 G25 B32
CMYK C0 M100 Y10 K100
Pantone 7417C
Ral 2002
Vinil autocolante 100-266
43
como se constri um logtipo > usabilidade > manual de normas como se constri um logtipo > usabilidade > manual de normas
6. Comportamento sobre fundos de cor ou fotografas
fundos escuros fundos mdios fundos claros
5. Aplicao monocromtica
RGB R167 G169 B172
CMYK C0 M0 Y0 K40
Pantone Cool Gray 6C
Ral 7040
Vinil autocolante 100-605
RGB R128 G130 B132
CMYK C0 M0 Y0 K60
Pantone Cool Gray 8C
Ral 7042
Vinil autocolante 100-038
RGB R88 G89 B91
CMYK C0 M0 Y0 K80
Pantone Cool Gray 10C
Ral 7043
Vinil autocolante 100-012
44
o que no se deve fazer
alterar as caractersticas visuais do logtipo,
alguns exemplos
de aplicaes incorrectas
45
como se constri um logtipo > usabilidade > manual de normas
Alterar o logtipo Alterar as propores do logtipo
1. 2.
Alterar a tipografa Alterar a dimenso mnima aconselhada
3. 4.
Alterar as cores
5.
Colocar o logtipo sobre fundos de cor e de fotografa
6.
(...)
47
Bibliografa
AA.VV., A Enciclopdia, Editorial Verbo, Vol. 1 a 23, 2004
AA.VV, Catlogo da exposio Sebastio Rodrigues, designer, Fundao Calouste Gulbenkian, 1995
AA.VV., Dicionrio Houaiss da Lngua Portuguesa, Crculo de Leitores, Vol. 1 a 6, Lisboa, 2002
BARBOSA, Conceio, Manual Prtico de Produo Grfca, Principia, Cascais, 2004
BAUDRILLARD, Jean, Para uma Crtica da Economia Poltica do Signo, Edies 70, 1995
BERNARD, Michael, LIAO, Hui Chia e MILLS, Melissa, The Efects of Font Type and Size on the Legibility and
Reading Time of Online Text by Older Adults, Department of Psychology, Wichita State University
(hpsychology.wichita.edu/mbernard/articles/elderly.pdf ), consultado em 22/10/2007
CARTER, Rob, Tipografa de Computador, Rotovision, 1998
CONNOLLYS, Kevin, Legibility and Readability of Small Print, Efects of Font, Observer Age and Spatial Vision,
The University of Calgary
(www.psych.ucalgary.ca/PACE/VA-Lab/gkconnol/Thesis.html), consultado em 22/10/2007
GORDON, Bob e Maggie, O Guia Completo do Design Grfco Digital, Livros e Livros, 2003
GRUMAN, Galen, Adobe Indesign Cs Bible, Wiley Publishing, Inc., 2004
HALLEY, Alan, Its About Legibility, U&lc Online, Upper & lowercase Magazine
(www.fonts.com/AboutFonts/Articles/Typography/Legibility.htm), consultado em 1/9/2002
HEITLINGER, Paulo, O que legibilidade?, Cadernos de Tipografa, n3, Setembro 2007
(www.fonts.com/AboutFonts/Articles/Typography/Legibility.htm), consultado em 1/9/2002
HERRANZ, Ral Martn, Agudeza Visual, Optemetria 1
(www.ioba.med.uva.es/raul/Docencia/Apuntes/optoI/T01AV.pdf ), consultado em 23/10/2007
HOELTZ, Mirela, Design Grfco - dos espelhos s janelas de papel, Universidade de Santa Cruz do Sul, Biblioteca
on-line das Cincias da Comunicao
(bocc.ubi.pt/pag/hoeltz-mirela-design-grafco.html), consultado em 22/10/2007
LIVINGSTON, Alan e Isabella, Dictionary of Graphic Design and Designers, Thames and Hudson, 1996
LUPTON, Ellen, Science of Typography, Cold Eye: Big Science, Print magazine, Summer 2003
(www.ellenlupton.com), consultado em 18/9/2002
LUPTON, Ellen, Thinking with Type, Princeton Architectural Press, New York 2004
48
PERFECT, Christopher, The Complete Typographer, A Manual for Designing with Type, Little, Brown and Company,
London, 1992
MORGAN, Conway Lloyd, Logo, Identidade, Marca, Cultura, Rotovision, 1999
REASON, Ron, Newspaper Body Text
(www.ronreason.com), consultado em 10/2/2002
livedocs.adobe.com/fash, consultado em 16/10/2007
en.wikipedia.org/wiki/Snellen, consultado em 22/10/2007
en.wikipedia.org/wiki/MacAdam_ellipse, consultado em 24/10/2007
en.wikipedia.org/wiki/Color_theory, consultado em 24/10/2007
en.wikipedia.org/wiki/Color, consultado em 24/10/2007
en.wikipedia.org/wiki/Color_theory, consultado em22/10/2007
en.wikipedia.org/wiki/Visual_acuity#measurement, consultado em 22/10/2007
www.adobe.com/type, consultado em 26/10/2007
www.mdsupport.org/snellen.html, consultado em22/10/2007
I dont believe that any design has to be boring. As a designer, you havent
done a good job if its boring.
Mary Pisarkiewicz