UNIDADE 1 ALFAMÍDIA DESIGN: LAYOUT DE SITES 5
1.1 SOBRE O CURSO . 5
1.2 ESTRUTURA DO CURSO 5
UNIDADE 2 A PROFISSÃO DE WEB DESIGNER. 6
2.1 O PROCESSO DE DESENVOLVIMENTO DE WEBSITES. 7
2.2 ESTUDO DE CASO: INOVAÇÃO EM PRODUTOS DE MÍDIA INTERATIVA 9
2.2.1 Metodologia do Projeto. 12
UNIDADE 3 TEORIAS DO DESIGN APLICADAS NA WEB 14
3.1 ATRAÇÃO CONDICIONAL 15
3.2 HARMONIA. 15
3.3 ALINHAMENTO. 16
3.4 SIMETRIA . 16
3.5 CORES 17
3.5.1 Acerte Sempre 19
3.5.2 Algumas Recomendações 21
3.6 SIMPLICIDADE 21
3.7 INTEGRAÇÃO 21
3.8 CONTRASTES 22
UNIDADE 4 TIPOGRAFIA. 23
4.1 PROPRIEDADES DA TIPOGRAFIA . 23
4.1.1 O Estilo das Fontes . 23
4.1.2 Separação entre Caracteres (Kerning) . 24
4.1.3 Entrelinhas 24
4.2 FAMÍLIAS DE FONTES . 25
4.2.1 Serifadas 26
4.2.2 Sem Serifa 26
4.2.3 Monoespaçadas. 27
4.2.4 Bitmap . 27
4.2.5 Caligráficas. 28
4.2.6 Fantasia. 28
4.3 LEGIBILIDADE 29
UNIDADE 5 GESTALT APLICADA A WEB . 31
5.1 A PREGNÂNCIA DA FORMA 31
5.2 PREGNÂNCIA NA WEB 33
UNIDADE 6 USABILIDADE NA WEB. 35
6.1 PROJETANDO UMA BOA EXPERIÊNCIA 36
6.1.1 Teste de Usabilidade . 37
6.1.2 Como Fazer? . 38
UNIDADE 7 MODELOS DE SITE 41
7.1 INSTITUCIONAIS . 42
Alfamídia Design: Layout de Sites
4 2008 Processor Alfamidia LTDA.
7.2 PORTAIS . 43
7.3 E-COMMERCE. 43
7.4 EXPERIMENTAIS . 44
7.5 HOTSITES . 44
UNIDADE 8 ANÚNCIOS, POP-UPS E DEMAIS ESPAÇOS PUBLICITÁRIOS . 46
8.1 OS BANNERS 47
8.1.1 Full Banner 47
8.1.2 Half Banner. 47
8.1.3 Banner “Botão” Padrão . 48
8.1.4 Banners “Botão” Quadrado . 48
8.1.5 Minibanners. 48
8.1.6 Banner Vertical . 49
8.1.7 Banner-faixa 49
8.1.8 Arranha-Céus ou Sky Scrapers 49
8.1.9 Outros Tipos de Banners. 49
8.2 OS POP-UPS 50
8.3 COMO ALCANÇAR EFICIÊNCIA COM BANNERS? . 51
UNIDADE 9 ANIMANDO IMAGENS PARA WEB. 53
9.1 A PALETA ANIMATION. 53
UNIDADE 10 CRIANDO SLICES/FATIAS. 63
10.1 CRIANDO FATIAS . 63
10.2 SALVANDO OS ARQUIVOS 65
10.3 SALVANDO COMO HTML E IMAGENS 67
UNIDADE 11 MONTAGEM DO LAYOUT COM DIVS . 70
11.1 USANDO DIV TAG 70
UNIDADE 12 PHOTOSHOP CS3 COM DREAMWEAVER CS3 . 78
12.1 VINCULANDO UM ARQUIVO PSD NO DREAMWEAVER CS3 79
12.2 USANDO O COMANDO COPY MERGE 81
12.3 INSERINDO OS TEXTOS . 82
UNIDADE 13 PHOTOSHOP CS3 COM FLASH CS3 85
13.1 IMPORTANDO UM ARQUIVO PSD PARA O FLASH CS3 86
UNIDADE 14 DREAMWEAVER CS3 COM FLASH CS3 91
14.1 EDITANDO UM SWF A PARTIR DO DREAMWEAVER CS3 92
UNIDADE 15 FAZENDO SEU PRÓPRIO LAYOUT 95
15.1 A IMPORTÂNCIA DE UM PORFIFÓLIO ONLINE . 95
15.2 O QUE DIVULGAR?. 95
15.3 ALGUNS CRITÉRIOS NA SELEÇÃO DOS TRABALHOS . 96