DESIGN DE INTERFACES

DIGITAIS
Manoel Deisson Xenofonte
Tipografia cores e grids
Tamanho de fontes em telas tela
Tamanho de fontes em telas 12 – 21 – 16 é o 12 do
impresso
Tamanho de fontes em telas 12(P) – 21(H)
“17 é o 12 do impresso”
Entrelinha
Entrelinha
Entrelinha

Corpo 14px, entrelinha

20px (Aproximadamente
150%)

O padrão na maioria dos

softwares é 120%
Entrelinha
Tags
Ícones - https://thenounproject.com/
https://icons8.com.br/icons/new

https://fonts.google.com/icons?selected=Material+I
cons

https://linearicons.com/free

https://glyphicons.com/
Escalabilidade
e interação
Ícones, pictóricos, metafóricos e abstratos
 Alinhamentos e grids

1. Columns
2. Gutters
3. Margins
 Alinhamentos e grids

1. Columns
2. Gutters
3. Margins
 Alinhamentos e grids

1. Columns
2. Gutters
3. Margins
Alinhamentos e grids
Alinhamentos e grids
Alinhamentos e grids
Responsividade x Mobile first
Responsividade x Mobile first
Responsividade x Mobile first
https://materializecss.com/grid.html
Tamanhos e Resoluções de telas:

https://screensiz.es/phone
Cores

http://colormind.io/bootstrap/

https://contrastchecker.com/
Style guides
Style guides
Style guides
Style guides

http://styletil.es/