Apostila de Layout de Sites
(e um mini-curso online)
aceito receber e-mails EuCurso

Conteúdo do Ebook:

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