新書推薦:
《
索恩丛书·盛清统治下的太监与皇帝
》
售價:NT$
403.0
《
透过器物看历史(全6册)
》
售價:NT$
2234.0
《
我在台北故宫博物院读名画
》
售價:NT$
500.0
《
尼罗河往事:古埃及文明4000年
》
售價:NT$
347.0
《
一个人·谁也不是·十万人(诺贝尔文学奖得主反思自我的巅峰之作)
》
售價:NT$
250.0
《
重写晚明史(全5册 精装)
》
售價:NT$
3560.0
《
汉末晋初之际政治研究
》
售價:NT$
602.0
《
强者破局:资治通鉴成事之道
》
售價:NT$
367.0
|
編輯推薦: |
读者对象
本书适合UI设计的初中级读者,也可以作为各类在职设计人员在实际配色工作中的理想参考用书,还可作为设计制作人员以及相关专业学习者的参考用书。
本书特色
轻轻松松成为网页配色大师艺术设计与实践相结合,解读实际色彩效果。
本书配有教学PPT课件。
|
內容簡介: |
《零基础学网页配色》介绍网页配色以及应用案例,主要内容包括色彩搭配基础、网页构成与布局、网页配色与视觉印象、色彩搭配标准、网站布局配色、网页交互配色、常见的网站色彩搭配、不同风格的网页设计、不同行业的网页色彩搭配等方面的知识、技巧及应用案例。另外,《零基础学网页配色》还赠送教学用PPT课件。 《零基础学网页配色》面向学习网页配色的初、中级用户,适合网页配色的爱好者以及相关从业需要学习网页配色的人员使用,更加适合广大设计爱好者及相关从业人员作为自学手册使用,还适合作为初、中级培训班的教材或学习辅导书。
|
目錄:
|
第1章 色彩搭配基础 001
1.1 认识色彩 002
1.1.1 色彩是什么 002
1.1.2 色彩的分类 002
1.1.3 色彩的属性 003
1.1.4 色彩在网页中的应用 004
1.2 主题色、辅助色和点缀色 005
1.2.1 主题色 005
1.2.2 辅助色 006
1.2.3 点缀色 006
1.2.4 主题色、辅助色、点缀色的关系 007
1.3 色彩的对比 008
1.3.1 明度对比 008
1.3.2 纯度对比 008
1.3.3 色相对比 009
1.3.4 面积对比 010
1.3.5 冷暖对比 010
1.4 色彩的作用 011
1.4.1 红色 011
1.4.2 橙色 011
1.4.3 黄色 012
1.4.4 绿色 012
1.4.5 蓝色 013
1.4.6 紫色 014
1.4.7 黑、白、灰 014
1.5 色彩搭配基础 015
1.5.1 网页配色的注意事项 015
1.5.2 基于色相的配色关系 016
1.5.3 基于色调的配色关系 016
1.5.4 配色时选择双色和多色组合 017
1.5.5 尽可能使用两至三种色彩搭配 017
1.5.6 如何快速实现完美的配色 018
第2章 网页构成与布局 019
2.1 网页的构成 020
2.1.1 网页标题 020
2.1.2 网页的尺寸 020
2.1.3 网站的Logo 021
2.1.4 网页页眉 022
2.1.5 网页页脚 023
2.1.6 网页导航 024
2.1.7 网页的主体内容 024
2.2 网页的色彩 025
2.2.1 RGB色彩模式 025
2.2.2 网络安全色 026
2.3 网页常用布局方式 027
2.3.1 “国”字型布局 027
2.3.2 拐角型布局 027
2.3.3 封面型布局 027
2.3.4 对称型布局 028
2.3.5 Flash动画型布局 028
2.3.6 上下框架型布局 029
2.3.7 标题正文型布局 029
2.4 网页版面设计常用技巧 030
2.4.1 对比技巧 030
2.4.2 重复技巧 031
2.4.3 简单技巧 031
第3章 网页配色与视觉印象 032
3.1 网页配色技巧 033
3.1.1 配色原则 033
3.1.2 网页文本配色 034
3.2 网页风格配色 034
3.2.1 冷暖配色 035
3.2.2 白色的应用 035
3.2.3 饱和度 036
3.3 网页配色元素 037
3.3.1 行业特征 037
3.3.2 色彩联想 038
3.3.3 受众色彩偏好 039
3.3.4 生命周期配色 040
3.4 网页布局配色 041
3.4.1 分组和整合 041
3.4.2 对称和平衡 042
3.4.3 强调和突出 043
3.4.4 虚实和留白 043
3.5 网页色彩的视觉印象 044
3.5.1 热情 044
3.5.2 儿童 044
3.5.3 华丽 045
3.5.4 女性 045
3.5.5 环保 045
3.5.6 美食 046
3.5.7 甜蜜 046
第4章 色彩搭配标准 047
4.1 色彩区域 048
4.1.1 色彩区域大小 048
4.1.2 色彩区域位置 049
4.2 网页主题配色技巧 050
4.2.1 深色系配色技巧 050
4.2.2 邻近色配色技巧 051
4.2.3 对比色对比技巧 051
4.2.4 零度对比色 052
4.2.5 明度对比 053
4.2.6 纯度对比 054
4.3 网页元素色彩搭配 054
4.3.1 导航菜单 055
4.3.2 背景与文字 055
4.3.3 链接文字 056
4.3.4 Logo与网页广告 057
4.4 网页页面配色技巧 057
4.4.1 色相的概念 057
4.4.2 明度概念 058
4.4.3 近似配色 058
4.4.4 双色渐变 059
4.5 网页基本配色 059
4.5.1 网页主题色 059
4.5.2 网页背景色 060
4.5.3 网页辅助色 060
第5章 网站布局配色 062
5.1 网站标志配色 063
5.1.1 网站标志配色 063
5.1.2 浏览器网站标志配色 064
5.1.3 音乐网站标志配色 064
5.1.4 医疗美容类网站标志配色 064
5.1.5 牙医类网站标志配色 065
5.2 网站导航布局配色 066
5.2.1 美妆网站导航布局配色 066
5.2.2 教育网站导航布局配色 067
5.2.3 儿童网站导航布局配色 067
5.2.4 女性网站导航布局配色 068
5.2.5 服饰网站导航布局配色 068
5.3 网站导航栏布局设计 069
5.3.1 顶部导航布局设计 069
5.3.2 底部导航布局设计 069
5.3.3 汉堡包式导航布局设计 070
5.3.4 水平式滚动导航布局设计 070
5.4 网站图片配色 071
5.4.1 美食网站图片配色 071
5.4.2 企业网站图片配色 072
5.4.3 学校网站图片配色 072
5.4.4 民族网站图片配色 073
5.5 网站整体布局配色 074
5.5.1 美食网站布局配色 074
5.5.2 教育网站布局配色 074
5.5.3 艺术网站布局配色 075
5.5.4 企业网站布局配色 076
第6章 网页交互配色 077
6.1 网页按钮配色 078
6.1.1 产品网页按钮交互的颜色搭配 078
6.1.2 服装网页按钮交互的颜色搭配 079
6.1.3 文教网页按钮交互的颜色搭配 079
6.1.4 店铺网页按钮交互的颜色搭配 080
6.1.5 美食网页按钮交互的颜色搭配 080
6.2 页面交互配色 081
6.2.1 单色基调页面交互的配色搭配 081
6.2.2 汽车页面交互的配色搭配 082
6.2.3 科技页面交互的配色搭配 082
6.2.4 个性页面交互的配色搭配 083
6.2.5 风景主图页面交互的配色搭配 084
6.3 弹出菜单配色 084
6.3.1 综合网页弹出菜单的颜色搭配 084
6.3.2 公司网页弹出菜单的颜色搭配 085
6.3.3 品牌网页弹出菜单的颜色搭配 085
6.3.4 个性网页弹出菜单的颜色搭配 085
6.3.5 宠物网页弹出菜单的颜色搭配 086
6.3.6 商城网页弹出菜单的颜色搭配 086
6.3.7 动画网页弹出菜单的颜色搭配 087
6.4 超链接配色 087
6.4.1 公司网页超链接颜色搭配 088
6.4.2 室内装饰网页超链接颜色搭配 088
6.4.3 餐饮类网页超链接颜色搭配 089
6.4.4 数码产品网页超链接颜色搭配 089
第7章 常见的网站色彩搭配 090
7.1 门户网站色彩搭配 091
7.1.1 门户类网站配色分析 091
7.1.2 定位门户网站主色调 092
7.1.3 今日头条门户网站色彩分析 092
7.1.4 搜索框对于门户网站的意义 093
7.1.5 文字色彩与可读性 094
7.2 企业网站 095
7.2.1 优化企业网站的设计 096
7.2.2 企业网站的用色 096
7.2.3 企业网站色彩搭配方法 097
7.2.4 企业网站配色技巧 098
7.2.5 塑造企业网站形象 099
7.3 活动类网站 100
7.3.1 活动网站单色配色 100
7.3.2 活动网站双色配色 101
7.3.3 活动网站多色配色 102
7.3.4 常见网站的配色方案 103
7.4 购物网站 103
7.4.1 巧用色相环色彩搭配 103
7.4.2 相似色搭配购物网站 104
7.4.3 对比色搭配购物网站 105
7.4.4 互补色搭配购物网站 106
7.5 产品展示详情页 106
7.5.1 产品展示详情页配色概述 106
7.5.2 产品展示详情页构图分析 107
7.5.3 图片创建颜色展示产品 109
第8章 不同风格的网页设计 110
8.1 视觉效果 111
8.1.1 简约风格 111
8.1.2 整齐规整风格 111
8.1.3 网站分析——使网页看起来美观、整洁 112
8.1.4 设计师谈——简约是一种特殊的表达 113
8.1.5 常见色彩搭配 114
8.2 欧美风格设计 114
8.2.1 主题风格 114
8.2.2 精致细腻 115
8.2.3 色彩解读——页面中纯度色彩基调 115
8.2.4 设计师谈——欧美风格网站的色彩搭配 116
8.2.5 常见色彩搭配 117
8.3 韩式风格设计 118
8.3.1 韩式色彩搭配 118
8.3.2 层次感设计 119
8.3.3 色彩解读——页面高纯度和低纯度色彩基调 119
8.3.4 设计师谈——韩式的淡雅清新 120
8.4 日式风格设计 121
8.4.1 手绘式风格 121
8.4.2 民族式风格 122
8.4.3 网站分析——日式田园系风格 122
8.4.4 设计师谈——日式风格 123
8.4.5 常见色彩搭配 124
8.5 空间感效果 125
8.5.1 空间感网页概述 125
8.5.2 三维空间感设计 127
8.5.3 网站分析——如何创造空间感的设计作品 127
8.5.4 设计师谈——打造页面空间感 128
8.6 扁平化设计 129
8.6.1 扁平化微阴影 129
8.6.2 扁平化幽灵按钮 130
8.6.3 扁平化渐变色调 131
8.6.4 扁平化圆形元素 132
8.6.5 设计师谈——扁平化配色双色搭配 133
8.7 特色风格设计 133
8.7.1 分隔符网页 133
8.7.2 手绘网页字体 134
8.7.3 网站欣赏——手绘网页设计 135
8.7.4 设计师谈——流行网页设计趋势 137
第9章 不同行业的网页色彩搭配 140
9.1 数码科技类 141
9.1.1 软件研发类 141
9.1.2 如何使页面更有科技感 141
9.2 建筑装潢类 142
9.2.1 室内设计 142
9.2.2 景观设计 143
9.3 汽车类 143
9.3.1 现代风格 143
9.3.2 尊贵风格 143
9.4 服饰类 144
9.4.1 品牌时装网页 144
9.4.2 年轻服装类网页 144
9.5 医疗类 145
9.5.1 减肥类网站风格 145
9.5.2 医疗美容类网站风格 146
9.5.3 牙医类网站风格 146
9.5.4 心理健康类网站风格 146
9.6 食品类 147
9.6.1 写实风格 147
9.6.2 清爽风格 147
9.7 珠宝类 148
9.7.1 优雅风格 148
9.7.2 神秘风格 148
|
內容試閱:
|
网页配色是一种应用广泛的平面表现形式,可用较少的信息获得良好的宣传效果,常用于网页设计、平面网站等,已成为众多商家常用的推广手段。为了帮助设计初学者快速地掌握和应用网页配色,以便在日常的学习和工作中学以致用,我们编写了《零基础学网页配色》。
《零基础学网页配色》通过由浅入深的方式讲解,结合常见应用案例,诠释网页配色的方法和技巧。全书结构清晰、内容丰富,共分为9章,主要包括三个方面的内容。
网页配色的准备与原理
第1~3章,主要学习色彩搭配基础、网页构成与布局和网页配色与视觉印象等方面的知识与操作技巧。
网页布局配色
第4~6章,主要学习色彩搭配标准、网站布局配色、网页交互配色等方面的知识与操作技巧。
不同网页设计的配色方法
第7~9章,主要学习常见的网站色彩搭配、不同风格的网页设计、不同行业的网页色彩搭配等方面的知识与操作技巧。
《零基础学网页配色》编者在网页配色领域积累了多年的制作经验,潜心钻研各种软件的使用技巧和方法。《零基础学网页配色》通过对知识点的归纳总结,拓展读者的视野,鼓励读者多尝试、多练习、多思考、多动脑,以此提高读者的动手能力。希望通过《零基础学网页配色》,能激发读者学习网页配色的兴趣,步入设计殿堂的大门,成就一个设计师的梦想。
《零基础学网页配色》教学用PPT课件,读者可扫描右方二维码获取。
《零基础学网页配色》由Art Style数码设计组织编写,参与《零基础学网页配色》编写工作的人员有许媛媛、罗子超、丁维英、朱恩棣、胡凤芝等。由于《零基础学网页配色》编著的能力和学识有限,书中难免有不妥之处,敬请各位专家、学者、同行以及读者提出宝贵意见和建议。
编者
|
|