网页布局与配色完全学习手册PDF|Epub|txt|kindle电子书版本网盘下载

网页布局与配色完全学习手册PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 网页设计与布局1

第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 网站Logo13

2.2.2 网站Banner14

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

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

第2篇 网页设计与配色42

第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 ColorKey Xp71

7.3.2 Color Scheme Designer71

7.3.3 Check My Colours71

7.3.4 ColorJack72

7.3.5 Color Schemer Online v272

第8章 网页配色中主色、辅色及点缀色的作用73

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

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

9.12.2 配色解析92

9.13 堂皇92

9.13.1 推荐配色方案92

9.13.2 配色解析93

9.14 神奇93

9.14.1 推荐配色方案93

9.14.2 配色解析94

9.15 职业94

9.15.1 推荐配色方案94

9.15.2 配色解析95

第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

第3篇 综合案例解析121

第11章 各类网站设计与配色案例解析121

11.1 个人网站122

11.1.1 个人网站特点122

11.1.2 页面分析122

11.1.3 网站配色讲解123

11.2 政府网站123

11.2.1 政府网站的特点123

11.2.2 页面分析124

11.2.3 网站配色讲解125

11.3 艺术网站125

11.3.1 艺术网站的特点125

11.3.2 页面分析125

11.3.3 网站配色讲解126

11.4 在线视频网站126

11.4.1 在线视频网站的特点127

11.4.2 页面分析127

11.4.3 网站配色讲解127

11.5 音乐网站128

11.5.1 音乐网站的特点128

11.5.2 页面分析128

11.5.3 网站配色讲解128

11.6 游戏网站129

11.6.1 游戏网站的特点129

11.6.2 页面分析130

11.6.3 网站配色讲解131

11.7 婚恋交友网站131

11.7.1 婚恋交友网站的特点131

11.7.2 页面分析132

11.7.3 网站配色讲解132

11.8 旅游网站132

11.8.1 旅游网站的特点133

11.8.2 页面分析134

11.8.3 网站配色讲解134

11.9 医疗保健网站135

11.9.1 医疗保健网站的特点135

11.9.2 页面分析136

11.9.3 网站配色讲解136

11.10 设计装饰类网站137

11.10.1 设计装饰类网站的特点137

11.10.2 页面分析137

11.10.3 网站配色讲解137

11.11 房地产网站138

11.11.1 房地产网站的特点138

11.11.2 页面分析138

11.11.3 网站配色讲解138

11.12 餐饮酒店网站139

11.12.1 餐饮酒店网站的特点139

11.12.2 页面分析139

11.12.3 网站配色讲解140

11.13 新闻网站140

11.13.1 新闻网站的特点140

11.13.2 页面分析141

11.13.3 网站配色讲解142

11.14 教育网站143

11.14.1 教育网站的特点143

11.14.2 页面分析144

11.14.3 网站配色讲解144

11.15 综合门户网站145

11.15.1门户网站的特点145

11.15.2 页面分析145

11.15.3 网站配色讲解146

11.16 女装网站146

11.16.1 女装网站的特点146

11.16.2 页面分析146

11.16.3 网站配色讲解147

11.17 美容化妆网站147

11.17.1 美容化妆网站的特点148

11.17.2 页面分析148

11.17.3 网站配色讲解149

11.18 IT数码网站149

11.18.1 IT数码网站的特点149

11.18.2 页面分析150

11.18.3 网站配色讲解150

11.19 家居日用品网站151

11.19.1 家居用品网站的特点151

11.19.2 页面分析151

11.19.3 网站配色讲解151

11.20 男性商品类网站152

11.20.1 男性商品类网站的特点152

11.20.2 页面分析152

11.20.3 网站配色讲解153

11.21 鞋类网站153

11.21.1 鞋类网站的特点153

11.21.2 页面分析153

11.21.3 网站配色讲解154

11.22 童装网站154

11.22.1 童装网站的特点154

11.22.2 页面分析154

11.22.3 网站配色讲解155

11.23 珠宝饰品网站155

11.23.1 珠宝饰品网站的特点155

11.23.2 页面分析155

11.23.3 网站配色讲解156

11.24 食品网站156

11.24.1 食品网站的特点156

11.24.2 页面分析156

11.24.3 网站配色讲解157

附录1 各行业网站色彩搭配158

附录2 配色形容词色卡164

附录3 页面安全色169

附录4 160种配色方案173