网站布局与网页配色设计2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网站布局与网页配色设计PDF格式电子书版下载

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

第1章 网站设计基础2

1.1 了解网站设计2

1.1.1 什么是网站设计2

1.1.2 网站设计的特点2

1.2 网站设计构成元素6

1.2.1 文字6

1.2.2 图形符号6

1.2.3 图像7

1.2.4 多媒体7

1.2.5 色彩7

1.3 网站设计原则8

1.3.1 以用户为中心8

1.3.2 主题明确9

1.3.3 视觉美观11

1.3.4 内容与形式统一11

1.3.5 有机的整体12

1.4 色彩在网站设计中的作用13

1.4.1 突出网页主题13

1.4.2 划分视觉区域14

1.4.3 吸引浏览者的目光14

1.4.4 增强网站页面的艺术性14

1.5 如何设计出好的网站15

1.5.1 不要主动降低自己的眼光15

1.5.2 多尝试新技术、新方法15

1.6 如何提升网站的用户体验16

1.6.1 用户体验包含的内容16

1.6.2 用户体验对于网站的重要性18

1.6.3 网站如何寻求突破19

1.6.4 提升网站用户体验20

第2章 网站页面规划与元素设计22

2.1 网站栏目结构与页面策划22

2.1.1 网站栏目结构22

2.1.2 网站栏目规划24

2.1.3 网站页面策划24

2.2 网站Logo设计25

2.2.1 网站Logo的特点25

2.2.2 网站Logo的设计规范26

2.2.3 网站Logo的表现形式28

2.2.4 实战分析：设计影视网站Logo29

2.3 网站图标设计31

2.3.1 了解网站图标31

2.3.2 网站图标设计原则31

2.3.3 网站图标应用33

2.3.4 实战分析：设计简约实用的网站图标34

2.4 网站按钮设计36

2.4.1 网站按钮的功能36

2.4.2 如何设计出色的网站按钮38

2.4.3 实战分析：设计游戏网站按钮42

2.5 网站导航设计43

2.5.1 了解网站导航43

2.5.2 导航在网站页面中的布局位置45

2.5.3 网站导航设计的基本原则49

2.5.4 实战分析：设计汽车网站导航菜单50

2.6 网站广告设计53

2.6.1 网站广告的常见类型53

2.6.2 如何设计出色的网站广告55

2.6.3 实战分析：设计家电网站宣传广告56

第3章 网站中的图形与文字排版设计59

3.1 网站页面中的文字59

3.1.1 关于字体59

3.1.2 网页中常用的中文字体59

3.1.3 字体大小60

3.1.4 网页文字使用技巧63

3.2 网页文字的排版65

3.2.1 文字排版的易读性规则65

3.2.2 文字排版设计常用手法67

3.2.3 实战分析：设计手机宣传网站页面70

3.3 图形在网站设计中的作用73

3.4 网站图形设计类型75

3.4.1 插图75

3.4.2 图形符号75

3.4.3 照片76

3.4.4 页面分割77

3.4.5 立体图形77

3.5 网站图片的排列布局形式78

3.5.1 传统矩阵展示78

3.5.2 大小不一的矩阵展示79

3.5.3 瀑布流展示79

3.5.4 下一张图片预览79

3.5.5 实战分析：设计产品促销活动页面80

第4章 网站页面布局与视觉风格85

4.1 了解网站页面布局85

4.1.1 网站页面布局的目的85

4.1.2 网站页面布局的操作顺序86

4.2 网页布局的基本方法86

4.2.1 网页布局的设计87

4.2.2 网页布局的构成原则87

4.2.3 实战分析：设计手机宣传网站页面88

4.3 根据整体内容位置决定的网页视觉布局91

4.3.1 满屏式页面布局91

4.3.2 两栏式页面布局92

4.3.3 三栏式页面布局95

4.3.4 水平和垂直居中的页面布局96

4.4 页面分割方向的布局方式97

4.4.1 纵向分割97

4.4.2 横向分割98

4.4.3 纵向与横向复合型98

4.4.4 运用固定区域的设计99

4.4.5 实战分析：设计类网站页面100

4.5 初始页面的网页布局类型102

4.6 网页布局的要点104

第5章 网站页面视觉布局形态107

5.1 网页功能与网页形态哪个更重要107

5.2 网页布局形态的含义及情感108

5.2.1 点108

5.2.2 圆109

5.2.3 三角形110

5.2.4 矩形111

5.2.5 菱形112

5.2.6 直线113

5.2.7 斜线114

5.2.8 曲线115

5.2.9 自由曲线116

5.2.10 实战分析：设计产品促销页面117

5.3 大众化网页布局形态120

5.4 个性化网页布局形态122

5.5 常见网页视觉风格解析123

5.5.1 简洁风格123

5.5.2 极简风格124

5.5.3 扁平化风格124

5.5.4 插画风格125

5.5.5 怀旧风格126

5.5.6 照片风格127

5.5.7 立体风格128

5.5.8 大字体风格129

5.5.9 实战分析：设计企业网站页面130

第6章 网页配色基础134

6.1 色彩基础134

6.1.1 色彩的产生134

6.1.2 光源色与物体色135

6.2 RGB颜色与CMYK颜色的区别135

6.2.1 RGB颜色136

6.2.2 CMYK颜色137

6.3 色彩的属性137

6.3.1 色相137

6.3.2 明度138

6.3.3 饱和度138

6.3.4 色调139

6.3.5 无彩色与有彩色139

6.4 网页配色的联想作用140

6.4.1 色彩联想和心理效果140

6.4.2 红色141

6.4.3 粉色141

6.4.4 橙色141

6.4.5 黄色142

6.4.6 棕色142

6.4.7 绿色142

6.4.8 蓝色143

6.4.9 紫色143

6.4.10 黑色144

6.4.11 白色144

6.4.12 灰色144

6.4.13 实战分析：设计珠宝首饰网站页面145

6.5 网页配色常见问题147

6.5.1 如何培养色彩的敏感度147

6.5.2 通用配色理论是否适用148

6.5.3 配色时应该选择双色还是多色组合148

6.5.4 尽可能使用两至三种颜色进行搭配149

6.5.5 如何快速实现完美的配色149

6.5.6 实战分析：设计汽车宣传网站页面150

第7章 网页元素的基本配色154

7.1 网页配色的基本方法154

7.1.1 主题色154

7.1.2 背景色155

7.1.3 辅助色156

7.1.4 点缀色157

7.2 网页文本配色158

7.2.1 网页与文本的配色关系158

7.2.2 良好的网页文本配色159

7.3 网页元素色彩搭配160

7.3.1 Logo与网页广告160

7.3.2 导航菜单161

7.3.3 背景与文字161

7.3.4 链接文字162

7.3.5 实战分析：设计咖啡馆宣传网站页面162

7.4 根据受众群体选择网页配色165

7.4.1 不同性别的色彩偏好165

7.4.2 不同年龄的色彩偏好166

7.5 根据商品销售阶段选择网页配色168

7.5.1 新产品上市期的网页配色168

7.5.2 产品拓展期的网页配色168

7.5.3 产品稳定销售期的网页配色169

7.5.4 产品衰退期的网页配色169

7.5.5 实战分析：设计酒类产品宣传网站页面170

7.6 如何打造成功的网页配色172

7.6.1 遵循色彩的基本原理172

7.6.2 考虑网页的特点173

7.6.3 灵活应用配色技巧174

7.6.4 避免配色混乱175

7.6.5 实战分析：设计产品宣传网站页面176

第8章 网页配色的方法180

8.1 基于色相进行配色180

8.1.1 基于色相的配色关系180

8.1.2 相反色相、类似色调配色181

8.1.3 相反色相、相反色调配色181

8.1.4 渐变配色182

8.1.5 无彩色和彩色183

8.2 基于色调进行配色183

8.2.1 基于色调的配色关系184

8.2.2 同一色相或类似色相、类似色调配色184

8.2.3 同一色相或类似色相、相反色调配色185

8.3 色彩感觉在网页配色中的应用186

8.3.1 冷暖感186

8.3.2 轻重感188

8.3.3 软硬感189

8.3.4 前后感189

8.3.5 大小感190

8.3.6 华丽感与朴实感191

8.3.7 宁静感与兴奋感192

8.3.8 活力感与庄重感193

8.3.9 实战分析：设计计算机产品促销广告页面193

8.4 色彩对比的配色196

8.4.1 冷暖对比196

8.4.2 面积对比198

8.4.3 色相对比200

8.4.4 同时对比204

8.4.5 连续对比204

8.4.6 实战分析：设计运动鞋宣传网站页面205

第9章 网页配色的技巧209

9.1 突出主题的配色技巧209

9.1.1 明确主题焦点209

9.1.2 提高饱和度209

9.1.3 增大明度差210

9.1.4 增强色相211

9.1.5 增强点缀色212

9.1.6 抑制辅助色或背景213

9.2 整体融合的配色技巧214

9.2.1 接近色相215

9.2.2 统一明度216

9.2.3 接近色调216

9.2.4 添加类似色或同类色217

9.2.5 网页产生稳定感217

9.2.6 实战分析：设计房地产宣传网站页面218

9.3 网页配色印象221

9.3.1 女性化的网站配色221

9.3.2 男性化的网站配色222

9.3.3 稳定安静的网站配色223

9.3.4 兴奋激昂的网站配色224

9.3.5 轻快律动的网站配色225

9.3.6 清爽和风的网站配色226

9.3.7 浪漫甜美的网站配色227

9.3.8 传统稳重的网站配色229

9.3.9 雍容华贵的网站配色230

9.3.10 实战分析：设计清新自然的环保网站页面231

9.4 使用配色软件进行配色233

9.4.1 ColorKey XP软件233

9.4.2 Color Scheme Designer235

9.4.3 Check My Colours236

9.4.4 ColorJack236