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