Este documento fornece uma introdução às bases do design gráfico, incluindo tipografia, cor, e composição. Explica como escolher e usar cores, tipos de letra e organizar elementos visuais de forma equilibrada. Fornece dicas sobre como criar uma grelha, usar a regra dos terços em fotografias e ferramentas digitais para designers.

1. Introdução
ao Design Gráfico
Guidelines para dar bom aspeto ao seu trabalho

2. Fazer design gráfico é resolver
problemas através de signos.
Os signos são a unidade de comunicação que
contém um significante e um significado.

3. tipografia + cor + composição
Estas são as bases do design gráfico.

4. Cor
Uma das bases do design gráfico

5. Esquema primordial das cores primárias, secundárias e terciárias.

6. Cores
primárias
amarelo, vermelho e azul
Aquelas que não podem ser
obtidas a partir da mistura de
outras cores mas que, quando
misturadas, formam todas as
outras cores.

7. Cores
secundárias
laranja, verde e roxo
Aquelas que se formam a
partir da fusão das cores
primárias.

8. Cores
terciárias
verde ervilha, azul
esverdeado, etc.
Aquelas que se formam a
partir da fusão das cores
terciárias.

9. A psicologia
das cores
Como escolher uma cor?
Cada cor estimula o cérebro de
forma singular, despertando
diferentes emoções.
Assim, devemos escolher as cores de
forma criteriosa para maximizar a
perceção da mensagem que
pretendemos transmitir.

10. transmitem
calma e harmonia
transmitem
vida e energia
transmitem
sobriedade

11. Alguns
exemplos
Branco: pureza, paz, divindade
Preto: negativo, sobriedade, miséria
Cinza: tristeza, chão, velhice
Vermelho: calor, dinamismo, apetite
Rosa: ternura
Azul: pureza, fé, céu
Laranja: prazer, êxtase, dureza, euforia
Roxo: mistério, egoísmo, espiritualidade
Verde: bem-estar, saúde, paz

12. Branco: inocência, paz, divindade, calma, harmonia, morte (na cultura oriental), batismo, casamento, cisne, lírio, neve, ordem,
simplicidade, limpeza, bem, pureza
Preto: sujidade, sombra, fumo, miséria, pessimismo, melancolia, seriedade, expressivo, angustiante
Cinza: pó, chuva, neblina, tédio, tristeza, velhice, passado, seriedade
Vermelho: guerra, sol, fogo, atenção, mulher, conquista, coragem, furor, vigor, glória, ira, emoção, paixão, emoção, ação,
agressividade, perigo, dinamismo, baixeza, energia, revolta, calor, violência
Laranja: prazer, êxtase, dureza, euforia, outono, aurora, festa, luminosidade, tentação, senso de humor, fogo
Amarelo: egoísmo, ciúmes, inveja, prazer, conforto, alerta, esperança, verão, limão, calor, luz, euforia
Verde: frescor, floresta, mar, verão, adolescência, bem-estar, paz, saúde, esperança, liberdade
Azul: frio, mar, céu, horizonte, intelectualidade, paz, serenidade, fidelidade, confiança, harmonia, afeto, amizade, verdade
Roxo: fantasia, mistério, egoísmo, espiritualidade, noite, aurora, sonho, justiça, delicadeza
Violeta: calma, dignidade, estima, valor, miséria, roubo, afetividade, miséria, calma, violência, agressão
Vermelho-alaranjado: sexualidade, agressão, competição, operacionalidade, desejo, excitação, domínio
Nota: A perceção da cor depende da cultura onde ela é utilizada.
+ detalhes
Perceção das cores

13. Como escolher
uma palete?
devemos escolher à volta de
3 cores para cada projeto
Uma das quais será escolhida como
cor primária, uma segunda como
complementar e uma terceira como
secundária.

14. Como usar
as cores
escolhidas?
A cor principal deve estar presente em
maioria.
A cor secundária deve estar patente em
informação menos importante
A cor complementar dever ser usada em
destaques e com gerida com moderação.

15. Maus
exemplos
No exemplo superior o
designer excedeu o número de
tons recomendado e não
utilizou cores sóbrias para
transmitir confiança.
No exemplo inferior o designer
abusou da palete o que
resultou na dificuldade em ler o
conteúdo.

16. + detalhes
Teoria das cores

17. Dicas úteis
dicas simples a não quebrar
Não usar amarelo sobre branco porque
não tem contraste suficiente.
Não usar vermelho sobre verde e vice-
versa porque vibra demasiado.
Não usar textos longos em branco
sobre preto porque cansa a leitura.
Nota: Esta informação é especialmente
útil na construção de projeções (via
PowerPoint, por exemplo).

18. Ferramentas
gratuitas para a
escolha de cores
É necessário algum tempo e treino para
dominar a sensibilidade cromática, contudo
existem ferramentas online que disponibilizam
paletes bastante interessantes.
O Kuler (Adobe) é uma plataforma online que
disponibiliza boas ferramentas de escolha de
cores e uma infidade de paletes interessantes.
www.kuler.adobe.com

19. www.vimeo.com/61781463

20. Tipografia
Uma das bases do design gráfico

21. Tipografia
está em todos os
lugares
Desde as obras de arte aos
documentos que escrevemos,
a tipografia é utilizada em
inúmeros locais.

22. Tipografia
A tipografia é constituída por
um conjunto de signos
particularmente rico (uma vez
que torna a linguagem visível)
o que faz com que seja
fundamental o seu domínio no
na atividade de design gráfico.

23. Terminologia
importante
Tipo de letra (ou família):
Verdana, Arial, Georgia, etc.
Variações do tipo de letra:
Georgia normal
Georgia bold
Georgia itálico

24. Como escolher
tipografia?
classificação simplificada da
tipografia
A escolha da tipografia indicada à
mensagem que se pretende
transmitir requer alguma
experiência, contudo é possível fazer
uma seleção com noções básicas.

25. Serifada
Tipos de letra que contém apontamentos nas
extremidades das letras que guiam os olhos
do leitor de uma letra para outra, imprimindo
ritmo e facilitando a leitura impressa.
Exemplos:
Garamond, Humanistic, Aldine, etc.
Não serifada
Tipos de letra que não contem apontamentos,
são retos, utilizados em títulos, por exemplo.
As fontes sem serifa facilitam a leitura na web.
Exemplos:
Helvética, Verdana, Arial, Futura, etc.

27. Serifada
Moderno
Jovem
Dinâmico
Proactivo
Não serifada
Clássico
Seguro
Com história
Institucional

28. Alinhamento
justificar ou não justificar
Centralize ou justifique quando
o tema do gráfico for formal,
caso contrário não o justifique
e dê liberdade à tipografia.

29. Tipografia
a tipografia é uma
ferramenta visual
Dá forma ao conteúdo, dá à
linguagem um corpo físico e
possibilita o fluxo social das
mensagens.

30. Tipografia
A escolha de uma fonte pode ser
o fator determinante para o
sucesso ou fracasso de um
trabalho gráfico. Tal como
acontece com as cores, as fontes
possuem capacidade de veicular
diferentes sensações e emoções.

34. Tipografia
Como escolher a
tipografia indicada?
Algumas ideias gerais dos tipos
de letra a utilizar em várias
situações.

38. Algumas dicas na
escolha e uso de
tipografia
Embora subjetiva, deve considerar a
legibilidade das Fontes durante a sua
escolha, ou seja, a facilidade que o
leitor deve ter para reconhecer as
letras.
Igualmente, escrever frases ou
parágrafos em maiúsculas dificulta a
leitura.

39. Algumas dicas na
escolha e uso de
tipografia
Escolha 2 a 3 tipos de letra para cada
gráfico, apenas.
Cada Fonte deve caracterizar
diferentemente o título, o texto e
anotações, por exemplo.
Não escrever na vertical porque os tipos
de letra não são desenhados para tal.

41. www.vimeo.com/3829682

42. Tipografias mais
aconselhadas
quando a destreza na escolha de tipos
de letra ainda não está apurada
Não serifada
Arial, Helvetica, Verdana e Tahoma.
Serifada
Georgia, Times New Roman e Garamond.

43. Onde posso
obter tipografia?
há inúmeros sítios online,
mas estes são dos
melhores
www.google.com/fonts
www.dafont.com
www.fontsinuse.com

44. Como instalar
tipografia?
Basta arrastar os ficheiros para a
pasta painel de contro > tipos de
letra que eles serão
automaticamente instalados e
disponíveis para uso imediato.

45. + detalhes
Tabela periódica dos tipos de letra

46. Intervalo

47. Composição
Uma das bases do design gráfico

48. Composição
arrumar os vários elementos
Uma boa composição direciona o olhar do
seu público para os pontos importantes que
foram previamente selecionados e
preparados de forma cuidada.
A forma como os diferentes elementos
como fotografias, títulos, parágrafos,
citações, etc. são distribuídos pelo
ambiente tem consequências diretas na
compreensão da mensagem que se
pretende transmitir.

49. Hierarquia
O que é e para que
serve afinal?
Todos os projetos têm
elementos gráficos com
diferentes graus de
importância entre si.

54. Grelha
grelha: a deusa do design gráfico
A grelha é um esquema invisível (ou visível) onde
se organizam os diferentes elementos gráficos.
A grelha permite ao designer compor
rapidamente grandes quantidades de informação
numa página.
Criar uma grelha implica saber:
- a quantidade de texto e imagens que o gráfico
vai conter;
- os tipos de textos;
- a hierarquia dos vários elementos;
- a relação entre os diferentes elementos;
- a ligação entre os elementos e o público-alvo.

55. Grelha
modernista
a tipologia de grelha mais comum,
fácil e versátil
Neste tipo de grelha, os blocos têm todos o
mesmo tamanho e a informação é distribuída
por eles consoante a sua importância.
Os blocos podem formar grupos para dar
diferentes ênfases aos conteúdos.
Nota: Nunca preencha tudo, deixe algum
espaço em branco para não perder o foco.

60. Grelha simétrica
+ detalhes
Outros tipos de grelha
Grelha assimétrica Diagrama de Villard

61. Equilíbrio
fator importante e determinante
de qualquer trabalho gráfico
Equilibrar é distribuir com uniformidade os
elementos gráficos que compõem o projeto
tendo em conta a importância dos mesmos.
Um layout equilibrado não tem grandes
"buracos/discrepâncias" entre os textos, imagens
ou títulos.
Não só é importante ter um equilíbrio da
composição mas também da cor.

63. Algumas dicas
para a composição
A nossa cultura tende a analisar um objeto da
esquerda para a direita e de cima para baixo.
Use o canto superior esquerdo para colocar
um título ou informação importante.
Tipografia é 10% gestão dos caracteres, e
90% gestão do espaço branco.
Os espaços vazios reforçam a unidade de
grupos, harmonizam as áreas, aumentam o
contraste e facilitam a visualização e leitura.

64. Fotografia
De mãos dadas ao design gráfico
(módulo extra)

65. Regra
dos terços
uma regra fundamental quando o
design gráfico encontra a fotografia
Esta regra divide uma fotografia em três terços
verticais e horizontais para obter nove quadrados
imaginários.
O cruzamento das linhas revela quatro pontos de
interesse da imagem, ou seja, zonas onde devem
posicionar os elementos mais atraentes.

68. Escolha
boas imagens
perca algum tempo a procurar boas
imagens e esquemas, vai valer a pena
Há inúmeros locais online onde pode descarregar
imagens gratuitas.
Visite o Flickr, por exemplo.
www.flickr.com

69. Ferramentas
do designer
gráfico
há uma série de ferramentas gratuitas e
pagas para designers gráficos
Photoshop
Illustrator
InDesign
FireWorks
Gimp
etc.

70. Inspiração
há inúmeros websites onde se pode
inspirar… aqui ficam alguns:
www.behance.com
www.pinterest.com
www.500px.com

71. Exercício
final
abra um documento Word e crie um
currículo personalizado tendo em conta
os conhecimentos adquiridos
Não há limite no número de páginas.
A informação que o documento deve conter fica
ao seu critério.
Acima de tudo, faça-o com gosto, divirta-se!

72. Rúben Quadros Ramos
www.rubenramos.pt
rtqramos@gmail.com