【网页设计配色原理】嘉华网络营销部内部培训邓小利汇总.pptVIP

* 打开PS，导入素材图片或者纯色块，演示三要素调整变化。 * * * 对比色(在photoshop里按ctrl+shift+I) * * * * * 据测试，红色能使食欲达到高峰。快餐店，食物展示大都用红色，橙色。 * 据测试，红色能使食欲达到高峰。快餐店，食物展示大都用红色，橙色。  * 另外，其还具有心理层面的作用，也就是说颜色能够影响网站访客看待网站用户体验的方式。很多时候攒下来几十套配色方案也派不上用场，还是要根据产品内容，客户人群来配色。 * 找几个做过的扁平化banner图，以及一些网址连接扁平化的 * 网页设计——配色原理 邓小利 目 录 色彩三要素 1 网页设计配色原理 2 网页设计发展趋势 3 内容回顾 ※六分法则 ※小切糕 这种规则的美感，适合正式而严肃的风格，有版块是三分，有的是四分，有的是六分，有的又是二分，确实不是严格按照六分来的。六，四，三，二都可以，这样分的目的就是，让比例一致，上下左右对称视觉上会舒适！ 六分法则不过是无数网页布局法则中的一种，并不适用所有网页，要根据文案内容主题确定风格来思考适用的布局，不能被法则禁锢。 内容回顾 黄金分割 ※黄金分割：是公元前六世纪古希腊数学家毕达哥拉斯发现的,后来古希腊美学家柏拉图将此称为黄金分割。是指事物各部分间一定的数学比例关系，即将整体一分为二，较大部分与较小部分之比等于整体与较大部分之比，其比值约为1：0.618或者1.618:1，这个比例被公认为是最能引起美感的比例，因此被称为黄金分割。 ※黄金分割无所不在，无论是艺术上（绘画，雕刻等），建筑上，工业生产，还是生活中（家具、服饰等）都被广泛应用。 ※在网上设计上也有很多体现 （腾讯网首页 / 搜狐门户首页 / 豆瓣社区首页） / / / 黄金分割 网页设计概括 网页构成元素： 文字与图片（+视屏）是构成一个网页的两个最基本的要素。 网页设计：布局+配色 色彩搭配是网页设计的核心，也是一个页面风格最直观的表现方式，其有助于设计主题和主旨的构建。也是整个品牌最重要的一部分。 色彩三要素 自然界的颜色千变万化，但最基本的是红、黄、蓝三种，称为三原色。 色彩三要素：色相，饱和度（纯度）和明度。 （人眼看到的任一彩色都是这三个特性的综合效果） ※色相：色彩的第一属性，是色彩的最大特征，色彩的相貌。 （能够比较确切地表示某种颜色区别。Eg：红橙黄绿蓝紫六种基本色相） 色彩三要素 ※饱和度：色彩的第二属性，又叫纯度，即各色彩中包含的单种标准色成分的多少，表明色彩的明暗性质，通俗点就是透明程度。 （纯的色色感强，纯度亦是色彩感觉强弱的标志。Eg:按照调色 可以看成是颜料的浓度，加越多的水，饱和度越小，饱和度为0 就是无色——不是白色，你可以看成一颜料桶的水，就是饱和度为0，而饱和度最大，就是颜料里什么水都不加。纯的颜色都是高度饱和的，如鲜红，鲜绿。混杂上白色，灰色或其他色调的颜色，是不饱和的颜色，如绛紫，粉红，黄褐等。） 色彩三要素 ※明度：色彩的第三属性，表明色彩的鲜灰程度，明亮程度明暗差别，深浅差别，灰度。 （灰度最大，不管什么色相都是黑的，灰度最小都是白的，Eg：红色，是127灰度 加一些黑颜料，灰度上升，颜色就暗，转为深红 -暗红，到255级就黑了，加白颜料就逐渐转灰白 -变成粉红-越来越粉，直到0灰度就成为白色了。） 配色原理 ※ 配色原理： 颜色的种类非常多，不同的颜色会给人不同的感觉。将不同的原来颜色混合，产生不同的新颜色，或者通过调整色彩的色相、明度、纯度的对比来控制视觉刺激，达到配色的效果；另一种是通过心理层面感观传达，间接性地改变颜色（例如红，橙，黄给人感到温暖和欢乐，因此称为“暖色”；蓝，绿，紫给人感到安静和清新，因此称为“冷色”），从而达到配色的效果。 ?无论是通过调整明度，纯度，以形成丰富的层次感；还是选择两个具有对比效果的颜色，形成视觉冲击。总之，要使整个网站保持统一的色彩感觉。 ? 配色原理 ※ 网页配色要注意的特点： （1）色彩鲜明 ?网页的颜色要鲜明，这样才能引人注目。 ? （2）色彩独特 ?要与众不同的颜色，达到画龙点睛，这样才能给人留下深刻的印象。 ? （3）色彩合适 ?网页的色彩配色要与索要表达的主题的氛围贴切、协调。 ? （4）色彩联想 ?不同的色彩会让人产生不同的联想，例如红色，会让人想到太阳、过节等，所以色彩的选择要与网站的内容有关。 ※带着这些要注意的特点，脑海里有一个思路，才开始进行配色。 网页配色法则 ※ 网页设计中的色彩搭配技巧（法则）： 1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或加深)，产生新的色彩，页面看起来