1.1網頁效果圖設計流程概述3
1.1.1創建輔助線3
1.1.2繪制結構底圖4
1.1.3添加內容5
1.1.4切片5
1.1.5優化6
1.1.6導出7
1.1.7布局9
1.2網站策劃10
1.2.1收集客戶數據10
1.2.2分析網站類型10
1.2.3確定網站風格11
1.3各類網站布局特點分析12
1.3.1信息網站13
1.3.2電子商務網站16
1.3.3互動遊戲網站18
1.3.4教育網站23
1.3.5功能性網站25
1.3.6綜合網站26
第二章網頁布局29
2.1網頁布局基礎30
2.1.1網頁中的基本元素30
2.1.2網頁的構成33
2.1.3網頁的空間和頁面大小36
2.1.4頁面元素的分布38
2.2網頁布局設計39
2.2.1布局方法39
2.2.2確定布局率40
網格設計43
2.3網頁布局分類45
2.3.1全布局表45
2.3.2交叉布局表45
2.3.3九宮格布局形式46
2 . 3 . 4 Mitzi 47的布局形式
2.4網頁布局技巧49
2.4.1黃金分割布局(完美的比例給人視覺享受)49
2.4.2左右對齊布局(不浪費空間，顯示商業圖像)52
2.4.3全景布局(吸引遊客興趣)53
2.4.4衛星布局(以太陽為中心的衛星環繞型)55
2.4.5照片組合布局(全景自由展示新世界)57
2.4.6環繞布局(有限效果)59
2.4.7零散布局(如山水畫般的自由與優雅)62
2.4.8單面平行布局(合理自由存在的布局設計)64
2.4.9對稱布局(以中心為基線，左右對稱)66
第三章網頁色彩設計69頁
3.1網頁設計元素-顏色70
3.1.1顏色決定印象70
3.1.2顏色印象不能改變71
3.1.3顏色無處不在，有多重效果。
3.2色彩的原理73
光和顏色73
3.2.2對象顏色74
3.2.3顏色類型75
3.2.4顏色元素76
3.3色環的作用79
3.3.1色環79的組成
3.3.2色相環80中的顏色特性
3.3.3顏色之間的關系81
3.4網頁中的顏色88
3.4.1 RGB顏色模式89
3.4.2用HTML語言描述顏色90
3.4.3 216網頁安全色91
3.5顏色指數91
紅色91
橙色93
黃色94
綠色96
藍色97
紫色99
3.5.7黑色101
白色102
灰色103
3.5.10顏色指數配色法104
3.6變調效果104
3.6.1亮色105
3.6.2亮色105
3.6.3淺色調106
3.6.4中間音106
3.6.5淺濁色調107
暗色調107
3.6.7暗色調108
3.7四色功能108
3.7.1主色108
背景色109
3.7.3融合色112
3.7.4強調色113
3.8實用配色網站推薦114。
第四章煙花圖像處理的關鍵技術117
4.1煙花基本操作技能合集118
4.2矢量渲染的關鍵技術120
4.2.1兩種方法畫圓角矩形120。
4.2.2防止圓角矩形變形時圓角發生變化121。
4.2.3巧妙地消除路徑的鋸齒邊緣122
4.2.4畫虛線123的各種方法。
4.2.5在網頁效果圖中明確小字124。
4.2.6按照路徑125排列字符。
4.2.7制作電視掃描線126的效果
4.2.8自定義紋理127
4.2.9添加和修改漸變填充128
4.2.10巧妙制作褪色線條130
4.2.11解決縮小132後圖標變形的問題。
4.3圖像處理的關鍵技術134
4.3.1面具的三種用途134
4.3.2選擇和路徑的轉換143
4.3.3制作圖像條碼146的效果
4.3.4煙火中的外部過濾器148
4.3.5制作淺色鋼筆畫的效果151
4.3.6制作特殊漸變效果153
4.3.7制作網格圖像的效果是154。
4.3.8制作老照片的效果157
4.3.9使用曲線命令校正圖像158的顏色。
4 . 3 . 10使用色階命令165調整圖像的顏色。
第五章煙花網頁制作的關鍵技術169
5.1 GIF動畫關鍵技術170
5.1.1使用Fireworks 170制作補間動畫
5.1.2巧用“補間”手法繪制171
5.1.3巧做Web LOGO中的光描動畫174
5.2煙花行為相關關鍵技術176
5.2.1用煙花制作互動按鈕176
5.2.2利用焰火的行為實現圖像翻轉的特效179。
5.2.3將Fireworks中的交互效果添加到網頁183中。
5.3切片與優化的關鍵技術187
5 . 3 . 1優化Fireworks中的圖像187
5.3.2選擇合適的圖像優化格式188。
5.3.3巧妙去除GIF圖片192周圍的白邊。
5.3.4導出渲染切片192。
5.4 Fireworks效率工具問題集198
5.4.1熟練執行重復運算198。
5.4.2批量處理大量圖像資料201
第六章網頁標誌設計205
6.1標誌設計的基本要素206
6.1.1線206 in標誌
徽標208中的6.1.2個形狀
6.1.3用線條和形狀形成標誌209
6.1.4中英文字體210標識
中文字體212中6.1.5標識
6.2 40常見標誌設計技巧217
6.3 Web2.0風格標誌設計元素226
6.4實用標誌設計網站推薦228
6.5標誌設計案例分析229
第七章網頁導航設計233
7.1網站234欄目構成
7.2導航的視覺設計236
7.3導航的交互設計240
7.4導航不帶“導航”——搜索241
第八章網頁橫幅設計243
8.1網頁橫幅244概述
網頁244中的8.1.1橫幅
8.1.2網頁橫幅246的設計形式
8.1.3網頁橫幅的大小247
8.2圖像材料的選擇247
8.2.1說服力248
8.2.2內容的相關性
8.2.3發現圖片背後的故事251
8.2.4顏色等級252
不同的252
幽默253
唯美主義253
8.2.8戲劇化
8.2.9強調面子254
8.3圖像裁剪的技巧256
8.3.1將圖像轉換為相同的大小256
8.3.2制作不同比例的圖像257
8.3.3統壹人像尺寸257
8.3.4裁剪人物肖像258
8.3.5切除不相關的部分260
8.3.6調整圖像的角度260
8.3.7放大後裁剪261
8.3.8僅部分262被保留。
8.3.9改變圖像所傳遞的信息263
8.3.10壹圖多用263
8.3.11突破空間266
邊緣處理267
8.4形象設計的技巧269
8.4.1添加邊框269
8.4.2疊加效果
8.4.3添加元素271的效果
8.4.4剪貼簿效果272
卷曲效果273
8.4.6制作“寶麗來”效果276
8.4.7異形邊緣276
8.4.8小圖像銳化279
8.5橫幅廣告的設計技巧279
8.5.1選擇合適的材料279
環境背景設計280
8.5.3產品展示281
8.5.4字體選擇和設計282
第九章風格簡約的小型網站設計285
9.1案例分析286
9.1.1頁面布局表格286
9.1.2添加文字和圖像289
9.2案例實現293
9.2.1生產效果圖293
9.2.2切片、優化和導出296
布局第299頁
第10章標準網站設計311
10.1案例分析313
10.1.1頁面布局表單313
10.1.2集管設計314
設計10.1.3+06
內容區的設計318
10.1.5頁腳設計319
10.1.6字體選擇320
10.2案例分析320
10.2.1制作結構底圖320
10.2.2收割臺設計324
10.2.3通藍設計325
10.2.4制作內容區327
10.2.5制作頁腳328
10.2.6切片、優化和導出330
10.2.7布局第334頁
……