內容簡介
本書是一本專門針對網頁設計的教材,涵蓋了色彩理論、圖像設計、動畫設計、字型設計及總體版式設計等內容。其中第1章講述了網站Logo、導航欄、Banner、內容欄、版尾五個方面的內容及所涉及的軟體知識,並以案例的形式闡述了按鈕的製作方法;第2章講述了網頁版式的設計方法,將網頁版式設計原則、版式結構、版式設計方法一一呈現給讀者,並以靜態網頁界面設計案例作為補充;第3章講述了網頁創意與規劃設計,從發展的角度闡述了網站的項目規劃、內容組織及網站建設的必要性,並以實際案例為主線,從策劃、文案、草圖、設計等方面一一展開,以靜態的形式展現網頁的設計理念。第4章講述了網頁配色的知識,從藝術的角度闡述了色彩及色彩搭配的原則;第5章則以案例的形式講述網頁製作的全過程,包括前期策劃書、網站建站目標及功能定位、網站整體風格、網站的結構和內容。本書涉及的軟體有Photoshop、Flash、Dreamweaver等。
圖書目錄
第1章 網頁設計概述.......................................................................................................1
1.1 網頁界面構成.........................................................................................................................................2
1.2 網頁藝術設計的相關軟體.......................................................................................................................7
1.3 按鈕小製作.............................................................................................................................................9
1.3.1 製作特殊形狀按鈕.......................................................................................................................9
1.3.2 製作圓角矩形按鈕.....................................................................................................................10
1.3.3 製作簡單的矩形按鈕..................................................................................................................12
1.3.4 製作圓形按鈕.............................................................................................................................15
1.3.5 製作透明效果按鈕.....................................................................................................................18
實踐與提高1...................................................................................................................................................21
第2章 網頁版式設計....................................................................................................23
2.1 網頁版式設計應遵循的原則.................................................................................................................24
2.2 網頁版式設計的基本內容.....................................................................................................................26
2.2.1 網頁的標題設計.........................................................................................................................26
2.2.2 文字的編排................................................................................................................................27
2.2.3 圖文的結合................................................................................................................................29
2.2.4 頁面的節奏韻律.........................................................................................................................30
2.3 網頁版式構成分類................................................................................................................................31
2.4 網頁界面設計案例製作.........................................................................................................................35
實踐與提高2...................................................................................................................................................45
第3章 網頁創意與規劃設計.........................................................................................47
3.1 為網站制定目標....................................................................................................................................48
3.1.1 對市場的預測和分析..................................................................................................................48
3.1.2 網站的項目規劃與組織..............................................................................................................48
3.1.3 網站建設....................................................................................................................................54
3.1.4 改版案例製作.............................................................................................................................56
3.2 網頁設計的創意方法.............................................................................................................................65
3.2.1 創意是網頁的靈魂.....................................................................................................................66
3.2.2 網頁創意方法.............................................................................................................................68
3.3 小福屋網頁案例製作..............................................................................................................................75
3.3.1 建立小福屋網頁的模板..............................................................................................................76
3.3.2 小福屋——首頁.........................................................................................................................80
3.3.3 小福屋——“關於HH”頁........................................................................................................86
3.3.4 小福屋——“加盟HH”頁........................................................................................................86
3.3.5 小福屋——“產品信息”頁......................................................................................................88
3.3.6 小福屋——“全國門店”頁......................................................................................................89
3.3.7 小福屋——“聯繫我們”頁......................................................................................................90
實踐與提高3...................................................................................................................................................90
第4章 網頁配色...........................................................................................................91
4.1 認識色彩...............................................................................................................................................92
4.1.1 何為色彩....................................................................................................................................92
4.1.2 色彩三要素................................................................................................................................92
4.1.3 色彩對比 ....................................................................................................................................93
4.1.4 色調的變化................................................................................................................................94
4.2 網頁配色常見問題................................................................................................................................96
4.3 網頁配色原則.....................................................................................................................................100
實踐與提高4.................................................................................................................................................102
第5章 綜合案例製作..................................................................................................103
5.1 “小5班”網頁設計..............................................................................................................................104
5.1.1 軟體布局...................................................................................................................................106
5.1.2 製作首頁...................................................................................................................................108
5.1.3 製作“團隊成員”頁面.............................................................................................................121
5.1.4 “作品展示”頁面設計...............................................................................................................126
5.1.5 “小5班” Flash動畫製作............................................................................................................130
5.2 銀時代網頁設計..................................................................................................................................151
5.2.1 銀時代首頁界面設計................................................................................................................151
5.2.2 銀時代——“品牌故事”頁....................................................................................................166
5.2.3 銀時代——“產品展示”頁....................................................................................................169
5.2.4 頁面分割——切片...................................................................................................................173
5.2.5 製作頁面..................................................................................................................................176
5.2.6 最佳化和連結...............................................................................................................................185
實踐與提高5.................................................................................................................................................189