Este documento apresenta quatro exemplos de design de tipografia digital: 1) Um cartaz minimalista com boa legibilidade e uso de cores chamativas. 2) Uma palavra grafitada com estilo peculiar e legível. 3) Um logotipo misturando caracteres ocidentais e coreanos de forma criativa. 4) Uma peça com problemas de hierarquia, contraste e excesso visual, proposta uma reformulação.

1. Experimentos em Tipografia Digital
Safari Tipográfico
Sistemas e Mídias Digitais
Raphael Carmo
04/09/2014

2. Exemplo bom Nº 1

3. Exemplo bom Nº 1
-Peça simples, utilizando poucos recursos mas consegue passar a mensagem de forma clara
- Boa Legibilidade, a fonte sem seria usada pois as letras que se diferencial facilmente umas das outras ( Eu
acho que é Helvetica, não tenho certeza)
-Boa Leiturabilidade, o tipo foi usado na cor preta/vermelha e aplicado ao branco com uma boa diagramação
-O uso do vermelho para chamar atenção foi uma boa escolha, informando dados alarmantes em cor de
sangue.
-Diagramação central, é uma escolha clichê e simples, mas para a peça funcionou bem, porque é mais uma
chamada do que um texto corrido.
-Eu teria encurtado essa segunda linha, ao que parece, o designer tentou “pular” linhas quando aparecem
vírgulas, acredito que não funcionou bem.
-A tipografia funciona bem com o cartaz minimalista, onde não se precisa usar imagens chocantes para
alarmar o público.

4. Exemplo bom Nº 2

5. Exemplo bom Nº 2
- Grafite usando provavelmente uma fonte própria criada pelo artista, percebe-se que não houve um cuidado
de manter todas as letras iguais, como pode ser percebido no “S”, por ser uma peça vernacular, é aceitável.
- As letras apresentadas se diferenciam bem umas das outras, mas não fica claro saber se outras letras na
mesma fonte teriam uma Legibilidade tão boa
-A leiturabilidade, mesmo com uma fonte bem peculiar, se mantém boa, pois é somente uma palavra aplicada
com preto num fundo cinza, mas um texto grande provavelmente teria problemas, podemos constatar que o
tipo foi usado da sua melhor forma, como título.
-A diagramação está centralizada com o espaço e arte usadas, mas existe um problema de margem na parte
de cima, a peça ficaria mais interessante se aplicada um pouco mais embaixo deixando uma margem maior
acima
-O tipo sem serifa usado, é bastante estilizado e funciona muito bem com a ilustração abaixo e o cenário
urbano, acredito que nesse tipo de arte o ambiente também faz parte.

6. Exemplo bom Nº 3

7. Exemplo bom Nº 3
- Nesse exemplo, o designer conseguiu fazer uma mistura dos nossos caracteres com os coreanos, adaptando
o logo do filme “Rio 2”, em cofreano, 리오 . A sílaba “리” representa o “R” e o “i” coreanos, foi adicionado
um pingo no “i” para que ficasse mais parecido com a logo ocidental. Já a sílaba “오” são duas letra que
representam o fonema “O”, nesse caso o círculo teve mais destaque para lembrar o nosso “O”. O “R” também
foi modificado usando como inspiração o logo original, sendo transformado em um pássaro.
-Para quem conhece os caracteres coreanos ( até no meu caso que sou um iniciante no assunto), a fonte é de
boa Legibilidade, os caracteres, mesmo modificados são de fácil compreensão e facilmente diferenciados uns
dos outros.
-A leiturabilidade também está boa para uma peça de somente uma palavra, mas com um texto corrido
provavelmente haveriam problemas, pois as letras não estão alinhadas na base, mas para uma logo que quer
passar uma ideia de “divertida” isso é permitido.
-A diagramação e margem foram bem utilizadas dentro da peça, a palavra tem um bom destaque e espaço
para respirar mesmo dentro de uma peça com muitas ilustrações e cores
-Por falar em cores, foram utilizadas as mesmas cores do logo original e duma forma bem aplicada, o tipo está
em sintonia com o cartaz.

8. Exemplo ruim

9. Exemplo ruim
- Essa peça tem bastante coisa mas vou tentar focar em alguns aspectos
-O título é de fácil leiturabilidade e legibilidade, mas quando passamos para o subtítulo em amarelo, usando
uma fonte grossa e com serifa, já fica um pouco mais difícil de ler com uma pequena distância, as letras
parecem muito próximas e isso dificulta a leitura
-Quanto à diagramação e margens, a peça está ok. Podemos perceber que as manchas estão alinhadas e o
designer brinca com diferentes tipos de alinhamentos (central, esquerda e direita) sem comprometer a peça
-Um dos principais problemas é as cores usadas, podemos perceber que o texto em preto praticamente
desapareceu e as cores usadas na peça não possuem uma harmonia

10. Exemplo ruim
-Existe uma tentativa de destacar algumas palavras em amarelo no texto corrido mas podemos ver que a
única mudança que ele faz é de deixar palavras sem sentido soltas na arte
-Além disso, essas palavras destacas estão competindo com o subtítulo, por falar em competição, a hierarquia
da peça não foi bem desenvolvida, existem muitas manchas visuais e o usuário não sabe exatamente para
onde olhar
-Para finalizar, a aplicação de efeitos “stroke” em vermelho no tipo Stencil branco e o uso de um efeito
gradiente somam-se como efeitos clichês que deixam a peça menos elegante.

11. Exemplo ruim
Proposta

12. Exemplo ruim - Proposta
- A primeira mudança foi deixar a tipografia mais “flat”, evitando efeitos nas letras, melhorando o contraste e
deixando a peça mais elegante
-Eu mantive o “Stencil” por servir para o tema apresentado e por ser uma fonte boa para chamar atenção em
textos curtos, a outra fonte utilizada foi a”Communist” ( o nome influenciou na escolha também), uma fonte
bold e sem serifa que conversa bem com a “Stencil”. Ao usar os caracteres coreanos, essa fonte os deixa mais
finos, o que é bom, pois a peça original é destinada a estrangeiros, os nomes em coreano são somente para
informar algumas coisas básicas, sem mencionar que grande parte dos coreanos entende inglês.
-Outra mudança importante foi organizar toda a peça dentro de um grid alinhando as manchas de forma
mais organizada
- Por fim, as manchas foram modificadas para chamar atenção somente nos lugares mais importantes, e para
isso eu não precisei usar de outra cor como feito na peça original, mantive o vermelho e preto no background
e as letras somente em branco, mantendo um forte contraste

13. Obrigado!