網(wǎng)頁布局與配色完全學習手冊圖書目錄

時間：2023-02-13 17:09:01 | 來源：營銷百科

時間：2023-02-13 17:09:01 來源：營銷百科

網(wǎng)頁布局與配色完全學習手冊圖書目錄：第1章網(wǎng)頁設計入門基礎.............................1

1.1　網(wǎng)頁設計的原則..............................................2

1.1.1了解用戶需要.......................................2

1.1.2　內容與形式的統(tǒng)一...............................2

1.1.3　主題鮮明.............................................3

1.1.4　易用性.................................................4

1.1.5　整體統(tǒng)一.............................................5

1.1.6　對比性.................................................6

1.2　網(wǎng)頁設計的定位..............................................6

1.2.1　什么才是好的網(wǎng)頁設計.......................7

1.2.2　怎樣做好網(wǎng)頁設計..............................7

1.3　色彩在網(wǎng)頁設計中的重要性............................9

第2章網(wǎng)站策劃與網(wǎng)頁布局........................10

2.1　網(wǎng)站欄目和頁面設計策劃..............................11

2.1.1　為什么要進行策劃............................11

2.1.2　網(wǎng)站的欄目策劃................................11

2.1.3　網(wǎng)站的頁面策劃................................12

2.2　網(wǎng)站布局的基本元素.....................................13

2.2.1　網(wǎng)站Logo..........................................13

2.2.2　網(wǎng)站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　廣告區(qū)...............................................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章網(wǎng)站頁面的視覺元素設計................22

3.1　網(wǎng)頁構成.......................................................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　常見的網(wǎng)頁圖像格式.........................26

3.3.2　網(wǎng)頁中應用圖像的注意要點..............27

3.3.3　讓圖片更合理....................................28

3.4網(wǎng)站導航設計................................................29

3.4.1　導航設計的基本要求.........................29

3.4.2　全局導航的基礎要素.........................30

3.4.3　導航設計注意要點.............................30

3.4.4　讓按鈕更易點擊................................31

第4章網(wǎng)站頁面創(chuàng)意方法與技巧................32

4.1　頁面設計創(chuàng)意思維.........................................33

4.1.1　什么是創(chuàng)意........................................33

4.1.2　創(chuàng)意思維的原則................................33

4.1.3　創(chuàng)意過程..........................................34

4.2　創(chuàng)意的方法...................................................34

4.2.1　富于聯(lián)想............................................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　古典傳統(tǒng)............................................36

4.2.9　流行時尚............................................37

4.2.10　設置懸念..........................................37

4.2.11　突出人物..........................................37

4.2.12　神奇夢幻..........................................38

4.2.13　綜合創(chuàng)意..........................................38

4.3　網(wǎng)站頁面風格................................................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　網(wǎng)頁的創(chuàng)意視覺表現(xiàn).....................................40

第1篇網(wǎng)頁設計與布局

第2篇網(wǎng)頁設計與配色

第5章網(wǎng)頁色彩搭配基礎...........................42

Ⅳ

網(wǎng)頁布局與配色完全學習手冊

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.2CMYK模式........................................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章網(wǎng)頁色彩原理與色調基礎................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章網(wǎng)頁配色方法與技巧........................65

7.1　網(wǎng)頁配色安全................................................66

7.1.1　216網(wǎng)頁安全色..................................66

7.1.2　網(wǎng)頁安全色配色辭典.........................66

7.1.3　使用各種不同的安全色調色板...........67

7.2　網(wǎng)頁配色技巧................................................68

7.2.1　背景與文字顏色搭配.........................68

7.2.2　使用一種色彩....................................69

7.2.3　兩色搭配是用色的基礎......................69

7.2.4　色彩的數(shù)量........................................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章網(wǎng)頁配色中主色、輔色及點綴色的

8.1　主色的魅力...................................................74

8.1.1　主色可以決定整個作品風格..............74

8.1.2　主色的面積原理................................74

8.1.3　區(qū)別主色的關鍵................................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章網(wǎng)頁設計配色搭配方案剖析.............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章網(wǎng)頁配色中色相的應用..................96

10.1　紅色系的配色..............................................97

10.1.1　紅色系的分類.................................97

10.1.2　紅色適合的配色方案......................98

10.1.3　適用紅色系的網(wǎng)站.......................100

10.2　橙色系的配色............................................101

10.2.1　橙色系的分類...............................101

10.2.2　橙色適合的配色方案....................102

10.2.3　適用橙色系的網(wǎng)站.......................103

10.3　黃色系的配色............................................104

10.3.1　黃色系的分類...............................104

10.3.2　黃色適合的配色方案....................105

10.3.3　適用黃色系的網(wǎng)站.......................107

10.4　紫色系的配色............................................108

10.4.1　紫色系的分類...............................108

10.4.2　紫色適合的配色方案....................109

10.4.3　適用紫色系的網(wǎng)站.......................110

10.5　綠色系的配色............................................112

10.5.1　綠色系的分類...............................112

10.5.2　綠色適合的配色方案....................113

10.5.3　適用綠色系的網(wǎng)站.......................114

10.6　藍色系的配色............................................116

10.6.1　藍色系的分類...............................116

10.6.2　藍色適合的配色方案....................117

10.6.3　適用藍色系的網(wǎng)站.......................118

10.7　無彩色的配色............................................119

10.7.1　白色的網(wǎng)站..................................119

10.7.2　灰色系的網(wǎng)站...............................120

10.7.3　黑色系的網(wǎng)站...............................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

9.12　古典............................................................ 91

9.12.1　推薦配色方案.................................91^[1]

9.12.2　配色解析........................................92^[1]