美工神話：Dreamweavrt+photoshop+Flash網(wǎng)頁(yè)設(shè)計(jì)與美化

第一篇 色彩與布局篇
第1章 色彩基礎(chǔ)知識(shí) 2
1.1 色彩理論 3
1.1.1 光與色彩 3
1.1.2 物體色 3
1.1.3 色彩三屬性 4
1.2 常用色彩基本概念 6
1.2.1 色相環(huán) 6
1.2.2 三原色 6
1.2.3 間色與復(fù)色 7
1.2.4 同類(lèi)色 7
1.2.5 鄰近色 8
1.2.6 補(bǔ)色 8
1.3 色彩的情感 8
1.3.1 色彩的心理效應(yīng) 8
1.3.2 色彩的冷暖 9
1.4 網(wǎng)頁(yè)色彩技術(shù) 10
1.4.1 216網(wǎng)頁(yè)安全色 10
1.4.2 HTML語(yǔ)言中的顏色值表示 10
1.5 色彩管理 11
第2章 網(wǎng)頁(yè)中色彩的應(yīng)用 13
2.1 網(wǎng)頁(yè)設(shè)計(jì)與色彩 14
2.2 色彩對(duì)比 14
2.2.1 色相對(duì)比 14
2.2.2 明度對(duì)比 16
2.2.3 純度對(duì)比 17
2.2.4 冷暖對(duì)比 18
2.2.5 面積對(duì)比 18
2.3 色彩調(diào)和 19
2.3.1 同種色的調(diào)和 19
2.3.2 類(lèi)似色的調(diào)和 20
2.3.3 對(duì)比色的調(diào)和 20
2.3.4 漸變色的調(diào)和 21
2.4 網(wǎng)頁(yè)色彩搭配 21
2.4.1 色彩的功能角色 21
2.4.2 基于色相的配色 22
2.4.3 基于色調(diào)的配色 27
2.4.4 標(biāo)準(zhǔn)色配色 29
2.4.5 漸變配色 30
第3章 網(wǎng)頁(yè)布局與版面設(shè)計(jì) 31
3.1 概述 32
3.1.1 網(wǎng)頁(yè)版面大小 32
3.1.2 第一屏 33
3.2 網(wǎng)頁(yè)布局的3種基礎(chǔ)結(jié)構(gòu) 34
3.2.1 欄式結(jié)構(gòu) 34
3.2.2 區(qū)域結(jié)構(gòu) 35
3.2.3 非規(guī)律框架 36
第二篇 網(wǎng)頁(yè)元素設(shè)計(jì)篇
第4章 VI設(shè)計(jì)與網(wǎng)站Logo 40
4.1 企業(yè)VI設(shè)計(jì) 41
4.1.1 企業(yè)CIS與VI的含義 41
4.1.2 VI設(shè)計(jì)的分類(lèi) 41
4.1.3 企業(yè)標(biāo)志設(shè)計(jì) 43
4.2 網(wǎng)站VI設(shè)計(jì) 44
4.2.1 設(shè)計(jì)網(wǎng)站的標(biāo)志(Logo) 44
4.2.2 設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩 44
4.2.3 設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體 44
4.3 網(wǎng)站Logo設(shè)計(jì) 46
4.3.1 房地產(chǎn)網(wǎng)站靜態(tài)Logo制作 46
4.3.2 企業(yè)網(wǎng)站動(dòng)態(tài)Logo制作 49
4.4 網(wǎng)站鏈接Logo制作 53
第5章 網(wǎng)站導(dǎo)航與按鈕 60
5.1 概述 61
5.2 游戲網(wǎng)站靜態(tài)導(dǎo)航制作 63
5.3 軟件公司靜態(tài)導(dǎo)航制作 65
5.4 建設(shè)集團(tuán)Flash導(dǎo)航制作 71
5.4.1 靜態(tài)界面制作 71
5.4.2 Banner動(dòng)畫(huà)制作 75
5.4.3 導(dǎo)航動(dòng)畫(huà)制作 78
5.5 網(wǎng)站獨(dú)立按鈕制作 83
5.5.1 網(wǎng)絡(luò)廣告按鈕制作 84
5.5.2 表單按鈕制作 87
第6章 網(wǎng)絡(luò)廣告與動(dòng)畫(huà) 90
6.1 網(wǎng)絡(luò)廣告概述 91
6.1.1 網(wǎng)絡(luò)廣告的表現(xiàn)形式 91
6.1.2 常見(jiàn)網(wǎng)絡(luò)廣告類(lèi)型 92
6.1.3 網(wǎng)絡(luò)廣告的色彩應(yīng)用 94
6.2 智豐生活網(wǎng)Flash橫幅廣告 96
6.2.1 制作動(dòng)畫(huà)素材元件 96
6.2.2 合成動(dòng)畫(huà) 100
6.3 香水靜態(tài)彈出窗口廣告 102
6.4 Flash手機(jī)廣告 107
6.4.1 制作廣告背景 107
6.4.2 制作爆炸效果 110
6.4.3 制作廣告語(yǔ)動(dòng)畫(huà) 112
6.4.4 制作第二部分動(dòng)畫(huà)效果 113
6.5 焦點(diǎn)圖片廣告 116
第7章 網(wǎng)頁(yè)中的圖像 121
7.1 網(wǎng)頁(yè)常用圖像格式 122
7.2 網(wǎng)頁(yè)背景圖像 123
7.2.1 斜線圖案背景制作 124
7.2.2 無(wú)縫圖案背景制作 127
7.2.3 漸變背景制作 129
7.3 網(wǎng)頁(yè)插圖 130
7.3.1 透明背景圖像 131
7.3.2 背景馬賽克插圖 134
7.3.3 蝶夢(mèng)人物插圖 136
7.3.4 矢量人物插圖 140
第8章 網(wǎng)頁(yè)中的文字 149
8.1 文字在網(wǎng)頁(yè)中的應(yīng)用 150
8.1.1 特效文字 150
8.1.2 內(nèi)容文字 151
8.2 常見(jiàn)特效文字制作 153
8.2.1 凝膠字 153
8.2.2 殘破文字 155
8.2.3 金屬發(fā)光字 159
8.2.4 連體字 163
第9章 應(yīng)用CSS美化與布局網(wǎng)頁(yè) 168
9.1 CSS概述 169
9.1.1 CSS的基本語(yǔ)法 169
9.1.2 使用CSS控制頁(yè)面 170
9.1.3 CSS的編輯環(huán)境 172
9.2 圖文混排 173
9.2.1 應(yīng)用DIV構(gòu)建網(wǎng)頁(yè)框架 173
9.2.2 應(yīng)用CSS實(shí)現(xiàn)圖文混排 176
9.3 立體效果的表單按鈕 180
9.4 創(chuàng)建個(gè)性化鼠標(biāo)指針樣式 183
9.5 漂亮的IE滾動(dòng)條 186
9.6 網(wǎng)站動(dòng)態(tài)導(dǎo)航 189
9.7 圖片滾動(dòng)下拉效果 195
第三篇 網(wǎng)頁(yè)設(shè)計(jì)典型案例篇
第10章 藝萃商業(yè)網(wǎng)站片頭設(shè)計(jì)與制作 200
10.1 設(shè)計(jì)定位 201
10.2 動(dòng)畫(huà)分析與效果預(yù)覽 202
10.3 素材準(zhǔn)備 203
10.4 開(kāi)場(chǎng)動(dòng)畫(huà)制作 204
10.5 主動(dòng)畫(huà)制作 206
10.5.1 圖片切換效果 206
10.5.2 舞動(dòng)的線條 208
10.5.3 波浪起伏效果 209
10.5.4 畫(huà)面切換效果 212
10.5.5 圖片滾動(dòng)效果 214
10.6 其他動(dòng)畫(huà)元素制作 216
10.6.1 Logo動(dòng)畫(huà)制作 216
10.6.2 按鈕與廣告詞動(dòng)畫(huà)制作 218
10.6.3 圓圈特效制作 220
10.7 頁(yè)面后期制作 222
第11章 豪盛家私網(wǎng)站設(shè)計(jì)與制作 227
11.1 網(wǎng)站策劃 228
11.1.1 明確創(chuàng)建網(wǎng)站的目的和用戶(hù)需求 228
11.1.2 出具網(wǎng)站策劃書(shū) 229
11.2 小型商業(yè)網(wǎng)站設(shè)計(jì)的特點(diǎn) 229
11.2.1 以產(chǎn)品為主的企業(yè)網(wǎng)站 229
11.2.2 以形象為主的企業(yè)網(wǎng)站 230
11.3 豪盛家私網(wǎng)站設(shè)計(jì) 232
11.3.1 網(wǎng)站策劃 232
11.3.2 首頁(yè)的版面設(shè)計(jì) 233
11.4 豪盛家私網(wǎng)站后期制作 241
11.4.1 切割設(shè)計(jì)稿 241
11.4.2 制作導(dǎo)航動(dòng)畫(huà) 243
11.4.3 制作網(wǎng)頁(yè) 249
第12章 省客網(wǎng)網(wǎng)站設(shè)計(jì) 261
12.1 首頁(yè)效果預(yù)覽 262
12.2 網(wǎng)站色彩與結(jié)構(gòu) 263
12.3 首頁(yè)的版面設(shè)計(jì) 263
12.3.1 制作導(dǎo)航欄 263
12.3.2 第一屏主要內(nèi)容的制作 266
12.3.3 其他重要內(nèi)容的制作 268