关于色彩的构成和辅助

在很长时间以来,一直有很多人问我色彩搭配和色彩控制上的问题,其实说实在话,我也没感觉自己的色彩用的有多好,只是按自己的方式去搭配自己认为舒服的色彩,在这里,我写的只是一点自己做设计过程中的一点心得,和自己的一些见解。
  色彩是很微妙的东西,它们本身的独特表现力可以用来产生出一种刺激人们大脑中对某种形式存在的物体的共鸣,展现出示对待生活中的新的看法与态度,扩大了我们创作的想象空间,赋予了创作的新的不定性。

  其实在一个具体得设计稿样上,形态的组织、色彩的构成等都是为了获得一种整体的视觉效果,在这我们抛开他形态组织不谈,先简单的分析下一个设计稿样上在色彩上如何是形成一个统一和谐的整体的。

  <1>在一个具体的设计中都存在主色和辅助色之分,主色存在于视觉的冲击中心点中,是整个画面的重心点,它的明亮度、大小、饱和度都直接影响到辅助色的存在形式以及整体的视觉效果。而辅助色在整体的画面中则应该起到平衡主色的冲击效果和减轻其对观看者产生的视觉疲劳度,起到一定量的视觉分散的效果,所谓的一定量是指,在一个成功的作品中,在整体形态组织确定的时候,辅助色的所应起具体作用和存在方式就已经得到了确定。如:我前天为了个人网站所设计的一个广告招贴

  解释: 在这幅图中,具体的形态组织我选择了比例失调,把侧重点放在了左边,在取色上我选择了对比强烈的橙色和正蓝色,辅助色除了这俩种色彩外还用了银灰和黑色,在左边的俩个大的色彩中那小部分的黑色起了过渡的作用,平衡了俩者间的强烈对比,然后,运用整体设计中所用到得文字元素,将辅助色运用于文字上,进而寻求画面的整体统一,由于形态组织的比例的失调,为了寻求整体的平衡感,在使用了小色块得同时,加上了银灰色的视觉牵引线,从而平衡了整体的失重感。在这里我强调得是,在俩种或多种对比强烈的色彩为主色的同时,就必须找到平衡它们之间关系的一种色彩,比如说黑色、灰色调、白色等,但需要注意他们之间的亮度、对比度和具体占据的空间比列的大小,在此基础上选择你的辅助色,同时还必须注意整体画面色彩的统一和色彩的平衡感,千万不要让主色彩之间的比例严重失调,这会对整体效果造成负面的影响。要善于通过形态组织中的辅助元素,在寻求整体画面统一的同时,创造出色彩辅助点,来分散主色调对观赏者所产生的视觉上的疲劳感和刺激感。

  <2>对于每种色彩来说都存在同色系的说法,而同一种色系由于它的明暗度、饱和度的不同,构建出了一个阶梯式的图表,这样我们在设计的过程中就会碰到难以取色的问题,由于都是同一的色系,在取舍上都有种微妙的感觉,虽然说色系相同但配出来的效果却存在很大的区别。大家可以从下面的俩幅图中看出他们之间存在的差异性。(由于写的急只是临时取得图,但我觉得大家还是能够从图中找出区别来的)

     

  解释: 它们之间的差别只是明暗度差1而已,在这我想说的是,在碰到这种配色问题时,大家尽量多的去试着调节下它们的间的明暗对比度,往往能获得臆想不到搭配效果,而不要满目的一取即用,而取色的过程中,要尽量试着提取它们间的过渡色,这过渡色往往是最好的辅助色。同时,大家要考虑好形态组织对色彩搭配的要求和影响。

  <3>黑、灰、白的辅助效果,在配色中,无论什么色彩间的过渡它们都能起到很好的过渡作用,但黑、白起到的都是大都是间断式过渡,灰度则能比较好的实现色彩间的平稳过渡,但他们往往并不是最好的过渡色,而在利用它们作为辅助色的同时,不要忽略了他们的过于稳定性对整个画面所造成的影响。在运用黑、白的同时,由于它们的特性使它们在视觉的辨别中比其他色彩更容易成为视觉的中心。

  <4>关于取色的方式,要创作一个好的作品,就必须配好色,而在配色这一个步骤中,最关键的一个环节就是取色,每个设计师都知道,色彩是视觉接受的第一信息,一个好的作品,在配色过程中用的时间是创作作品过程中需要时间最长的环节。这里我写的是我经常用到的俩种取色方式。

  No.1: 在考虑好要使用的色彩时,例如黄色,其实每个色彩都是单独的一个色系,就如我前面举过的那个色彩阶梯式的图表,1的明暗度,他所产生的色彩存在着明显的差别。回到前头举例的黄色系上,基本上我刚开始选取的色彩的数值是#FCE100,然后通过一些适当的调节,几乎可以获得你想要的色彩,当然这需要你花时间去调节。其实,每个色系的取色,我都取最亮但不刺激人的视觉、深色但能使人视觉趋于平和的色彩,尽量少的刺激自己的视觉的色值,这在整个配色的过程中能让你更好的把握色彩的感觉。

      

         

          

  (附录一.关于方式一的调节方式的一些说明,在调节的过程中,由#FCE100这一色值到搀杂红色系的调节方式是,在色块上方,覆盖一层黑色块,通过调节其通明度或者图层的属性,在调节好图层的属性的同时,你还可以调节黑色块的通明度来寻找你想要的色值。同理让黄色变的更亮或者浅黄的方式则是添加白色的色块和调节透明度。)

  No.2: 取网页安全色,同样用黄色为例,我一般先取的色值是#FFCC33,或是#FF6600其实网页安全色有中好处就是,它对视觉所产生的刺激较小,但调节起来相对困难,选定大致色调后,在调节其色彩的时候,尽量适当修改下RGB中的G、B值.这种微调能让你找到更好的配色方案。当然也比较累人。附图:

  <5> 关于配色

  其实配色简单的来说,不外乎色彩的对比、色彩的辅助、色彩的平衡以及色彩的混合,可在简单的说明在实践的过程中也是很困难的。

  下面的色谱是我以前做的色彩练习,色彩多,但应该没有杂乱、刺眼的感觉,而说起来呢,在下面的这张练习当中,我最主要想表达的是一种在色彩强烈对比下的色彩所产生的视觉平衡及色彩之间相互所能产生的辅助作用。在下图中,最明显的一个就是同色系在图中的位置不同,而且由于同色系存在的视觉牵引,在这副作品当中也可以说是视觉的干扰,不让视觉集中到某一固定的色块上,以减少单一色彩对视觉所产生的刺激,同时色彩色调存在的明暗差异性不是很大,而且色块和色块当中穿插着白色线条作为过度,色块当中的那些半透明的白色块,线条,以及右边和图形色块当中的适当留白,产生了一定的视觉分散效果,而原来最亮的白色也显的不刺眼了,虽然白色仍然是视觉的中心,尤其是色块当中的那一个白色块。

时间: 2024-10-02 11:29:30

关于色彩的构成和辅助的相关文章

提高转化率的有效途径

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 要做适合自己店铺的装修,首先要想几个问题:我的店铺是卖什么产品的?我的品牌定位如何?我的产品对应的是怎样的目标群体?选取两个大家熟悉的品牌LV 和MUJI来举例子.说起LV,大家会想到"大牌.昂贵.精致.皮质.华丽.棕色.欧美.方格--" 等等这些关键词. 而无印良品MUJI,我们能想到的则是"素色.极简的.清新

用色彩打造专业的视觉效果

上周看到这篇文章,很有收获.色彩的使用无论是在网站还是工作各个环节的沟通都很重要.好的色彩可以让用户更舒服,更愉悦,同时营造更好的气氛.但同时很多问题需要在产品设计环节就该解决,否则会遗留到视觉设计并且无法解决.这篇文章讲了很多基础理论和具体的方法论,尤其喜欢这种文章,翻译出来- PS:文章很长,要有心里准备- 是什么能让一个设计看上去是协调的,有条理的,专业的?答案是"色彩". 不是所有的项目都要用那种浅的"公司蓝"(corporate blue)才会看上去很专业

Web 页面设计的色彩理论及应用

web|设计|页面 我们在设计的运用上重点在于创造一个没有过的形态,把形体润饰得协调美观,它受社会的制约,重视地方特征.为了在设计中有效的使用色彩我们必须掌握一些色彩的基础理论知识,结合自己的实际经验,来营造我们的作品.同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下靠我们自己的眼睛和审美观点来做出选择. 色彩构成(Interaction of color),可以理解为色彩的作用,是在色彩科学体系的基础上,研究符合人们知觉和心理原则的配色.配色有三类要素:光学要素(明

商业产品如何用色彩引导用户获取信息

文章描述:商业产品色彩体系. 商业产品有这样几个特点:1.信息量大:2.功能模块繁多:3.用户角色多样化:4.操作者水平参差不齐. 通常情况下,图形及色彩是引导用户的第一要素.在商业系统中,图形不可滥用. 那么如何用色彩引导用户获取信息是系统设计中的一个重点. 这里举个例子:导视系统会告诉你在哪里,你想去的地方怎么走,那里有什么? 合理的色彩应用亦有这样的效果: - 你在哪里 - 哪些是可操作的 - 哪些是重要的信息 - 哪些是对你有帮助的信息 - 信息之间的关系是什么 那么我们可以将整体色彩划

网页设计的色彩理论及应用

我们在设计的运用上重点在于创造一个没有过的形态,把形体润饰得协调美观,它受社会的制约,重视地方特征.为了在设计中有效的使用色彩我们必须 掌握一些色彩的基础理论知识,结合自己的实际经验,来营造我们的作品.同一色彩有数之不尽的应用方法,并没有非常机械的色彩调和的法则,在一定的原则下靠 我们自己的眼睛和审美观点来做出选择. 色彩构成(Interaction of color),可以理解为色彩的作用,是在色彩科学体系的基础上,研究符合人们知觉和心理原则的配色.配色有三类要素:光学要素(明度.色相.纯度)

商业产品色彩体系

商业产品有这样几个特点:1.信息量大;2.功能模块繁多;3.用户角色多样化;4.操作者水平参差不齐. 通常情况下,图形及色彩是引导用户的第一要素.在商业系统中,图形不可滥用. 那么如何用色彩引导用户获取信息是系统设计中的一个重点. 这里举个例子:导视系统会告诉你在哪里,你想去的地方怎么走,那里有什么? 合理的色彩应用亦有这样的效果: - 你在哪里 - 哪些是可操作的 - 哪些是重要的信息 - 哪些是对你有帮助的信息 - 信息之间的关系是什么 那么我们可以将整体色彩划分成两大类,主体色系和提示色系

色彩原理 Photoshop颜色搭配的那点事

  一个好的设计作品,颜色占到70%左右,其他的30%左右分给了排版,文字设计,图形处理等. 一.颜色是区分过时设计和时髦设计的重要指标 大家可能会注意到国内前七八年前的各种海报,喷绘,网站,如果现在还有人拿出这种设计来完成任务,估计大家都会说那个垃圾. 设计虽然是一种高级的与审美结合的脑力劳动,但是它与人们的生活联系十分紧密,随着设计的要求越来越高,人们渐渐被宠坏,审美的能力也越来越强,越来越挑剔,而人们判断的第一标准就是第一眼给她的感觉,说白了就是颜色的搭配.你不能拿七八年前的那些东西去糊弄

网页设计中的色彩理论

无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 你们当中很多人可能已经在学校学过一些色彩基础知识,让我们快速回顾一些术语,来更好的把握色彩和运用色彩. 色轮的主要组成 所有的色彩能在一个色轮中呈现.在这个色轮中,我们能把颜色分成3大块:原色,辅助色和第三颜色. 三原色分别是红色,蓝色和黄色.这些色彩是基础色,他们组成了色轮上

Photoshop常见色彩调整工具的应用介绍

  本系列是修图高手他山之眼的后期风格全方位科普教程,囊括了十几种常见的后期风格以及术语科普,可以帮你从头开始完整地掌握后期修图.今天这篇小科普帮同学们了解不同色彩带来的情绪以及常见的色彩调整工具. 从零开始学后期: 摄影与写作一样,是需要带有一定的情绪的. 大雾锁江,朦朦胧胧,迷茫. 蓝天白云,清晰透亮,轻快. 黑云袭城,压抑沉闷,失落. 图片是能代替我们发声的,有时候,一图胜千言. 为什么后期是摄影不可分割的一部分?因为摄影作为一门艺术,它的目的并不完全是为了还原,而是需要掺杂一定程度的作者