Beruflich Dokumente
Kultur Dokumente
ECRS
Melhor e Pior ?
1
Melhor e Pior ?
Sumrio
Desenho Visual
Cor
Texto
Escrita de Texto
2
Um desenho de ecr
3
Desenho de Ecrs
4
Desenho de Ecrs
5
Dividir Tarefa pelos Ecrs
Problema!
6
DESENHO VISUAL
Desenho Visual
Agrupamento
Ordenao
Decorao
Alinhamento
Espao em branco
7
Agrupamento e Estrutura
Order details:
item quantity cost/item cost
size 10 screws (boxes) 7 3.71 25.97
Ordenao
8
Decorao
Decorao
Caixas e linhas para separar
Tipo de texto (font), cor do texto e/ou
do fundo
Mas no muitas!
ABCDEFHIJKLM
NOPQRSTUVWXYZ
Alinhamento - Texto
Lemos da esquerda para a direita
Alinhar texto esquerda
9
Alinhamento - Nomes
Gregory
Russell
Abowd
Beale
Alan Dix
Janet Finlay
Alinhamento - Nomes
Gregory
Russell
Abowd
Beale
Abowd, Gregory
Beale, Russell
Alan Dix Dix , Alan
Janet Finlay Finlay, Janet
10
Alinhamento - Nomes
Gregory
Russell
Abowd
Beale
Abowd, Gregory
Beale, Russell
Alan Dix Dix , Alan
Janet Finlay Finlay, Janet
Alinhamento - Nmeros
Inteiros Direita
1
20
333
4444
765
12
123
11
Alinhamento - Nmeros
Inteiros Direita
Reais pela vrgula 627.865
1.005763
382.583
2502.56
432.935
2.0175
652.87
56.34
Alinhamento - Nmeros
Inteiros Direita
Reais pela vrgula
Evitar zeros esquerda (00016 > 00116 ?) 0001
0020
0333
0444
0765
0012
0123
12
Alinhamento - Nmeros
Inteiros Direita
Reais pela vrgula
Evitar zeros esquerda (00016 > 00116 ?)
Separar nmeros longos em grupos de 3 dgitos
(1828763863,76)
Alinhamento - Nmeros
Inteiros Direita
Reais pela vrgula
Evitar zeros esquerda (00016 > 00116 ?)
Separar nmeros longos em grupos de 3 dgitos
(1 828 763 863,76)
13
Alinhamento - Datas
Usar separadores normalizados (ex.4/4/04 ou 04:04:04)
Alinhamento - Datas
Usar separadores normalizados (ex.4/4/04 ou 04:04:04)
14
Alinhamento Mltiplas Colunas
Problema:
Fosso grande entre colunas Difcil
perceber correspondncia
sherbet 75
toffee 120
chocolate 35
fruit gums 27
coconut dreams 85
Solues
Usar guias
Realar linhas
Alinhar direita
(compromisso)
15
Espaos em Branco
Espaos em Branco
Estruturar
16
Espaos em Branco
Estruturar
Realar
(usado nas revistas e jornais)
EXEMPLO:
MICRO-ONDAS
17
Exemplo: Micro-ondas
Agrupamento
Exemplo: Micro-ondas
Agrupamento
Descongelar
18
Exemplo: Micro-ondas
Agrupamento
Descongelar
Tipo de comida
Exemplo: Micro-ondas
Agrupamento
Descongelar
Tipo de comida
Tempo
19
Exemplo: Micro-ondas
Agrupamento
Ordenao
1) Tipo de Cozedura
1
Exemplo: Micro-ondas
Agrupamento
Ordenao
1) Tipo de Cozedura
1
2) Temperatura
20
Exemplo: Micro-ondas
Agrupamento
Ordenao
1) Tipo de Cozedura
1
2) Temperatura
3) Tempo
2
3
Exemplo: Micro-ondas
Agrupamento
Ordenao
1) Tipo de Cozedura
1
2) Temperatura
3) Tempo
2
4) Incio/Fim
3
21
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Cores diferentes
funes diferentes
22
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Cores diferentes
funes diferentes
Linhas em torno de
botes relacionados
(aumentar/diminuir temperatura)
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Alinhamento
23
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Alinhamento
botes alinhados
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Alinhamento
Espaos em branco
24
Exemplo: Micro-ondas
Agrupamento
Ordenao
Decorao
Alinhamento
Espaos em branco
Original
25
Proximidade
Alinhamento
26
Contraste
Repetio
27
Repetio
Repetio
28
COR
CODIFICAO
PRINCPIOS E CONSELHOS
29
Modelo RBG da Cor
usado em computadores
Trs componentes
30
Contraste I
o Aumentar o contraste
Escurecer cores escuras
Clarear cores claras
Contraste II
31
Contraste III
32
Princpios e Conselhos (1/9)
Desenhar
primeiro
sem cor
optimizar
desenho
do ecr
33
Princpios e Conselhos (2/9)
34
Princpios e Conselhos (3/9)
35
Princpios e Conselhos (3/9)
36
Princpios e Conselhos (5/9)
37
Princpios e Conselhos (7/9)
38
Princpios e Conselhos (8/9)
A=B
Azul = Verde
39
Princpios e Conselhos (9/9)
40
Princpios e Conselhos (9/9)
41
Princpios e Conselhos (9/9)
TEXTO
42
Texto
Tipos
Legibilidade
Tamanho
Cor
Espaamento
Estilo
Disposio
Tipos de Texto
43
Dentro de um mesmo tipo
A A
44
Duas grandes famlias
A A
Legibilidade do Texto
Mas
45
Legibilidade do Texto
Mas
Legibilidade do Texto
oEficaz
No to Eficaz
46
Cor do Texto
Eficaz
No to eficaz
Tamanho de Texto
47
Espaamento
Tipo de Texto
48
Estilo de Texto
S MAISCULAS
ou s minsculas
Recomendaes
49
Recomendaes
Recomendaes
50
ESCRITA DE TEXTO
Escrita de Texto
Mensagens
Pedidos de informao
Instrues
51
Mensagens
Mensagens
Impressas 23 pginas
52
Mensagens
Mensagens
53
Mensagens
Mensagens
54
Mensagens
Mensagens
55
Mensagens
Mensagens
56
Mensagens
Introduza comando
Mensagens
Introduza comando
57
Mensagens
Mensagens
58
Pedidos de informao
Dilogo afirmativo,
Construtivo,
Consistente,
Especfico,
Claro,...
59
Resumo (1/2)
Resumo (2/2)
60
Referncias Adicionais
Tipografia na web
http://commmunity.linux.com/howtos/Font-
HOWTO/typography.shtml
http://desktoppub.about.com/cs/fonts/tp/
sansbodyfonts.htm
http://desktoppub.about.com/cs/finetypography/
ht/body_font.htm
http://www.will-harris.com/typoscrn.htm
http://www.pemberley.com/janeinfo/latin1.html
http://www.microsoft.com/typography/
Cor
http://www.webwhirlers.com/colors/
61