《網頁美術設計原理及實戰策略（第二版）》是2016年8月清華大學出版社出版的圖書，作者是張亞敏。
基本介紹
- 書名：網頁美術設計原理及實戰策略（第二版）
- 作者：張亞敏
- ISBN：9787302439288
- 定價：59元
- 出版社：清華大學出版社
- 出版時間：2016年8月
內容簡介,圖書目錄,
內容簡介
本書是一本講解網站頁面設計的教程，語言淺顯易懂，配合精美的網頁設計案例，講解了網頁設計的相關知識以及進行網頁設計製作的方法和技巧，使用戶能夠掌握網頁設計中不同元素的使用技巧，並能夠綜合運用到實際設計工作中。
本書共分7 章，全面介紹了網頁設計中的理論設計知識以及具體案例的製作方法，包括網頁設計概述、網頁設計中的布局基礎、網頁設計中的版式與風格、網頁設計中的文字元素、網頁設計中的圖像元素、網頁設計中的色彩元素以及把握不同類型的網站設計。
本書超值贈送立體化教學資源，內容包括PPT 課件、14 個網頁設計案例教學電子書、案例素材和源檔案以及視頻教程，幫助用戶更好地進行學習。
本書可作為各高等院校、職業院校和培訓學校的相關專業教材使用，也適合網頁設計愛好者、網頁設計初學者、網頁設計從業人員以及相關設計製作專業的人員閱讀。
圖書目錄
CONTENTS 目 錄
第1 章 網頁設計概述
1.7.4 測試發布..................................... 33
1.7.5 站點推廣..................................... 33
1.7.6 反饋評估..................................... 34
1.8 網頁美術設計的原則........................... 34
1.8.1 為用戶考慮.................................. 34
1.8.2 主題突出..................................... 35
1.8.3 有機的整體.................................. 36
1.8.4 內容與形式相統一........................ 37
1.8.5 更新和維護.................................. 38
1.9 優秀網頁設計的特徵........................... 38
1.9.1 互動性........................................ 38
1.9.2 版式的不可控制性........................ 38
1.9.3 技術與藝術結合的緊密性............... 39
1.9.4 多媒體的綜合性............................ 39
1.9.5 多維性........................................ 40
1.10 網站設計常用工具............................ 40
1.10.1 網頁編輯排版軟體
—Dreamweaver.................... 40
1.10.2 網頁圖片設計軟體
—Photoshop......................... 41
1.10.3 網頁動畫製作軟體—Flash....... 41
1.10.4 網頁標記語言—HTML............. 42
第2 章 網頁設計中的布局基礎
2.1 網頁功能與形態的比較........................ 43
2.2 網頁設計中視覺空間的點、線、面.......... 44
2.2.1 網頁設計中的點............................ 45
2.2.2 網頁設計中的線............................ 47
2.2.3 網頁設計中的面............................ 53
2.2.4 網頁設計中由點、線、面組成的
基本幾何圖形............................... 54
2.3 大眾化與個性化的網頁視覺布局設計....... 58
2.3.1 大眾化網頁視覺布局設計............... 59
2.3.2 個性化網頁視覺布局設計............... 60
2.4 網頁布局設計中的實驗形態.................. 61
2.5 優秀網頁的布局結構........................... 63
2.5.1 網頁布局結構的標準..................... 63
2.5.2 網頁布局設計中的相關元素............ 65
2.5.3 網頁的布局類型............................ 67
2.6 網頁布局的基本方法........................... 71
2.6.1 網頁布局的設計............................ 71
2.6.2 網頁布局的構成原則..................... 72
1.1 網頁美術設計概述................................ 1
1.2 完整網站設計所需的內容....................... 1
1.2.1 網頁視覺風格的主旨....................... 2
1.2.2 網站設計的基本元素....................... 3
1.3 網頁美術設計的要素............................. 5
1.3.1 設計與技術相結合.......................... 5
1.3.2 立體空間節奏感.............................. 9
1.3.3 視覺導向性.................................. 10
1.3.4 視覺服務..................................... 12
1.3.5 導航設定..................................... 12
1.4 各類多媒體視聽元素的集合.................. 19
1.5 整體網站的結構設計........................... 19
1.5.1 網頁的功能與形式美..................... 20
1.5.2 網頁視覺形式美法則..................... 21
1.5.3 視覺設計與創造思維相結合............ 22
1.5.4 設計中常見的創意方法.................. 24
1.6 網頁設計中應注意的問題..................... 27
1.6.1 要考慮瀏覽頁面終端的影響............ 27
1.6.2 網頁設計中易出現的問題............... 27
1.7 網站建設的整體設計流程..................... 28
1.7.1 項目規劃..................................... 28
1.7.2 內容組織..................................... 31
1.7.3 頁面設計..................................... 32
網頁美術設計原理及實戰策略（第二版）
IV
第4 章 網頁設計中的文字元素
4.2.2 軟體製作技術產生的
漢字造型語言............................. 114
4.2.3 計算機字型的形成...................... 115
2.6.3 網頁布局的特徵............................ 73
2.7 網站頁面的布局方式........................... 74
2.7.1 左側的頁面布局............................ 74
2.7.2 水平居中的頁面布局..................... 75
2.7.3 水平和垂直居中的頁面布局............ 75
2.7.4 滿屏的頁面布局............................ 76
2.7.5 分割方式的頁面布局..................... 76
第3 章 網頁設計中的版式與風格
3.10 網頁版式設計中的創意設計................ 95
3.10.1 創意設計在版式中的
角色和地位................................ 96
3.10.2 如何激發創意設計...................... 97
3.11 整體網站的視覺設計風格................... 99
3.11.1 懷舊風格................................... 99
3.11.2 簡約抽象風格........................... 100
3.11.3 簡潔風格................................. 100
3.11.4 仿古風格................................. 101
3.11.5 立體風格................................. 102
3.11.6 繪畫風格................................. 102
3.11.7 剪貼畫風格.............................. 103
3.11.8 插畫風格................................. 104
3.11.9 照片風格................................. 104
3.11.10 大字型風格............................ 105
3.11.11 藝術作品風格......................... 105
3.11.12 自然風光風格......................... 106
3.11.13 誘人美食風格......................... 106
3.11.14 破舊報紙風格......................... 107
3.11.15 綠意盎然風格......................... 107
3.11.16 原木風格............................... 108
3.11.17 白雲元素風格......................... 108
3.11.18 噴濺元素風格......................... 109
3.11.19 印刷元素風格......................... 109
3.11.20 辦公元素風格......................... 110
3.1 網頁中的版式設計............................. 80
3.2 常見的網頁版式類型........................... 81
3.2.1 骨骼式........................................ 81
3.2.2 滿版式........................................ 82
3.2.3 分割式........................................ 82
3.2.4 中軸式........................................ 83
3.2.5 導引式........................................ 83
3.2.6 對角式........................................ 84
3.2.7 對稱式........................................ 84
3.2.8 重心式........................................ 84
3.2.9 三角式........................................ 85
3.2.10 並置式...................................... 85
3.2.11 自由式...................................... 86
3.2.12 組合式....................................... 86
3.3 網頁版式的統一與變化........................ 87
3.4 網頁版式的對比與調和........................ 87
3.5 網頁版式的均衡與對稱........................ 89
3.6 網頁版式的節奏與韻律........................ 89
3.7 網頁版式的單純與秩序........................ 90
3.8 網頁版式的空間留白........................... 90
3.9 合理的網頁視覺流程設計..................... 91
3.9.1 網頁視覺流程的規劃..................... 91
3.9.2 視覺流程的視覺力場..................... 92
3.9.3 網頁的視覺流程類型..................... 94
4.1 傳統文字字型的形態特徵....................112
4.2 現代計算機字型的形態特徵.................114
4.2.1 計算機中的字型與字型檔................ 114
V
目 錄
4.3 網頁設計中文字的作用.......................115
4.3.1 適合性...................................... 116
4.3.2 明確性...................................... 116
4.3.3 易讀性...................................... 117
4.3.4 美觀性...................................... 117
4.3.5 創新性...................................... 117
4.4 網頁設計中的基本字型.......................117
4.4.1 漢字基本字型............................. 118
4.4.2 拉丁文基本字型.......................... 119
4.4.3 字號大小................................... 119
4.4.4 字元間距................................... 121
4.4.5 字型的形態................................ 122
4.4.6 字型設計原理............................. 122
4.5 網頁中文字元素的版式編排.................124
4.5.1 文字版式的規則.......................... 125
4.5.2 文字版式設計的常用手法............. 128
4.5.3 文字群體編排............................. 131
4.6 網頁文字的色彩處理與情感.................134
4.6.1 網頁文字的色彩處理................... 134
4.6.2 網頁文字的情感因素................... 135
4.7 網頁文字設計的原則..........................136
4.7.1 可讀性...................................... 137
4.7.2 圖形化...................................... 137
4.7.3 重疊.......................................... 138
第5 章 網頁設計中的圖像元素
5.4.3 照片.......................................... 159
5.4.4 頁面分割................................... 162
5.4.5 立體圖形................................... 163
5.5 網頁圖像的前期處理..........................166
5.5.1 圖像的外形................................ 166
5.5.2 圖像的面積................................ 166
5.5.3 圖像的數量................................ 167
5.5.4 圖底關係................................... 167
5.5.5 圖像檔案的大小.......................... 168
5.5.6 圖像的最佳化處理.......................... 168
5.5.7 動態圖像的使用.......................... 168
5.6 網頁圖像的編排設計..........................168
5.6.1 四角與中軸四點結構................... 168
5.6.2 塊狀組合與散點組合結構............. 169
5.7 網頁圖像與文字的混排.......................169
5.7.1 網頁設計中文字和圖像的關係...... 170
5.7.2 圖文混排的版式設計................... 170
5.8 網頁圖像的色彩選擇.........................170
5.1 網頁設計中的圖像檔案格式.................139
5.1.1 GIF 格式................................... 139
5.1.2 JPEG 格式................................ 140
5.1.3 PNG 格式................................. 140
5.1.4 MNG 格式................................. 141
5.2 圖像在網頁視覺設計中的作用..............142
5.2.1 傳達性...................................... 142
5.2.2 藝術性...................................... 142
5.2.3 表現性...................................... 142
5.2.4 趣味性...................................... 142
5.2.5 超越性...................................... 143
5.3 網頁中圖像的創意與設計....................143
5.3.1 出發點...................................... 143
5.3.2 表現技巧................................... 146
5.3.3 造型與手法................................ 148
5.4 圖像的設計類型...............................150
5.4.1 插圖.......................................... 151
5.4.2 圖形符號................................... 156
第6 章 網頁設計中的色彩元素
6.1.1 色彩屬性................................... 6.1 色彩的基本特性...............................173 173
網頁美術設計原理及實戰策略（第二版）
VI
第7 章 把握不同類型的網站設計
7.8.2 體育信息網站............................. 217
7.8.3 運動團隊網站............................. 218
7.9 遊戲娛樂網站..................................219
7.10 漫畫網站......................................220
7.11 時尚、購物網站..............................220
7.11.1 時尚網站................................. 221
7.11.2 購物網站................................. 221
7.12 女性、美容網站.............................223
7.13 嬰幼兒、兒童網站...........................224
7.14 醫療健康網站................................224
7.15 餐飲網站......................................225
7.16 汽車網站......................................227
7.17 金融網站......................................228
7.18 教育網站......................................229
7.19 數碼通信網站................................230
7.20 寵物網站......................................231
6.1.2 配色.......................................... 174
6.2 色彩的心理特徵...............................176
6.2.1 色彩的聯想作用和心理效果.......... 176
6.2.2 常見顏色的分析.......................... 176
6.3 網頁中色彩的搭配............................181
6.3.1 網頁色彩搭配的基礎................... 181
6.3.2 網頁色彩搭配的原則................... 183
6.4 色彩在各個領域中的表現力.................185
6.4.1 綜合門戶型網站.......................... 185
6.4.2 娛樂休閒類網站.......................... 186
6.4.3 商業經濟類網站.......................... 187
6.4.4 人類藝術類網站.......................... 187
6.4.5 政府機構類網站.......................... 188
6.4.6 體育休閒類網站.......................... 188
6.4.7 個人網站................................... 189
6.5 網頁色彩的編排設計..........................189
6.5.1 網頁色彩的4 種功能角色............ 189
6.5.2 網頁配色的基本方法................... 194
6.5.3 使用基本色配色.......................... 197
6.5.4 使用多色彩配色.......................... 198
6.5.5 網頁配色常見問題...................... 200
7.1 個人網站........................................205
7.2 影視、音樂、傳媒網站.......................206
7.2.1 影視網站................................... 206
7.2.2 音樂網站................................... 207
7.2.3 傳媒網站................................... 208
7.2.4 藝人網站................................... 209
7.3 照片、攝影網站...............................210
7.4 像素、插圖網站...............................211
7.5 設計公司網站..................................211
7.6 設計網站........................................212
7.6.1 廣告設計網站............................. 212
7.6.2 建築設計網站............................. 213
7.7 旅遊網站........................................214
7.7.1 旅遊信息網站............................. 214
7.7.2 賓館、度假村網站...................... 215
7.8 體育網站........................................216
7.8.1 體育用品網站............................. 216
