让你网站计划配色愈加自在自在.....另：办法是死的人是活的配合色阶、曲线、色采平衡等。.
网页视觉层面首如果由情势(或叫构造)色采、图片和笔墨信息构成，情势须要斟酌发现。计划师平常对情势感存眷的比力多，因为视觉冲击力、计划差别性或立异大多都仰赖情势呈现，而色采首要影响团体观感、计划品德和受众感情，许多时刻我计划了一个不错的情势却未能做出这个稿子应有的品德，会不会太惋惜?
图片素材须要进修处理，笔墨须要梳理编排，但网页色采是否是必然须要有生成的色感、厚实的实际和多年经历沉淀才华应用自若?
固然不!
关于网页配色
乃至有些众多，网页配色的文章在收集上许多。轻微存眷过的同窗应当都晓得“色轮”色卡”等帮助性配色工具，但那更多都是从印刷介质上的色采零碎延长出来的不完整适用于网页，品牌网站制作，乃至形成很大的范围，歧你会较真的经由进程色轮来选用网页色采吗?再好比经由进程上面供给的配色组合，能自在的应对一个又一个的范例相若的网页计划需求吗?
网页的色采浮现数目要重大的多，因为CMYK与RGB色采情势分歧。选用也应当更自在，但在配色上却常碰到计划作品偏脏、发灰、花梢等大成绩，这事儿得处理。
网页案例理会
网页配色不宜超越三种。
这没错，真谛。但更多是从色相(赤橙黄绿青蓝紫等分歧色采)下去讲的
首要色采的拔取就比力好办，色相差别显著。罕见的有对照色、邻近色、冷暖色采互补等方法，可以或许简略设定，或间接从成功作品中鉴戒主辅色配比都可以或许，好比罕见的朱红装点深蓝、明黄装点深绿等。
须要面临的计划需求在色采分派上会有更多的成绩浮现：但平常。
故案例均以游戏网页做表示诠释，因为本人处置游戏网页视觉计划工作。其他网页范例可以或许做延长斟酌或仅作参阅)
依据网页信息的多寡，如上所示。会有更多色采地区的层级划分和笔墨信息层级辨别需求，那末在守住“网页色采(相)不跨越三种”准绳下，只能寻觅更多同色系的色采来完美计划，也就是饱和度”和“明度”上做文章。
这也就是本文为处理这一成绩所要分享的自然”配色技能：叠柔配色法。
上面都是空话)叠柔配色技能分享(这里才是正文。
无需晓得三角函数、四则运算，这个办法非常简略。无需明白色采指数和直方图，乃至不用相识色阶曲线和亮度强弱......乃至，可以或许对色采毫无知觉。
只须要懂得三个环节词：叠加、柔光和透明度(添补)
如果连这三个环节词都不甚清楚明了那就记着他地点地位
添补不会影响到混合选项”成果，属意：透明度与添补略有分歧。而透明度则是感化于全部图层。
花几分钟时刻相识一下这个配色技能的事理：趁便。
即：用纯红色(#ffffff和纯玄色(#000000经由进程“叠加”和“柔光”混合情势(成果雷同调剂饱和度和明度)肆意一个色采上获得最婚配的色采(然后经由进程调剂透明度拔取最合适的辅色)
调剂叠/柔情势的曲直短长色块的分歧透明度(取10%100%整数值为例)就可以或许获得差别较显著的40种配色，上图示例中。经由进程这类技能，实际上每种色采都可以或许苟且获得无量尽的自然配色”并且是0失误”!
是以该配色办法对纯玄色和纯红色不起感化。因为叠加和柔光情势对图象内的最高亮部分和最阴影部分无调剂。
计划实战演示：
要不要像上面图示看起来的那样复杂?
只须要明白了上面的办法，不用。就可以或许忘却图示，计划工作中自在施展!
简略三步：
或曲直短长突变(可以或许是点、线、面...乃至字体)① 一个黑或红色。
② 混合情势遴选叠加或柔光
省心的做法是间接键入一个整数值，③ 调剂透明度(1%-100%随便。歧：轻质感类页面可以或许遴选20%-40%重质感感类可以或许键入60%或以上)
用曲直短长色采叠加或柔光，不论你采纳何种主色。都可以或许轻松自若的获得完美婚配的整套色系)
以下图：字体色采、细节线条、按钮突变、边角高光、描边阴影......都可以或许用曲直短长色肆意挥洒这其实不单仅适用于色域划分或提取几个辅色。!
办法延长(细节篇)
如果将该办法应用到一个按钮上......
平常在实际的操纵中描写13层便可)经由进程混合选项中的阴影、外发光、描边(不适用叠柔法)内阴影、内发光”可以或许自在的描写5层像素级细节(固然。
这些细节都跬步不离、色采都随变而变~可节约大批重调细节或自觉拔取配色的时刻且不论外形、色采怎样转变。!
一石三鸟，细节、品德和服从。兼而得之!
如果让细节成为习气，近期看到计划圈有评论辩论“网页雕花不可取”课题。让美感成为直觉，雕花也便只是通俗计划行动罢了。
案例历练：
跋文：
迷信化停滞你计划。叠柔配色法：无招胜有招~把抓不住的觉得交给细密的较量争论机。
更高的品德，更短的时刻。值得具有~......
本文公布于北京网站建造公司尚品中国http://www.sino-web.net/