SlideShare uma empresa Scribd logo
1 de 32
Baixar para ler offline
noções básicas de
planejamento visual
recursos gráficos e animação web
evandro manara miletto

INSTITUTO FEDERAL
Campus Porto Alegre
Baseado no livro
DESIGN PARA QUEM NÃO É DESIGNER
Robin Williams, 2ª edição
São Paulo : Callis. 2006
motivação
exemplo
Good design Is as Easy
as 1-2-3
1. Learn the principles
They’re simpler than you might think.
2. Recognize when you’re no using them.
Put it into words -- name the problem
3. Apply the principles.
You’ll be amazed.

um anúncio comum
alinhamento?
uso do espaços? (preenchimento)
quantos tópicos? 1 por linha?
os elementos são individuais?
relação entre elementos?
similaridade entre fontes?
como está a consistência?
dá pra melhorar?
de que forma?
C R A P

princípios básicos
roximidade
linhamento

epetição
ontraste

aplicar ordenação e distribuição
de elementos gráficos e objetos
da interface para melhor
condução do fluxo de leitura e
apresentação visual
contraste
diferenciar as coisas diferentes
destacar elementos dominantes
atenuar elementos secundários
desperta o interesse
criar dinamismo
cria ponto focal
cria hierarquia
direciona a atenção
contraste - como usar?
Good design Is As Easy
as 1-2-3

usando opostos
frente - fundo / escuro - claro / perto - longe

formas
cores
texto
gráficos
tamanhos

1
2
3
4
5

1. Learn the principles
They’re simpler than you might think.
2. Recognize when you’re no using them.
Put it into words -- name the problem
3. Apply the principles.
You’ll be amazed.

Good design
is as easy as ...

1
2
3

Learn the principles
They’re simpler than you might think.
Recognize when you’re no using them.
Put it into words -- name the problem
Apply the principles.
You’ll be amazed.
contraste - dicas
não tenha medo do contraste
aumente coisas importantes, diminua as demais
se 2 objetos se parecem, faça-os parecerem
se 2 objetos são diferentes, diferencie-os
use contraste entre texto e fundo
está demais? não! - evite distração visual
contraste - exemplo
contraste?
repetição

princípio da consistência

numa página simples
cria organização
cria interesse
unifica os elementos da página

em todo o site
estabelece uma identidade gráfica consistente
torna o site distinto e memorável
permite que se aprenda como usar o site
repetição - como usar?
repetir padrões (elementos visuais) do
design na tela e em toda o site
cores
ilustrações

1

logo/marca

1. Learn the principles
They’re simpler than you might think.
2. Recognize when you’re no using them.
Put it into words -- name the problem
3. Apply the principles.
You’ll be amazed.

Good design
is as easy as ...

leiaute
tipografia
navegação

Good design Is As Easy
as 1-2-3

2

1
2
3
3

Learn the principles
They’re simpler than you might think
Recognize when you’re no using them.
Put it into words -- name the problem
Apply the principles.
You’ll be amazed

4
repetição - dicas
use uma grade de leiaute
estabeleça um estilo. repita-o
pense nas funcionalidades que podem ser repetidas
repetição
links, listas e títulos inconsistentes
alinhamento
fornece um visual limpo e sofisticado
a página parece bem projetada
organiza a página
ajuda na visualização
cria linhas invisíveis, dirigindo o olho para onde
tem que ir
alinhamento - como usar?
cada elemento tem que ter uma
conexao visual com outros elementos
na tela
1
nada deve ser colocado
arbitrariamente

Good design Is As Easy
as 1-2-3
1. Learn the principles
They’re simpler than you might think.
2. Recognize when you’re no using them.
Put it into words -- name the problem
3. Apply the principles.
You’ll be amazed.

Good design
is as easy as ...

1
2
3
2

Learn the principles
They’re simpler than you might think
Recognize when you’re no using them.
Put it into words -- name the problem
Apply the principles.
You’ll be amazed

3

4
alinhamento - dicas
blocos centralizados, ok. texto, melhor não!
enfatize alinhamentos naturais
alinhe tanto vertical como horizontalmente
usar grade de leiaute
considerar balanço e simetria
lembrar da regra dos terços
alinhamento - exemplo
alinhamento?
proximidade
quando itens estão próximos, eles formam
uma unidade visual em vez de várias
unidades separadas
ajuda a organizar a informação e reduzir a
desordem
proximidade - como usar?
agrupe conjuntamente elementos
relacionados

Good design Is As Easy
as 1-2-3

usar espaço em branco para comunicar
elementos diferentes
atenção:
espaço entre objetos
sua posição no contexto
a distância entre objetos
e borda da página
2

1. Learn the principles
They’re simpler than you might think.
2. Recognize when you’re no using them.
Put it into words -- name the problem
3. Apply the principles.
You’ll be amazed.

Good design

1

1
2
3

3

is as easy as ...

Learn the principles
They’re simpler than you might think
Recognize when you’re no using them.
Put it into words -- name the problem
Apply the principles.
You’ll be amazed
proximidade - dicas
agrupar elementos de navegação comuns
aproximar títulos do seu texto (legenda)
reduzir espaços entre imagens e seu texto
correspondente
usar espaço branco
proximidade?
mesmo espaço antes e depois dos títulos, frases, subtitulos, etc.
como o olho é guiado?
CRAP dá dica de como proceder a leitura

título
subtítulo
ordem/numeração
ponto principal
ponto secundário

Good design
is as easy as ...

1
2
3

Learn the principles
They’re simpler than you might think
Recognize when you’re no using them.
Put it into words -- name the problem
Apply the principles.
You’ll be amazed
outro exemplo
versão original
aplicando proximidade
aplicando alinhamento
aplicando contraste
aplicando repetição
antes e depois

Mais conteúdo relacionado

Mais procurados

Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
Wunderman
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
renatamruiz
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
Elizeu Nascimento Silva
 

Mais procurados (20)

Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Tipografia
TipografiaTipografia
Tipografia
 
Editoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da PáginaEditoração Eletrônica Aula3 - Zonas de Visualização da Página
Editoração Eletrônica Aula3 - Zonas de Visualização da Página
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Sistema de identidade visual
Sistema de identidade visualSistema de identidade visual
Sistema de identidade visual
 
Aula 06 linguagem visual
Aula 06   linguagem visualAula 06   linguagem visual
Aula 06 linguagem visual
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 

Destaque

Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicos
renatamruiz
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
aulasdejornalismo
 
Recursos Áudio Visuais
Recursos Áudio VisuaisRecursos Áudio Visuais
Recursos Áudio Visuais
Labted UEL
 
Informação visual
Informação visualInformação visual
Informação visual
Paulo Matos
 
Tipografia web
Tipografia webTipografia web
Tipografia web
aldiablo
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
angelicaferraz
 
NoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento VisualNoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento Visual
Robes Rocha
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Luiza Amaral
 

Destaque (20)

Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicos
 
Contraste - Categoria Conceitual Fundamental da Gestalt
Contraste -  Categoria Conceitual Fundamental da GestaltContraste -  Categoria Conceitual Fundamental da Gestalt
Contraste - Categoria Conceitual Fundamental da Gestalt
 
Planejamento visual gráfico
Planejamento visual gráficoPlanejamento visual gráfico
Planejamento visual gráfico
 
5 conceitos da diagramação
5 conceitos da diagramação5 conceitos da diagramação
5 conceitos da diagramação
 
001 Planejamento Visual
001 Planejamento Visual001 Planejamento Visual
001 Planejamento Visual
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Planejamento Visual na Diagramação
Planejamento Visual na DiagramaçãoPlanejamento Visual na Diagramação
Planejamento Visual na Diagramação
 
Recursos Áudio Visuais
Recursos Áudio VisuaisRecursos Áudio Visuais
Recursos Áudio Visuais
 
Informação visual
Informação visualInformação visual
Informação visual
 
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...Semana  0: Computadores, linguagens e linguagens de programação, Noções de al...
Semana 0: Computadores, linguagens e linguagens de programação, Noções de al...
 
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFSFundamentos da Computação para o DCOMP - Departamento de Computação da UFS
Fundamentos da Computação para o DCOMP - Departamento de Computação da UFS
 
Tipografia web
Tipografia webTipografia web
Tipografia web
 
Brazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program DebriefingBrazilian-Canada - Fellowship Exchange Program Debriefing
Brazilian-Canada - Fellowship Exchange Program Debriefing
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
NoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento VisualNoçõEs BáSicas De Planejamento Visual
NoçõEs BáSicas De Planejamento Visual
 
Présentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - CanadáPrésentation CloudIA - coopération internationale Brésil - Canadá
Présentation CloudIA - coopération internationale Brésil - Canadá
 
Tutorial Stripcreator
Tutorial StripcreatorTutorial Stripcreator
Tutorial Stripcreator
 
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia FascioneGestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
Gestalt - Percepção da Forma - Categorias Fundamentais - Ligia Fascione
 
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
Senac - Curso Técnico em Sáude e Segurança do Trabalho 2015
 
Jean Giraud, "Moebius"
Jean Giraud, "Moebius"Jean Giraud, "Moebius"
Jean Giraud, "Moebius"
 

Semelhante a Noções de planejamento visual

Orientações para a elaboração do poster
Orientações para a elaboração do posterOrientações para a elaboração do poster
Orientações para a elaboração do poster
auspin
 
Dicas 100506053110-phpapp01
Dicas 100506053110-phpapp01Dicas 100506053110-phpapp01
Dicas 100506053110-phpapp01
jtoscan
 

Semelhante a Noções de planejamento visual (20)

Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Design de Experiência do Cliente / Usuário (UX)
Design de Experiência do Cliente / Usuário (UX)Design de Experiência do Cliente / Usuário (UX)
Design de Experiência do Cliente / Usuário (UX)
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Desing
DesingDesing
Desing
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Se Liga Concórdia
Se Liga ConcórdiaSe Liga Concórdia
Se Liga Concórdia
 
aula-6_principios_design.pdf
aula-6_principios_design.pdfaula-6_principios_design.pdf
aula-6_principios_design.pdf
 
Dicas
DicasDicas
Dicas
 
Orientações para a elaboração do poster
Orientações para a elaboração do posterOrientações para a elaboração do poster
Orientações para a elaboração do poster
 
Planejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicosPlanejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicos
 
Apresentação principios do design share
Apresentação principios do design shareApresentação principios do design share
Apresentação principios do design share
 
TIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPressTIRO! BERRO! LACRE! com WordPress
TIRO! BERRO! LACRE! com WordPress
 
Como usar o Canva
Como usar o CanvaComo usar o Canva
Como usar o Canva
 
Analise Exploratoria Card Sorting
Analise Exploratoria Card SortingAnalise Exploratoria Card Sorting
Analise Exploratoria Card Sorting
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
Eficiência Na Aprendizagem
Eficiência Na AprendizagemEficiência Na Aprendizagem
Eficiência Na Aprendizagem
 
Dicas 100506053110-phpapp01
Dicas 100506053110-phpapp01Dicas 100506053110-phpapp01
Dicas 100506053110-phpapp01
 
Hubble
HubbleHubble
Hubble
 
Recursos
RecursosRecursos
Recursos
 
Recursos
RecursosRecursos
Recursos
 

Mais de Evandro Manara Miletto

Mais de Evandro Manara Miletto (20)

Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
Redes Sociais e Fabricação Digital na Construção de Objetos para Apoio a...
 
Estágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no CanadáEstágio de Pesquisa Aplicada e Inovação no Canadá
Estágio de Pesquisa Aplicada e Inovação no Canadá
 
WAITS - Water Quality Information System - SBIE 2013 / UNICAMP
WAITS - Water Quality Information System - SBIE 2013 / UNICAMPWAITS - Water Quality Information System - SBIE 2013 / UNICAMP
WAITS - Water Quality Information System - SBIE 2013 / UNICAMP
 
Mobilidade Acadêmica - experiências e considerações.
Mobilidade Acadêmica - experiências e considerações.Mobilidade Acadêmica - experiências e considerações.
Mobilidade Acadêmica - experiências e considerações.
 
Pure data - Introdução
Pure data - IntroduçãoPure data - Introdução
Pure data - Introdução
 
Equallizacao
EquallizacaoEquallizacao
Equallizacao
 
Compressao
CompressaoCompressao
Compressao
 
Logica Digital
Logica DigitalLogica Digital
Logica Digital
 
historia dos computadores e sistemas numéricos
historia dos computadores e sistemas numéricoshistoria dos computadores e sistemas numéricos
historia dos computadores e sistemas numéricos
 
Internacionalização do IFRS
Internacionalização do IFRSInternacionalização do IFRS
Internacionalização do IFRS
 
Navegando no @mbiente
Navegando no @mbienteNavegando no @mbiente
Navegando no @mbiente
 
Formulário HTML
Formulário HTMLFormulário HTML
Formulário HTML
 
HTTP - Visão geral
HTTP - Visão geralHTTP - Visão geral
HTTP - Visão geral
 
Php aula1
Php aula1Php aula1
Php aula1
 
Java script1
Java script1Java script1
Java script1
 
Java script2
Java script2Java script2
Java script2
 
Internet
InternetInternet
Internet
 
Funcao PHP
Funcao PHPFuncao PHP
Funcao PHP
 
Som - conceitos básicos
Som - conceitos básicosSom - conceitos básicos
Som - conceitos básicos
 
MIDI - Introdução
MIDI - IntroduçãoMIDI - Introdução
MIDI - Introdução
 

Noções de planejamento visual

  • 1. noções básicas de planejamento visual recursos gráficos e animação web evandro manara miletto INSTITUTO FEDERAL Campus Porto Alegre
  • 2. Baseado no livro DESIGN PARA QUEM NÃO É DESIGNER Robin Williams, 2ª edição São Paulo : Callis. 2006
  • 4. exemplo Good design Is as Easy as 1-2-3 1. Learn the principles They’re simpler than you might think. 2. Recognize when you’re no using them. Put it into words -- name the problem 3. Apply the principles. You’ll be amazed. um anúncio comum alinhamento? uso do espaços? (preenchimento) quantos tópicos? 1 por linha? os elementos são individuais? relação entre elementos? similaridade entre fontes? como está a consistência?
  • 5. dá pra melhorar? de que forma?
  • 6. C R A P princípios básicos roximidade linhamento epetição ontraste aplicar ordenação e distribuição de elementos gráficos e objetos da interface para melhor condução do fluxo de leitura e apresentação visual
  • 7. contraste diferenciar as coisas diferentes destacar elementos dominantes atenuar elementos secundários desperta o interesse criar dinamismo cria ponto focal cria hierarquia direciona a atenção
  • 8. contraste - como usar? Good design Is As Easy as 1-2-3 usando opostos frente - fundo / escuro - claro / perto - longe formas cores texto gráficos tamanhos 1 2 3 4 5 1. Learn the principles They’re simpler than you might think. 2. Recognize when you’re no using them. Put it into words -- name the problem 3. Apply the principles. You’ll be amazed. Good design is as easy as ... 1 2 3 Learn the principles They’re simpler than you might think. Recognize when you’re no using them. Put it into words -- name the problem Apply the principles. You’ll be amazed.
  • 9. contraste - dicas não tenha medo do contraste aumente coisas importantes, diminua as demais se 2 objetos se parecem, faça-os parecerem se 2 objetos são diferentes, diferencie-os use contraste entre texto e fundo está demais? não! - evite distração visual
  • 12. repetição princípio da consistência numa página simples cria organização cria interesse unifica os elementos da página em todo o site estabelece uma identidade gráfica consistente torna o site distinto e memorável permite que se aprenda como usar o site
  • 13. repetição - como usar? repetir padrões (elementos visuais) do design na tela e em toda o site cores ilustrações 1 logo/marca 1. Learn the principles They’re simpler than you might think. 2. Recognize when you’re no using them. Put it into words -- name the problem 3. Apply the principles. You’ll be amazed. Good design is as easy as ... leiaute tipografia navegação Good design Is As Easy as 1-2-3 2 1 2 3 3 Learn the principles They’re simpler than you might think Recognize when you’re no using them. Put it into words -- name the problem Apply the principles. You’ll be amazed 4
  • 14. repetição - dicas use uma grade de leiaute estabeleça um estilo. repita-o pense nas funcionalidades que podem ser repetidas
  • 15. repetição links, listas e títulos inconsistentes
  • 16. alinhamento fornece um visual limpo e sofisticado a página parece bem projetada organiza a página ajuda na visualização cria linhas invisíveis, dirigindo o olho para onde tem que ir
  • 17. alinhamento - como usar? cada elemento tem que ter uma conexao visual com outros elementos na tela 1 nada deve ser colocado arbitrariamente Good design Is As Easy as 1-2-3 1. Learn the principles They’re simpler than you might think. 2. Recognize when you’re no using them. Put it into words -- name the problem 3. Apply the principles. You’ll be amazed. Good design is as easy as ... 1 2 3 2 Learn the principles They’re simpler than you might think Recognize when you’re no using them. Put it into words -- name the problem Apply the principles. You’ll be amazed 3 4
  • 18. alinhamento - dicas blocos centralizados, ok. texto, melhor não! enfatize alinhamentos naturais alinhe tanto vertical como horizontalmente usar grade de leiaute considerar balanço e simetria lembrar da regra dos terços
  • 21. proximidade quando itens estão próximos, eles formam uma unidade visual em vez de várias unidades separadas ajuda a organizar a informação e reduzir a desordem
  • 22. proximidade - como usar? agrupe conjuntamente elementos relacionados Good design Is As Easy as 1-2-3 usar espaço em branco para comunicar elementos diferentes atenção: espaço entre objetos sua posição no contexto a distância entre objetos e borda da página 2 1. Learn the principles They’re simpler than you might think. 2. Recognize when you’re no using them. Put it into words -- name the problem 3. Apply the principles. You’ll be amazed. Good design 1 1 2 3 3 is as easy as ... Learn the principles They’re simpler than you might think Recognize when you’re no using them. Put it into words -- name the problem Apply the principles. You’ll be amazed
  • 23. proximidade - dicas agrupar elementos de navegação comuns aproximar títulos do seu texto (legenda) reduzir espaços entre imagens e seu texto correspondente usar espaço branco
  • 24. proximidade? mesmo espaço antes e depois dos títulos, frases, subtitulos, etc.
  • 25. como o olho é guiado? CRAP dá dica de como proceder a leitura título subtítulo ordem/numeração ponto principal ponto secundário Good design is as easy as ... 1 2 3 Learn the principles They’re simpler than you might think Recognize when you’re no using them. Put it into words -- name the problem Apply the principles. You’ll be amazed