基本介紹
- 書名：網頁布局與配色完全學習手冊
- ISBN：9787302333616
- 定價：35元
- 出版時間：2014年
- 裝幀：平裝
圖書信息,圖書簡介,圖書目錄,
圖書信息
ISBN：9787302333616
定價：35元
印次：1-1
裝幀：平裝
印刷日期：2014-6-17
圖書簡介
本書定位於網頁設計的布局與配色，內容涵蓋網頁設計入門基礎、頁面的布局與創意風格、色彩的基礎知識、常用色彩處理手法，網頁配色標準與技巧、主色、輔色、點綴色、基本色搭配及各類網站設計與配色案例解析。
圖書目錄
第1章網頁設計入門基礎.............................1
1.1 網頁設計的原則..............................................2
1.1.1了解用戶需要.......................................2
1.1.2 內容與形式的統一...............................2
1.1.3 主題鮮明.............................................3
1.1.4 易用性.................................................4
1.1.5 整體統一.............................................5
1.1.6 對比性.................................................6
1.2 網頁設計的定位..............................................6
1.2.1 什麼才是好的網頁設計.......................7
1.2.2 怎樣做好網頁設計..............................7
1.3 色彩在網頁設計中的重要性............................9
第2章網站策劃與網頁布局........................10
2.1 網站欄目和頁面設計策劃..............................11
2.1.1 為什麼要進行策劃............................11
2.1.2 網站的欄目策劃................................11
2.1.3 網站的頁面策劃................................12
2.2 網站布局的基本元素.....................................13
2.2.1 網站Logo..........................................13
2.2.2 網站Banner.......................................14
2.2.3 導航欄...............................................14
2.2.4 主體內容...........................................14
2.2.5 文本..................................................15
2.2.6 圖像..................................................15
2.2.7 Flash動畫..........................................16
2.2.8 頁腳..................................................16
2.2.9 廣告區...............................................16
2.3 版面布局設計................................................16
2.3.1 版面布局原則....................................17
2.3.2 紙上布局...........................................18
2.3.3 軟體布局...........................................18
2.4 常見的版面布局形式.....................................19
2.4.1 “國”字形布局................................19
2.4.2 “廠”字形布局................................19
2.4.3 “框架”型布局................................19
2.4.4 “封面”型布局................................20
2.4.5 Flash型布局......................................20
2.5 頁面排版布局趨勢.........................................20
第3章網站頁面的視覺元素設計................22
3.1 網頁構成.......................................................23
3.1.1 點的套用...........................................23
目錄CONTENTS
Ⅲ
3.1.2 線的套用...........................................23
3.1.3 面的套用...........................................24
3.2 頁面中的文字設計.........................................24
3.2.1 文字的字型、字號、行距..................24
3.2.2 文字的顏色........................................25
3.2.3 文字的圖形化....................................25
3.2.4 讓文字易讀........................................26
3.3 頁面中的圖像套用.........................................26
3.3.1 常見的網頁圖像格式.........................26
3.3.2 網頁中套用圖像的注意要點..............27
3.3.3 讓圖片更合理....................................28
3.4 網站導航設計................................................29
3.4.1 導航設計的基本要求.........................29
3.4.2 全局導航的基礎要素.........................30
3.4.3 導航設計注意要點.............................30
3.4.4 讓按鈕更易點擊................................31
第4章網站頁面創意方法與技巧................32
4.1 頁面設計創意思維.........................................33
4.1.1 什麼是創意........................................33
4.1.2 創意思維的原則................................33
4.1.3 創意過程..........................................34
4.2 創意的方法...................................................34
4.2.1 富於聯想............................................34
4.2.2 巧用對比............................................35
4.2.3 大膽誇張............................................35
4.2.4 趣味幽默............................................35
4.2.5 善用比喻............................................36
4.2.6 以小見大............................................36
4.2.7 偶像崇拜............................................36
4.2.8 古典傳統............................................36
4.2.9 流行時尚............................................37
4.2.10 設定懸念..........................................37
4.2.11 突出人物..........................................37
4.2.12 神奇夢幻..........................................38
4.2.13 綜合創意..........................................38
4.3 網站頁面風格................................................38
4.3.1 金屬風格...........................................38
4.3.2 大幅配圖...........................................39
4.3.3 面板風格...........................................39
4.3.4 像素風格...........................................39
4.3.5 三維風格...........................................39
4.3.6 書報風格...........................................40
4.4 網頁的創意視覺表現.....................................40
第1篇網頁設計與布局
第2篇網頁設計與配色
第5章網頁色彩搭配基礎...........................42
Ⅳ
網頁布局與配色完全學習手冊
5.2 色彩的分類...................................................43
5.2.1 無彩色...............................................43
5.2.2 有彩色...............................................44
5.3 色彩的三要素................................................44
5.3.1 明度..................................................44
5.3.2 色相..................................................45
5.3.3 純度..................................................45
5.4 色彩模式.......................................................46
5.4.1 RGB模式...........................................46
5.4.2 CMYK模式........................................46
5.4.3 Lab模式............................................47
5.5 色調分析.......................................................47
5.5.1 純色調...............................................47
5.5.2 中純調...............................................47
5.5.3 低純調...............................................48
5.5.4 明灰調...............................................48
5.5.5 中灰調...............................................48
5.5.6 暗灰調...............................................48
5.5.7 中暗調...............................................49
5.5.8 深暗調...............................................49
第6章網頁色彩原理與色調基礎................50
6.1 色彩對比.......................................................51
6.1.1 色相對比...........................................51
6.1.2 明度對比...........................................55
6.1.3 純度對比...........................................56
6.1.4 色彩的面積對比................................57
6.1.5 色彩的冷暖對比................................58
6.2 色彩的調和...................................................60
6.2.1 色彩調和的原則................................60
6.2.2 色彩調和的基本方法.........................61
6.3 色彩調和的類型............................................62
6.3.1 同類色調和........................................62
6.3.2 漸變色調和........................................62
6.3.3 對比調和...........................................63
6.3.4 同一調和...........................................63
6.3.5 面積調和...........................................64
第7章網頁配色方法與技巧........................65
7.1 網頁配色安全................................................66
7.1.1 216網頁安全色..................................66
7.1.2 網頁安全色配色辭典.........................66
7.1.3 使用各種不同的安全色調色板...........67
7.2 網頁配色技巧................................................68
7.2.1 背景與文字顏色搭配.........................68
7.2.2 使用一種色彩....................................69
7.2.3 兩色搭配是用色的基礎......................69
7.2.4 色彩的數量........................................70
7.3 使用配色軟體................................................70
7.3.1 ColorKeyXp....................................71
7.3.2 ColorSchemeDesigner...................71
7.3.3 CheckMyColours............................71
7.3.4 ColorJack.........................................72
7.3.5 ColorSchemerOnlinev2.................72
第8章網頁配色中主色、輔色及點綴色的
8.1 主色的魅力...................................................74
8.1.1 主色可以決定整個作品風格..............74
8.1.2 主色的面積原理................................74
8.1.3 區別主色的關鍵................................75
8.2 輔助色的秘密................................................76
8.2.1 輔助色的功能....................................76
8.2.2 背景色是特殊的輔助色......................77
8.2.3 選擇輔助色的訣竅.............................77
8.3 點綴色的套用................................................77
8.3.1 點綴色也會影響頁面風格..................78
8.3.2 點綴色能讓頁面放光彩.....................78
第9章網頁設計配色搭配方案剖析.............79
9.1 配色色標.......................................................80
9.2 強烈..............................................................82
9.2.1 推薦配色方案....................................82
9.2.2 配色解析...........................................82
9.3 豐富..............................................................83
9.3.1 推薦配色方案....................................83
9.3.2 配色解析...........................................83
9.4 浪漫..............................................................84
9.4.1 推薦配色方案....................................84
9.4.2 配色解析...........................................84
9.5 奔放..............................................................85
9.5.1 推薦配色方案....................................85
9.5.2 配色解析...........................................85
9.6 柔和..............................................................86
9.6.1 推薦配色方案....................................86
9.6.2 配色解析...........................................86
9.7 熱情..............................................................87
9.7.2 配色解析...........................................87
9.7.1 推薦配色方案....................................87
9.8 動感..............................................................87
9.8.1 推薦配色方案....................................87
9.8.2 配色解析...........................................88
作用.................................................73
Ⅴ
目錄
第10章網頁配色中色相的套用..................96
10.1 紅色系的配色..............................................97
10.1.1 紅色系的分類.................................97
10.1.2 紅色適合的配色方案......................98
10.1.3 適用紅色系的網站.......................100
10.2 橙色系的配色............................................101
10.2.1 橙色系的分類...............................101
10.2.2 橙色適合的配色方案....................102
10.2.3 適用橙色系的網站.......................103
10.3 黃色系的配色............................................104
10.3.1 黃色系的分類...............................104
10.3.2 黃色適合的配色方案....................105
10.3.3 適用黃色系的網站.......................107
10.4 紫色系的配色............................................108
10.4.1 紫色系的分類...............................108
10.4.2 紫色適合的配色方案....................109
10.4.3 適用紫色系的網站.......................110
10.5 綠色系的配色............................................112
10.5.1 綠色系的分類...............................112
10.5.2 綠色適合的配色方案....................113
10.5.3 適用綠色系的網站.......................114
10.6 藍色系的配色............................................116
10.6.1 藍色系的分類...............................116
10.6.2 藍色適合的配色方案....................117
10.6.3 適用藍色系的網站.......................118
10.7 無彩色的配色............................................119
10.7.1 白色的網站..................................119
10.7.2 灰色系的網站...............................120
10.7.3 黑色系的網站...............................120
9.9 高雅..............................................................88
9.9.1 推薦配色方案....................................88
9.9.2 配色解析...........................................89
9.10 流行............................................................89
9.10.1 推薦配色方案.................................89
9.10.2 配色解析........................................90
9.11 清新............................................................90
9.11.1 推薦配色方案.................................90
9.11.2 配色解析........................................91
