初学设计色彩搭配设计技巧.doc

初学设计色彩搭配设计技巧 选用一套成功的配色是一个有意义和有层级设计的基础不管是logo设计还是企业vi设计过程中对设计色彩的搭配使用可以看做是给你的工作媒介创造另外一个维度一起学习一起看看下面简单的设计色彩搭配设计技巧吧 色环 当你闭上眼睛去想象一个色环的时候你脑海中出现的很有可能是JohannesItten(约翰.伊顿)设计的那一个 Johannes是包豪斯和他自己的一系列东方信仰研究的代表 他坚信“我们外在的科学研究和技术必须要和我们的内在精神与思考的力量相平衡”正因为如此他会带着他的学生在课前做呼吸冥想和一些体育运动等练习 下面是对约翰理论的分解 在他的色环里一共有十二个颜色：三个原色三个间色六个复色即我们所熟知的色相 伊顿这个设计的美妙之处在于：无论是复杂的色彩理论或者是简单的选择互补色这个色环都可以作为你的基准 色彩 原色：黄红蓝 间色：橘紫绿 复色：橘黄橘红紫红蓝紫蓝绿黄绿 一些名词释义 色相另外还有个名字叫光谱色还记得小学时候的赤橙黄绿青蓝紫么? 明调往色相颜色中加白色使其更亮 暗调往色相颜色中加黑色使其更暗 饱和度色相的鲜艳程度纯度的低到高 配色的选择 当你要选择配色时你的选择不可能仅仅是约翰伊顿色环的这十二个颜色 这可能会是个比较残忍的事情 但是伊顿色环可以作为一个向导 他让你感觉颜色并不是那么复杂 不同的级别饱和度的颜色可以饱含上千的明调和暗调 但是他们都是源自于这简单的12个色调;是不是很令人欣慰 现在让我们进行实战练习吧 一条很好的经验法则告诉我们最好从黑白两色开始设计 这会让你的基础结构层级鲜明没有其他杂乱的元素 我们假设你现在正在设计一个版式：带头部并且头部下有删格化的文章列表 它的线框图可能看起来是这样的： 你可以看到我们已经初步规划了几个重点的展现并且通篇采用了对比的手法 如果这个阶段有什么差错的话颜色也不会拯救这一切 只有在你已经对版式充满自信的时候你才可以开始考虑颜色 我们对这个版式已经感觉不错了所以现在我们开始给他填充颜色不要忘记保持简单 选三个颜色使用并且保持仅使用这三个颜色 我的理念是挑两个颜色扮演主要角色剩下一个作为跑龙套的 这个龙套最好是可以给饱和度高的颜色的延伸的一种补充 另外两个主颜色可以自由的用来创造层次感代表意义引导和品牌识别 可以用过色彩和谐来决定这些颜色或者使用adobe色彩工具但是当我开始的时候我发现其实我更容易从其他的地方找到灵感 环顾四周 我喜欢从自然和我的周围挑选我的配色 当你走过大街试着注意下你周围的颜色 你是冷漠的略带攻击性的寒冷的或是坚韧不拔的?从你挑出的三个颜色中就能体现出你正在经历着的更甚者能传递出之所以这样选的理由 手机就是个能很好的帮你完成这项任务的工具 如果你是iphone用户那我强烈推荐Sip,若是android的粉丝SwatchMatic则能助你一臂之力 这里有一些来源于我生活的的灵感来帮助我去挑选3个关键色 与此同时我也会记录下当我捕捉到它们那一刻时激发起的感受 细品经典艺术作品 经典的艺术著作是另一个寻找灵感的好地方 如果你看到在博物馆墙上悬挂的杰作他们的色调是相对清晰的 每一个颜色都在适当的位置起着至关重要的作用 在画布上的每一处笔触都表达的准确而无一丝多余 让我们来看一些直观的例子 牢记于心 色彩是一门回归到它本身的科学它取决于文化因素性别癖好颜色很容易成为整个学术论文的课题 这超出了文章讨论的范围让我们言归正传 颜色其实可以被分为两大类别：冷色系和暖色系 暖色系如红橙和黄是积极的而有活力的 冷色系如蓝绿和紫是寒冷萧条的 他们粗略的将色环分割开来 这里有一个很关键地事实去分清他们 那就是视觉层面上暖色系总是比冷色系更为突出层级更优先 试想一副风景图一个冷冷地蓝色天空总是被弱化作为背景 暖色风景却跃于画面最前边 让我们从Albert的画作中挑出三个关键色用于一个典型的销售界面同时也将遵循Albert在他创作的构图原则 于是天空蓝被做为了底色的(因为他是一个冷色调)而在他的上一层创建一个深绿色的图层 最后用金黄色让元素被凸显在最上层 运用配色 经过Albert的例子让我们再从之前在“环顾四周“一节的那些素材中依次提取的三个颜色组成版面再次进行练习 首先来自Burlington的砖和天空 天空蓝因为蓝色自身冷色的隐退性被作为了底色 砖红色以暖色鲜亮的特征被用在蓝色的上层 最后碳黑色的标题在底色的强烈对比下使信息更为明显 对于来自NewJersey的铁路发动机我们以银灰色为底色它是一个很自然的颜色中庸而不出挑 中性色是一种衬托其他颜色的类型 而深蔓越莓红作为主色调和标题色奠定了整体色调的同时也强调和突出了信息 碳黑色在最后被运用在了页脚和按钮也是希望通过强烈的色彩反差来引起用户注意 最后的一个案例同样也是冷色森林绿做了底色 将灰色定为主色调亮橙色被作为了聚焦点用在了按钮和标题以及页脚 同时又因为他的高