网页配色从入门到精通PDF|Epub|txt|kindle电子书版本网盘下载

网页配色从入门到精通PDF格式电子书版下载

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

第1章 色彩搭配基础2

1.1 色彩入门知识2

1.1.1 色彩的产生2

1.1.2 光源色、物体色和固有色2

1.2 色彩的属性5

1.2.1 色相5

1.2.2 明度6

1.2.3 饱和度6

1.3 色彩在网页中的应用6

1.3.1 网页色彩特征7

1.3.2 网页安全色7

1.4 色彩的联想作用8

1.4.1 红色8

1.4.2 橙色9

1.4.3 黄色10

1.4.4 绿色12

1.4.5 蓝色13

1.4.6 紫色14

1.4.7 黑、白、灰色15

1.5 网页色彩搭配的基础17

1.5.1 网页配色的注意事项17

1.5.2 灵活应用配色技巧18

1.5.3 避免配色的混乱19

1.6 网页色彩搭配的常见问题19

1.6.1 培养色彩的敏感度19

1.6.2 通用配色理论是否适用20

1.6.3 配色时选择双色和多色组合21

1.6.4 尽可能使用两至三种色彩搭配22

1.6.5 如何快速实现完美的配色22

1.7 培养色彩搭配的感觉23

1.7.1 基于色相的配色关系24

1.7.2 基于色调的配色关系24

1.7.3 渐变配色26

1.7.4 相反色相、类似色调配色27

1.7.5 相反色相、相反色调配色28

1.7.6 同一或类似色相、类似色调配色30

1.7.7 同一或类似色相、相反色调配色31

第2章 网页设计配色基础34

2.1 色彩在网页视觉设计中的作用34

2.1.1 突出网页主题34

2.1.2 划分视觉区域34

2.1.3 吸引浏览者目光35

2.1.4 增强网页艺术性35

2.2 色彩的联想作用与心理效果36

2.2.1 色彩的软硬36

2.2.2 色彩的冷暖37

2.2.3 色彩的轻重37

2.2.4 色彩的前后38

2.2.5 色彩的大小39

2.2.6 色彩的活泼和端庄感40

2.2.7 色彩的兴奋和沉稳感40

2.2.8 色彩的华丽和朴素感41

2.3 网页配色的方法41

2.3.1 背景色41

2.3.2 主色42

2.3.3 辅助色43

2.3.4 点缀色43

2.4 网页配色技巧44

2.4.1 配色原则44

2.4.2 确定网页文本配色45

2.5 影响网页风格的配色46

2.5.1 冷暖配色46

2.5.2 白色的应用47

2.5.3 饱和度影响配色47

2.6 影响配色的元素47

2.6.1 根据行业特征选择网页配色48

2.6.2 根据色彩联想选择网页配色49

2.6.3 根据受众色彩偏好选择网页配色51

2.6.4 根据生命周期选择网页配色53

2.7 色彩与网站布局57

2.7.1 布局和配色的分组与整合57

2.7.2 布局和配色的对称与平衡58

2.7.3 布局和配色的强调与突出58

2.7.4 布局和配色的虚实与留白58

2.8 色彩对网站交互的影响59

2.8.1 颜色的呈现效果由底色决定59

2.8.2 字体的可读性由颜色的明度差异影响60

2.9 移动端网站配色特点60

2.9.1 色调的统一60

2.9.2 巧用对比配色61

2.9.3 巧用色彩类别61

2.9.4 测试配色方案62

第3章 色彩搭配的选择标准64

3.1 合理应用色彩的对比64

3.1.1 色彩面积大小64

3.1.2 色彩面积的位置对比65

3.2 网页主题突出的配色66

3.2.1 提高色彩纯度67

3.2.2 增大色彩明度差68

3.2.3 增强色相型70

3.2.4 控制点缀色71

3.2.5 抑制辅助色或背景色72

3.3 保持页面一致性的配色技巧74

3.3.1 接近色相75

3.3.2 统一明度76

3.3.3 添加类似色或同类色76

3.3.4 控制稳定感77

3.3.5 接近色调78

3.3.6 网页的渐变配色79

3.4 配出四季的颜色79

3.4.1 春天80

3.4.2 夏天81

3.4.3 秋天82

3.4.4 冬天83

3.5 网页元素色彩搭配84

3.5.1 导航菜单84

3.5.2 Logo与广告84

3.5.3 背景与文字85

3.5.4 链接文字86

第4章 网页布局配色89

4.1 网站标志配色89

4.1.1 游戏网站标志配色89

4.1.2 新闻网站标志配色92

4.1.3 电商网站标志配色96

4.1.4 图书网站标志配色99

4.1.5 个人网站标志配色103

4.2 网站导航配色106

4.2.1 教育网站导航配色106

4.2.2 家居网站导航配色109

4.2.3 食品网站导航配色112

4.2.4 个人网站导航配色116

4.3 网站图片配色119

4.3.1 家居网站图片配色119

4.3.2 企业网站图片配色122

4.3.3 学校网站图片配色126

4.3.4 社交网站图片配色129

4.3.5 旅游网站图片配色133

4.4 网站整体布局配色136

4.4.1 美食网站布局配色136

4.4.2 教育网站布局配色139

4.4.3 休闲网站布局配色143

4.4.4 儿童网站布局配色146

4.4.5 美食网站布局配色149

第5章 移动端网页配色154

5.1 移动端图标的色彩搭配154

5.1.1 天气App图标的色彩搭配154

5.1.2 医疗App图标的色彩搭配157

5.1.3 购物App图标的色彩搭配161

5.1.4 运动App图标的色彩搭配165

5.2 移动端登录界面色彩搭配169

5.2.1 美食App登录界面色彩搭配169

5.2.2 社交App登录界面色彩搭配173

5.2.3 绘图App登录界面色彩搭配177

5.2.4 邮箱App登录界面色彩搭配181

5.3 移动界面广告色彩搭配184

5.3.1 商场App广告色彩搭配184

5.3.2 食品App广告色彩搭配188

5.3.3 外卖App广告色彩搭配192

5.3.4 品牌App广告色彩搭配195

5.4 App启动界面色彩搭配199

5.4.1 修图App启动界面色彩搭配199

5.4.2 美食App启动界面色彩搭配203

5.4.3 理财App启动界面色彩搭配206

5.4.4 交友App启动界面色彩搭配210

5.5 电商活动页的色彩搭配214

5.5.1 金融活动App色彩搭配214

5.5.2 服装活动App色彩搭配218

5.5.3 电商活动App色彩搭配221

5.5.4 产品活动App色彩搭配225