基本内容

网页设计配色图典(选对色彩有诀窍)，用丰富的案例，让读者更容易学懂。

编辑推荐

1、本书中既有用色指导，又有丰富的案例，所有案例都配有设计分析，在读者学习理论的同时，可以欣赏到优秀的作品。2、所选案例均为国外非常典型的艺术宣传作品，对国内设计师做相类似的设计有很大的启发和示范作用。

目录

第1章色彩达人必学知识1.1色彩究竟是什么1.1.1色彩是什么1.1.2色彩能够做什么1.1.3色彩的属性1.2主色、辅助色、点缀色的关系1.2.1主色1.2.2辅助色1.2.3点缀色1.2.4设计师谈——利用柔和色调打造全新视觉感受1.2.5动手练习——使用图标代替文字增加页面现代感1.3色彩的对比1.3.1明度对比1.3.2纯度对比1.3.3色相对比1.3.4面积对比1.3.5冷暖对比第2章网页设计的基础知识2.1什么是网页2.2网页的构成2.2.1网页简介2.2.2网页标题2.2.3网站的LOGO2.2.4网页页眉2.2.5网页页脚2.2.6网页导航2.2.7网页的主体内容2.3网页的尺寸2.4网页的色彩2.4.1RGB色彩模式2.4.2HTML语言对色彩的描述2.4.3网络安全色第3章了解基础色3.1红3.1.1浅谈红色3.1.2应用实例3.1.3常见色分析3.1.4猜你喜欢3.2橙3.2.1浅谈橙色3.2.2应用实例3.2.3常见色分析3.2.4猜你喜欢3.3黄3.3.1浅谈黄色3.3.2应用实例3.3.3常见色分析3.3.4猜你喜欢3.4绿3.4.1浅谈绿色3.4.2应用实例3.4.3常见色分析3.4.4猜你喜欢3.5青3.5.1浅谈青色3.5.2应用实例3.5.3常见色分析3.5.4猜你喜欢3.6蓝3.6.1浅谈蓝色3.6.2应用实例3.6.3常见色分析3.6.4猜你喜欢3.7紫3.7.1浅谈紫色3.7.2应用实例3.7.3常见色分析3.7.4猜你喜欢3.8黑3.8.1浅谈黑色3.8.2应用实例3.8.3猜你喜欢3.9白3.9.1浅谈白色3.9.2应用实例3.9.3猜你喜欢3.1灰3.10.1浅谈灰色3.10.2应用实例3.10.3猜你喜欢第4章网页布局技巧与色彩4.1网页布局的基础知识4.2黄金分割式布局与左右对齐式布局4.2.1黄金分割式布局4.2.2左右对齐式布局4.2.3动手练习——修改背景颜色4.2.4设计师谈——黑色配色方案4.2.5配色实战4.2.6常见色彩搭配4.2.7猜你喜欢4.3全景式布局与卫星式布局4.3.1全景式布局4.3.2卫星式布局4.3.3动手练习——使用点缀色4.3.4设计师谈——按钮的设计4.3.5配色实战4.3.6常见色彩搭配4.3.7猜你喜欢4.4照片组合式布局与包围式布局4.4.1照片组合式布局4.4.2包围式布局4.4.3动手练习——LOGO的设计4.4.4设计师谈——扁平化4.4.5配色实战4.4.6常见色彩搭配4.4.7猜你喜欢4.5散开式布局与对称式布局4.5.1散开式布局4.5.2对称式布局4.5.3动手练习——提高颜色的纯度4.5.4设计师谈——留白4.5.5配色实战4.5.6常见色彩搭配4.5.7猜你喜欢第5章网页色彩的视觉印象5.1女性5.1.1甜美5.1.2时尚5.2男性5.2.1理智5.2.2温存5.3儿童5.3.1柔和5.3.2活力5.4老人5.4.1温暖5.4.2踏实5.5华丽5.5.1优雅5.5.2华美5.6质朴5.6.1淳朴5.6.2干净5.7活泼5.7.1天真5.7.2活力5.8庄重5.8.1庄严5.8.2稳重5.9兴奋5.9.1亢奋5.9.2欢乐5.1沉静5.10.1安静5.10.2沉寂5.11温暖5.11.1温馨5.11.2和煦5.12凉爽5.12.1劲爽5.12.2冰凉5.13专业5.13.1品质5.13.2科技5.14时尚5.14.1新潮5.14.2前卫5.15雅致5.15.1精致5.15.2优雅5.16环保5.16.1呼吸5.16.2健康5.17安全5.17.1安稳5.17.2安然5.18信誉5.18.1大气5.18.2品质5.19荣耀5.19.1华丽5.19.2光辉5.2美味5.20.1香甜5.20.2浓香5.21神秘5.21.1奇幻5.21.2深邃5.22梦幻5.22.1绚丽5.22.2迷幻5.23自然5.23.1绿色5.23.2清新5.24严肃5.24.1典范5.24.2规范第6章不同网站的网页色彩搭配6.1门户网页6.1.1什么是门户网站6.1.2案例分析6.1.3动手练习——降低文字的饱和度6.1.4设计师谈——别忽视网页中的搜索框6.1.5配色实战——扁平化网页的配色方案6.1.6常见色彩搭配6.1.7猜你喜欢6.2企业网站6.2.1什么是企业网站6.2.2案例分析6.2.3动手练习——增加页面空间感，集中用户视线6.2.4设计师谈——用同一色相进行色彩搭配6.2.5配色实战——网页中点缀色配色方案6.2.6常见色彩搭配6.2.7猜你喜欢6.3产品展示6.3.1什么是产品展示网页6.3.2案例分析6.3.3动手练习——减少画面颜色6.3.4设计师谈——各国家的颜色内涵6.3.5配色实战——网页配色方案6.3.6常见色彩搭配6.3.7猜你喜欢6.4购物网站6.4.1什么是购物网站6.4.2案例分析6.4.3动手练习——为留白空间添加装饰6.4.4设计师谈——网页设计中，字体粗细的选择6.4.5配色实战——网页色彩搭配6.4.6常见色彩搭配6.4.7猜你喜欢6.5社交网站6.5.1什么是社交网站6.5.2案例分析6.5.3动手练习——网站色调应该与产品相呼应6.5.4设计师谈——避免红字蓝底或蓝字红底的情况6.5.5配色实战——不同配色方案的视觉效果6.5.6常见色彩搭配6.5.7猜你喜欢6.6个人网页6.6.1什么是个人网页6.6.2案例分析6.6.3动手练习——为单调的背景添加装饰6.6.4设计师谈——网页设计中的三个小细节6.6.5配色实战——舞蹈网站的色彩搭配6.6.6常见色彩搭配6.6.7猜你喜欢6.7社区论坛6.7.1什么是社区论坛6.7.2案例分析6.7.3动手练习——别把选项藏起来6.7.4设计师谈——单色网页设计6.7.5配色实战——网页色彩搭配6.7.6常见色彩搭配6.7.7猜你喜欢6.8活动网站6.8.1什么是活动网站6.8.2案例分析6.8.3动手练习——尽量减少表单问题6.8.4设计师谈——选用两种色彩进行色彩搭配6.8.5配色实战——同一网站的配色方案6.8.6常见色彩搭配6.8.7猜你喜欢6.9搜索引擎6.9.1什么是搜索引擎6.9.2案例分析6.9.3动手练习——学会强调最佳方案6.9.4设计师谈——使用黑色与一种色彩进行搭配6.9.5配色实战——小面积修改颜色的方案6.9.6常见色彩搭配6.9.7猜你喜欢第7章不同行业的网页色彩搭配7.1车品类7.1.1现代风格车品网页7.1.2粗犷风格车品网页7.1.3动手练习——为教育网页换一个合适颜色7.1.4设计师谈——为网页制作一个漂亮的等待页面7.1.5常见色彩搭配7.2服饰类7.2.1品牌时装网页7.2.2年轻服装网页7.2.3动手练习——将商品突显出来7.2.4设计师谈——使用菱形进行页面的分割7.2.5常见色彩搭配7.3珠宝类7.3.1珠宝类购物网页7.3.2品牌珠宝网站7.3.3动手练习——提高画面明度7.3.4设计师谈——色块拼贴法7.3.5常见色彩搭配7.4建筑装潢7.4.1室内设计装饰公司网页7.4.2景观事务所网页7.4.3动手练习——为导航栏添加图标增加其识别性7.4.4设计师谈——简洁明快的网页设计风格7.4.5常见色彩搭配7.5媒体、音乐类7.5.1音乐类网页7.5.2电视剧网页7.5.3动手练习——为界面换一个合适的点缀色7.5.4设计师谈——利用视差滚动，打造全新感官享受7.5.5常见色彩搭配7.6IT科技7.6.1软件研发公司网页7.6.2电脑制造商网页7.6.3动手练习——卫星式布局方式的妙用7.6.4设计师谈——为界面添加一个合适的字体7.6.5常见色彩搭配7.7教育类7.7.1知名大学网页7.7.2私立学校网页7.7.3动手练习——为页面填写一个显眼的辅助色7.7.4设计师谈——为网站设计一个漂亮的界面7.7.5常见色彩搭配第8章不同风格的网页设计8.1简约至上主义风格8.1.1简洁8.1.2整齐8.1.3动手练习——使网页看起来唯美、整洁8.1.4设计师谈——简约是一种特殊的表达8.1.5常见色彩搭配8.2绚丽的欧美风格8.2.1清爽8.2.2时尚8.2.3动手练习——将页面改为中纯度色彩基调8.2.4设计师谈——欧美风网站的色彩搭配8.2.5常见色彩搭配8.3淡雅的韩式风格8.3.1淡雅8.3.2醇厚8.3.3动手练习——使网页看起来清新淡雅8.3.4设计师谈——韩式的淡雅清新8.3.5常见色彩搭配8.4悠远的日式风格8.4.1细腻8.4.2民族8.4.3动手练习——使网页看起来更富意境8.4.4设计师谈——日式风格8.4.5常见色彩搭配8.5空间感网页设计8.5.1层次8.5.2立体8.5.3动手练习——使网页层次更加清晰8.5.4设计师谈——“立体感”的产生8.5.5常见色彩搭配8.6扁平化设计8.6.1整洁8.6.2简约8.6.3动手练习——为页面选择一个合适的颜色8.6.4设计师谈——力求简约的扁平化设计8.6.5常见色彩搭配8.7趣味的手绘风格8.7.1趣味8.7.2鲜活8.7.3动手练习——添加插画，活跃页面气氛8.7.4设计师谈——富有亲和力的手绘风8.7.5常见色彩搭配8.8抽象的网页设计8.8.1精炼8.8.2情绪8.8.3动手练习——使网页风格更加简约8.8.4设计师谈——抽象风是情绪的精炼8.8.5常见色彩搭配8.9怀旧的复古风格8.9.1回忆8.9.2浓厚8.9.3动手练习——使网页视觉重点突出8.9.4设计师谈——复古风的融情8.9.5常见色彩搭配第9章综合版式配色9.1儿童主题网页9.1.1项目分析9.1.2案例分析9.1.3版式分析9.1.4配色方案9.1.5佳作欣赏9.2自然主题网页9.2.1项目分析9.2.2案例分析9.2.3版式分析9.2.4配色方案9.2.5佳作欣赏9.3科技类网页9.3.1项目分析9.3.2案例分析9.3.3版式分析9.3.4配色方案9.3.5佳作欣赏9.4商务风格网页9.4.1项目分析9.4.2案例分析9.4.3版式分析9.4.4配色方案9.4.5佳作欣赏

序言

网页设计是一项根据企业希望向大众传递的信息（包括产品内容、服务、理念、企业文化），进行网站功能策划，然后进行页面设计美化的工作。作为企业对外宣传资料的其中一种，优秀的网页设计，对于提升企业的互联网品牌形象至关重要。本书按照配色设计的各大模块分为9章，分别为色彩达人必学知识、网页设计的基础知识、了解基础色、网页布局技巧与色彩、网页色彩的视觉印象、不同类型的网页色彩搭配、不同行业的网页色彩搭配、不同风格的网页设计、综合网页配色。在每一章都安排了大量的案例和作品赏析，所有案例都配有设计分析，在读者学习理论的同时，可以欣赏到优秀的作品，因此不会感觉枯燥。本书在最后一章对4个大型案例进行了作品的项目分析、案例分析、配色方案的讲解，给读者一个完整的设计思路。通过对本书的学习，可以帮助读者在色彩搭配、理论依据、网页设计理念这三方面都有非常大的提升，可以轻松应对工作。编者在编著过程中以配色原理为出发点，将“理论知识结合实践操作”、“经典设计结合思维延伸”贯穿其中，愿作读者学习和提升道路上的“引路石”。本书由TOPART视觉研究室组织编写，瞿颖健主编。曹茂鹏、曹爱德、曹明、曹诗雅、曹玮、曹元钢、曹子龙、崔英迪、丁仁雯、董辅川、高歌、韩雷、鞠闯、李进、李路、马啸、马扬、瞿吉业、瞿学严、瞿玉珍、孙丹、孙芳、孙雅娜、王萍、王铁成、杨建超、杨力、杨宗香、于燕香、张建霞、张玉华等同志参加编写和整理。由于编者水平所限，书中难免有疏漏之处，希望广大专家、读者批评斧正！编者