关于网页颜色搭配的技巧.docVIP

前段时间在技术区看到有朋友提出要做个配色方面的教程，颜色方面自己过去只学过一些水粉和国画，稍微具备点颜色搭配能力，在者后来学习的漫画几乎没有用到颜色，全是黑白线稿，到现在做的鼠绘，配色也都是摸着石头过河，今天在网络上搜集了一些资料仅提供给大家参考，毕竟目前关于动画制作配色方面的教程真是少之又少啊，不专业学过还真不晓得该说些什么呢，让大家见笑了。 这里先根据我朋友LONE在闪客皇朝（）所做的配色教程开始讲。 依次演示： 1、紫色系与黄色系 说明：紫色占大部分画面，添加黄色就占少量画面，这样看上去会比较协调。相反，如果黄色占了大部分的画面，紫色就必须占少量画面。 2、红色系与绿色系 3、红色系与黄色系 4、红色系与黑色系 5、红色系与白色系 说明： 这里大家练习的同时，偶要强调，两种对比色不要在同个画面五五对分，比如图1）紫色占大部分画面，添加黄色就占少量画面，这样看上去会比较协调。相反，如果黄色占了大部分的画面，紫色就必须占少量画面。还有一点，建议大家在要凸显的主体物加以白边或黑边，因为在颜色很多的情况下，黑，白，灰，会起到中间色的作用，来给画面强烈的对比反差做协调。比如要用黑色加边，也不必用纯黑，深色也可以，黑偏蓝啊，黑偏红啊，黑偏黄啊，依次类推，看你自己的感觉了。 不过建议刚开始练习用色的朋友先从纯色练习着手，把握好色彩感觉后在做比较深的研究。 颜色搭配并没有一个固定的模式，如果搞过绘画的人应该知道凡高的作品《向日葵》和《星空》，他的作品颜色搭配很大胆，而且完全超出逻辑，颜色反差很大，使人视觉感受莫大的冲击力！而以上LONE的配色方法，他主要是以粉色调为主，使颜色与颜色之间达到和谐和统一，让人看起来很舒服的样子。 例图： 通常为主色调决定你要搭配什么样的颜色才协调，如上图，主色调为暗绿色，而人物黑白色作为中间色，字体的色调就要做到相应调整，让人首先看到人物眼睛——首饰——闪客皇朝字体，然后才会注意到背景，色彩能引导一个人的视觉走向，跟配色不无关系。 如果配色过于复杂多变，那很难让人把握住中心，我们称之为“记忆点”，你要将什么中心明确的向大家展示，那你就要让它在主背景色中突出表现出来。 如上图，主背景色调为蓝色+部分黑色，而白色是突出表现中心的一个色调，那鸽子的造型就用白色表示，如果用其他色调，如果是墨绿或者与背景色相似的颜色，那就形成不了反差，也就无法体现整幅图的中心点，更不能烘托气氛了。 以下的图是同样的道理，大家可以参考下： 图1： 图2： 图3： 图3的背景色为纯白，那使用淡蓝色搭配能很好的体现主题。各种颜色的搭配能让我们产生共鸣和丰富的想象空间： 谈到配色，网站用色甚为考究，一个配色好的站点，首先吸引人的第一中心点，就是它良好的颜色搭配，然后才会让人注意内容。 不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型： 1、公司色 在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C：100%，M：60%，Y：0%，K：0%。这样的颜色使用到网站上显得色调自然，底蕴深厚。 2、风格色 许多网站使用颜色继承的公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。 3、习惯色 这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。 以下我分别介绍几个配色比较好的网站，大家可以学习和借鉴下，培养对色彩的敏感以及独到的审美能力。 1，这是个大型的NBA网站，通常我们经常看到的此类网站以白色为背景，但是这个网站却用灰黑色RGB（48，48，48/#333333）{以下颜色都用RGB表示}，文章标题用色为RGB为（203，201，153/#CCC99），菜单使用的RGB为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。 如图： 色系如下： 现在介绍的网站相对简单，但是她的用心也别具匠心，现在我们来看一看，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111），字体使用的是RGB（83，86，91）。虽然简单，但颜色搭配非常的科学合理。 例图： 橘红色如果运用得当的话是一种非常适用于网页上的颜色。下面这个网站就是一个非常著名的例子。他的主色调为RGB（255，151，0），辅