Experimentos em Tipografia Digital 
Safari Tipográfico 
Sistemas e Mídias Digitais 
Raphael Carmo 
04/09/2014
Exemplo bom Nº 1
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.
Exemplo bom Nº 2
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.
Exemplo bom Nº 3
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.
Exemplo ruim
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
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.
Exemplo ruim 
Proposta
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
Obrigado!

Mais conteúdo relacionado

PPS
WorkShop de Produção Gráfica
PPTX
Pg n12 tipografia criativa (1)
PPSX
TIPOGRAFIA
PDF
Aula 1 aldeci
PDF
4 linguagem gráfica tipografia e cor
PDF
Aula - RGB, CMYK e PANTONE - Produção Gráfica
PPTX
A Tipografia como Retórica
WorkShop de Produção Gráfica
Pg n12 tipografia criativa (1)
TIPOGRAFIA
Aula 1 aldeci
4 linguagem gráfica tipografia e cor
Aula - RGB, CMYK e PANTONE - Produção Gráfica
A Tipografia como Retórica

Destaque (11)

PDF
Aula02 editoracao eletronica
PDF
O Panorama do design gráfico contemporâneo
PPT
Aula 04
PPT
As cores no design gráfico
PPTX
Produção Gráfica Aula 01 ementa produtor gráfico
PDF
Aula 6 - Comunicação Gráfica e Design
PPTX
PDF
Tipografia
PDF
Tipografia - Noções Básicas
PPT
Aula básica sobre as cores
PPT
Produção gráfica
Aula02 editoracao eletronica
O Panorama do design gráfico contemporâneo
Aula 04
As cores no design gráfico
Produção Gráfica Aula 01 ementa produtor gráfico
Aula 6 - Comunicação Gráfica e Design
Tipografia
Tipografia - Noções Básicas
Aula básica sobre as cores
Produção gráfica
Anúncio

Último (17)

PDF
-Esbocos-no-evangelho-de-lucas.pdfffffffff
PPTX
CUBISMO, o ensino de artes no ensino médio.pptx
PDF
Fitogeografia_.pdfSSSSSDGEIGARFsksososkdkid
PDF
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
PDF
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
PPTX
donsespirituais-estudodomingo-250530161307-cdc825db.pptx
PPTX
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
PPTX
Frontend : conceitos e aplicações- 01.pptx
PPTX
Plano cartesiano_ coordenadas no 1º quadrante.pptx
PDF
DOC-20250806-WA0031._20250806_140925_0000.pdf
PPTX
Chamada oral geo.pptx_Chamada oral feita PPT
PDF
Metodologia projetual na construção de Ilustrações
PDF
inteligenciacompetitiva-contextualizao-1.pdf
PDF
molde do jake de hora de aventura feito por IA
PPTX
Trabalho, Energia e Potncia. e seus diferentes
PDF
Inflamação Aguda.pdfassasasasasasasasssassa
PPTX
introduobblica-121003071240-phpapp02.pptx
-Esbocos-no-evangelho-de-lucas.pdfffffffff
CUBISMO, o ensino de artes no ensino médio.pptx
Fitogeografia_.pdfSSSSSDGEIGARFsksososkdkid
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
donsespirituais-estudodomingo-250530161307-cdc825db.pptx
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
Frontend : conceitos e aplicações- 01.pptx
Plano cartesiano_ coordenadas no 1º quadrante.pptx
DOC-20250806-WA0031._20250806_140925_0000.pdf
Chamada oral geo.pptx_Chamada oral feita PPT
Metodologia projetual na construção de Ilustrações
inteligenciacompetitiva-contextualizao-1.pdf
molde do jake de hora de aventura feito por IA
Trabalho, Energia e Potncia. e seus diferentes
Inflamação Aguda.pdfassasasasasasasasssassa
introduobblica-121003071240-phpapp02.pptx
Anúncio

Safari Raphael

  • 1. Experimentos em Tipografia Digital Safari Tipográfico Sistemas e Mídias Digitais Raphael Carmo 04/09/2014
  • 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.
  • 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.
  • 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.
  • 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.
  • 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