课程:
ui设计中的色彩方案设计一般确定原则是什么?包含哪些?
1. 色彩术语
色彩术语构成了我们色彩知识的基础。把色彩术语,如色相,色调和阴影,看作是我们可以用来开发独特调色板的工具。
Hue(色相)
色相是色彩的一个技术术语,色相是指母色--没有添加白色或黑色的饱和色。
Tint(淡色;淡性)
当白色加入到一个色相中时,就会产生一个色彩。
Shade(色度)
当黑色加入到一个色相中时,就会产生一个色度。
tone(色调)
当灰色,无论是色调(白色)还是阴影(黑色),都被添加到一个色调中时,就会产生一个色调。
color value(色彩明度)
色彩明度是指颜色的明暗程度,它表示反射光的数量。
Saturation(饱和度)
饱和度是指颜色的亮度和强度,高饱和度的色彩鲜艳夺目,而低饱和度的色彩则暗淡无光。
2. 层次结构
当一个元素的外观与周围环境形成对比时,说明该元素具有较高的重要性。我们可以使用颜色和颜色权重来建立界面中的层次结构。
通过使用颜色的色调,我们可以给元素分配不同的重要性。
如果一个元素比另一个元素更重要,它的视觉权重就应该更高。这样可以方便用户快速浏览页面,区分重要和不重要的信息。
更突出、更大胆的信息是用户的视线会首先被吸引到的,然后他们会转向它下面的辅助信息。
3. 表现力
在令人难忘的时刻展示品牌颜色,以强化您的品牌独特风格。
想想你的品牌颜色就像一盘牛油果吐司上的盐和胡椒粉。盐放多了,就会盖过天然的味道,放少了,就会显得平淡无奇。
当在界面上添加颜色来强化你的品牌时,要考虑好添加的时间和地点。
4. 包容性
设计产品与建造图书馆或学校等公共建筑类似--它需要包容所有人。
网络内容无障碍指南(WCAG)有一些建议,以确保我们界面中的颜色对有运动、听觉和认知障碍的人来说是无障碍的。例如,他们的文字标准要求至少有4.5:1的对比度。
要确保你符合这些标准,请下载Stark,它将检查你的设计是否无障碍。你还可以用他们的插件模拟色盲,并根据需要进行调整。
我们经常试图设计出好看的东西,而忽略了考虑与我们产品互动的不同用户。
随着我作为一个设计师的成熟,我已经接受了所有的各种限制,这些限制会破坏我的完美设计理念。ADA合规性就是这样的制约因素之一。
当我们试图为Dribbble点赞时,我们可以摆脱这种情况,但当我们为真正的人类开发产品时,这不是一个好的做法。
5. 含义
颜色会唤起不同的感觉或情绪,所以通过了解颜色的心理学,我们可以利用与目标受众产生共鸣的品牌颜色。
重要的是要认识到你的受众是谁,记住,不同的文化和地区对颜色的认知是不同的。例如,在西方文化中,白色往往与婚礼联系在一起,而在亚洲文化中,白色被认为是哀悼的颜色。
你对颜色及其含义了解得越多,它的力量就越大。
企业在品牌和营销中,无时无刻不在使用色彩作为影响我们情绪的策略。注意到几乎每家快餐店都会在品牌中使用红色和黄色吗?这是因为红色能引发刺激、食欲、饥饿感,它能吸引人们的注意力--而黄色则能引发快乐和友好的感觉。
6. 限制颜色
通过限制应用程序中颜色的使用,那些确实得到颜色的区域会得到更多的关注,例如文本、图像和按钮等单个元素。
你会注意到,在许多有大量彩色帖子和不可预测内容的应用程序中,如Instagram或Twitter,他们的界面往往非常平淡。这很微妙,但它将焦点从界面上移开,并将其集中在内容上。
7. 状态
颜色可以提供一个应用程序、其组件和元素的状态信息。
颜色是我们在界面中显示状态变化的一种方式。通过淡化按钮的颜色,可以表明按钮已被禁用,或者用红色高亮显示按钮,则表明出现了错误。我们还应该为我们的错误颜色配上错误信息和图标,以确保清晰,并吸引色盲用户。
8. 一致性
界面中的颜色使用应该是一致的,所以即使上下文发生变化,颜色的含义也总是相同的。
如果在我们的品牌中使用红色,那么我们应该避免使用它来通知有关错误状态。我们可以使用黄色等替代颜色来避免混淆。
这是一个很容易解决的问题,所以没有理由避免在我们的品牌中使用红色或黄色。
9. 色彩调色板
我如何获得完美的调色板?
这要从对色彩理论和基本工具的简单理解开始。
第1步--原色和系统色
我喜欢从一个主色开始,我会根据喜好、研究或上面我在#5中分享的颜色含义来确定。
我选择的主色是我的品牌色。
一旦我有了主色,我就需要文字、背景、容器等的颜色。
通常情况下,我会选择一个深色的颜色,用于我的文本,而背景则是浅灰色的颜色。
第二步 - 创建调色板
一旦我为我的用户界面选择了我的基础颜色,我就会把这些颜色放入Google颜色工具(接近底部),以获得该颜色的不同色调和色调。
这并不总是完美的,但这是一种简单的方法,可以生成一个近乎完美的调色板,以后我可以根据需要添加或调整。
如果我需要互补色或测试可访问性,我可以用Google色彩工具来完成所有这些工作。这是一个一站式的服务。
第三步--把所有的东西合在一起
10. 60-30-10 规则
60%是你的主导色,30%是辅助色,10%是重点色。
"这个室内设计规则是一种永恒的装饰技巧,可以帮助你轻松地将一个色彩方案组合起来。60%+30%+10%的比例是为了给色彩带来平衡。这个公式之所以有效,是因为它能创造出一种平衡感,让人们的视线从一个焦点舒适地移动到下一个焦点。”
与我之前提到的技巧类似,比如少用色彩来增加强调和强化品牌,60-30-10是一个粗略的工具,可以确保我们在色彩上不走过场。
我还喜欢从我的界面后退几步,眯起眼睛。模糊的图像会让我更好地了解层次结构,以及我是否使用了过多的颜色。
色彩工具和资源
配色对于设计师来说是一大难题,但是也是设计中至关重要的一环。提升色感对于设计师来说非常重要,但是却不是朝夕之间的事情,运用一些配色网站来解决我们的日常需求可以让我们做出合理的方案。
小编特意整理了一些较为常用的配色网站供大家参考,由于配色的网站很多,以下列举仅作为代表,希望对大家有所帮助。
公装设计师是怎么样确定装修的色调?
前言:一件包装设计作品中全部颜色所组成的总的颜色效果,色彩在办公室装修设计颜色学中是指一个颜色整体构成倾向的总概念。一个颜色组合与其他颜色组合相区别的表现。构成一幅主色彩的画面普通主导色约占75%衬托色约占20%装点色约占5%。点击了解公装设计师是怎么样确定装修的色调?
一、南昌装修:色彩的构成办法
抓住颜色节拍与韵律,色彩的构成应从诸色块的构成关系角度动身。巧妙有机地调度,各种颜色,按照一定的层次与比例,有次序有节拍地互相互相连结、互相依存、互相照应,从而构成调和的颜色整体,而多样与统一仍是色块处置、色彩构成的根本规律。
二、南昌装修:颜色的面积
突出任何-种明度或纯度要素的色相面积就无疑是强调了与之相联络的色彩倾向。同一种颜色,颜色之间在数量上的多与少、大与小的比例差别决议了色彩的倾向。面积大则光量、色量亦加强,易见性高,稳定性大;面积小则光量、色量亦削弱,易见性低稳定性小。特别是许多比照色、补色本身并不调和,但改动面积比例后则非常谐和。面积比照还表现在色块的分割运用上,如把等大的补色分割成许多小条、小块、小点再作穿插排列,其颜色效果与大面积并置就截然不同。
以上是“公装设计师是怎么样确定装修的色调?”的部分介绍,希望能够给大家提供些帮助
色彩搭配的搭配方法
一个卖场就是一幅画,要画好这幅画,首先要确定这幅画的色彩基调,然后再进行细节的描绘,同样道理卖场中的色彩布置既要重视细节也要做好卖场整体的色彩规划。
成功的色彩规划不仅要做到协调、和谐而且还应该有层次感,节奏感,能吸引顾客进店,并不断在卖场中制造惊喜,更重要的是能用色彩来唤醒顾客购买的欲望,一个没有经过色彩规划的卖场常常是杂乱无章、平淡无奇的,顾客在购物时容易产生视觉疲劳,没有购物的激情。
卖场的色彩规划要从大到小,经历卖场总体的色彩规划,陈列组合面的色彩规划,单柜的色彩规划流程,这样才能既在整体上掌握场的色彩走向,同时又可以把握好场的所有细节。
卖场色彩规划按以好步骤进行:A、分析卖场服装产品的分类特点:根据服装设计风格、销售方式、消费群的不同。各类服装品牌对卖场的商品配置分类都有不同的方式,卖场的商品配置分类通常按色彩、性别、品种、价格、风格、尺码、系列,原料等几种方法进行分类。
不同的分类方式,在色彩规划上采用的手法也略有不同,因此在做色彩规划之前,一定要搞清楚本品牌的分类方法,然后根据其特点再进行针对性的色彩规划。
按色彩或系列主题分类的色彩陈列法:按色彩分类和按系列主题的分类方式,在陈列中色彩组合中比较容易搭配,因为服装设计师在设计阶段就已经考虑本系列色彩搭配的一些基本方法去做就可以了。按门类及非色彩分类法的色彩陈列法:这种分类法通常是按产品的类别、价格或规格进行分类。主要是考虑顾客购物时的第一衡量标准来进行分类,如打折时,顾客首先关注的是价格。价格这时候成为购物的第一衡量标准,但问题是顾客考虑价格后,色彩、款式还是他要考虑的因素,所以我们同样还是要重视服装色彩的搭配。
这种分类法在色彩搭配上有一定的难度,有些服装色彩还比较骠,色彩之间可能根本没有联系,特别是打折的时候,针对这样的情况,我们通常先进行大的色彩分类,如先分出冷色或暖色,或按色相的类别分为红、黄、蓝、紫等分类等,然后在进行细的调整,一些不协调的色彩,可以放在正挂的背后,或采用中性色进行间隔,实在无法协调的色彩可以拿出去,单独归成一个柜,找出几种重点突出的色彩,加大其陈列面积,可采用正挂陈列,如果是正挂通,应奖它放在最外面的位置,在侧挂中可以增加其出样数,以增加其色彩面积。这样由于色彩比例中的不同,就在陈列面是形成一个主色调,并和其它色彩形成主次关系。
对比色搭配法:对比色搭配的特点是色彩形象强烈、视觉冲击力比较大。因此这种色彩搭配经常在陈列中应用,特别是在橱窗的陈列中,对比色搭配在卖场应用时具体分为:服装上下装的对比色搭配,服装和背景的对比色搭配等类似色搭配法:类似色搭配有一种柔和、秩序的感觉。类似色的搭配在卖场的应用中也分为服装上下装的类似色搭配,对比和类似这两种色彩搭配方式在卖场的色彩规划中是相辅丰承的,如果卖场中全部采用类似色的搭配就会感到过于宁静缺乏动感。反之太多的采用对比色也会使人感到躁致力不安,因此每个品牌都必须根据自己的品牌文化和顾客的定位选择合适的色彩搭配方案并规划好两者之间的比例。 明度排列法,具体有以下几种方式上浅下深,一般来说,人们在视觉上都有一种追求稳定的倾向,因此,通常我们在卖场中的货架和陈列面的色彩排序式,就是将明度高的服装放在下面这样可以增加整个货架服装视觉上的稳定性,在人模、正挂出样时我们通常也采用这种方式,但有时候我们为了增加卖场的动感,我们也经常采用相反的手法即上深下浅的方法以增加卖场的动感。
左深右浅:实际应用中并不用那么教条,不一定要左深右浅,也可以是右浅左深,关键是一个卖场中要且个统一的序列规范,这种排列方式在侧挂陈列时被大量采用通常在一个货架中将一些色彩深浅不一的服装按明度变化进行有序排列,这样会在视觉上产生一种井井有条的感觉。
前浅后深:服装色彩明度的高低,也会给人一种前进和后退的感觉,利用色彩的这种规律,我们在陈列中可以将明度高的服装放在前面,明度低的放在后面,而对于整个卖场的色彩规划,我们也可以将明度低的系列有意放在卖场的前部,以增加整个卖场的空间感。 就是将服装按色环上的红、橙、黄、绿、青、蓝、紫的排序排列,也像彩虹一样,所以也称为彩虹法。它给人一种非常柔和、亲切、和谐的感觉。
彩虹排列法主要是在陈列一些色彩比较丰富的服装时采用的,不过除了个别服装品牌,实际当中我们碰到色彩如此丰富的款式在单个服装品牌中,还是很少,因此实际应用机会相对比较少。 间隔排列法是在卖场侧挂陈列方式中,采用最多的一种方式。这主要有以下几个方面的原因:间隔排列法是通过两种以上的色彩间隔和重复产生了一种韵律和节奏感,使卖场中充满变化,使人感到兴奋。卖场中服装的色彩是复杂的,特别是女装,不仅仅款式多,而且色彩也非常复杂,有进修在一个系列中很难找到一组能形成渐变排列和彩虹排列的服装组合,而间隔排列法对服装色彩的适应性较广,正好可以弥补这些问题。间隔排列法由于其灵活的组合方式以有其适用面广等特点,同时又加上其美学上的效果,使其在服装的陈列中广泛运用,间隔排列法虽然看似简单,但因为在实际的应用中,服装不仅仅有色彩的变化,还有服装长短、厚薄、素色和花色服装的变化,所以就必须要综合考虑,同时由于间隔的件数的变化也会使整个陈列面的节奏产生丰富的变化。
间隔排列法垢使用方式:在实际的应用过程中,陈列师面对着一堆纷乱的服装时往往不知所措,一般的步骤是,首先将服装按分类的原则进行分类,然后在进行色彩间隔,间隔法包括形态间隔和色彩间隔。形态间隔,可以用裤架、衣架的间隔进行,造成形态上的趣味性。色彩的间隔:用色彩进行间隔使色彩变得有趣味性。
色彩间隔的步骤:在采用色彩间隔法的时候,通常先将本柜的服装色彩进行调整—将同样的色彩归在一起—找出本柜中数量最少的颜色最出跳的色彩作为间隔的色彩。
间隔法的原理就是捧腹明度上或彩度上的比较高的对比,使柜子应得更加精神。因此我们可以在陈列柜和橱窗中进行广泛的运用。
间隔法和渐变法陈列所要注意的是在一个陈列柜里陈列的服装,不光要注意色彩的协调性,还要注意款式的搭配性切勿将一些风格不同或其他系列的服装放在一起。
服装和背景的搭配方式:在一些服装品牌特别是休闲装品牌中,为了更好地突出服装的风格和色彩通常会在货架的背景布置一些彩色的背景布。
背景布和服装的搭配方式也有两种:一种是采用同类色的搭配方式,给人的感觉是柔和的风格。另一种是采用对比色的搭配方式,给人的感觉是一种强烈的对比感觉,比较刺激和兴奋。
两种色彩搭配的运用,主要要考虑品牌的风格,和服装的设计风格。如纯女装可以做得柔和些,运动或比较活跃的休闲装则可以做得刺激些。
“色彩搭配”咨询在世界一些发达国家已相当成熟,其实早在30多年前就已经有一套科学的方法能让你非常清楚颜色该怎样选择和搭配——1974年美国的卡洛尔·杰克逊女士发表色彩四季理论,1983年,英国的玛丽·斯毕兰女士在原有四季的基础上,根据色彩冷暖、明度、纯度等三大属性之间的相互关系把四季扩展为十二季,从而彻底解决了人的色彩季型的划分问题,使人们对色彩的运用更方便,选择更简捷,范围更宽泛。现在,日本全国有近40万名“色彩搭配”设计师;英国、美国等国家的色彩设计公司都拥有一批专门的色彩设计人员,专业“色彩搭配”设计师活跃在流通、建筑及环境企划、室内设计、广告和服装设计等各个行业。
如何做好淘宝店铺色彩风格定位
在店铺美化中,淘宝铺色彩风格定位很重要,这是做好店铺视觉营销的最基础的东西。很多卖家在装修店铺的时候,喜欢把一些很酷很炫的色块堆砌在店铺里,让整个页面色彩感觉杂乱无比,其实优秀的页面视觉一定有自己的主色调,辅助一些搭配的颜色,这样整体效果才会更好。那么我们下面看看吧。 一:先确定自己的品牌主色调: 主色调不是随意选择的,而是系统分析自己品牌受众人群心理特征,找到这部分群体易于接受的色彩,而且色彩确定之后要延续下去,当然在后期的运营过程中,感觉开始的定位不是很正确,可以适当做一些调整;下面我通过我设计过的一个案例来讲解色彩的选择; 这个是为客户做的一个品牌LOGO,下面我特意写了设计说明,通过这个我们应该能发现几个关键词:青花瓷、祥云、古典、意境、铜镜…..,通过对这些关键词的剖析并结合客户的受众人群我们就把主色调选择了青花瓷的那种蓝色,当我们这个色彩确定后,会调查潜在客户群体,当有90%的人都认可的时候,那我们就可以确定用这个颜色了; 二:主色调确定后,需要合理搭配辅色; 在页面配色上要将主色调的影响力发挥到极致,辅助颜色只能是辅助,千万不要喧宾夺主,同时可以将品牌的一些辅助图形用到设计里面,待会我会用案例和大家说明; 这是首页的部分截图,大家可能会说青花瓷的这种蓝色好像应用的地方并不是很多,这里需要和大家说明,主色调并不是将这种色彩进行堆积,那样反而会很压抑,应该注重轻重缓急,让整体的风格不偏离这种色调,同时又感觉不压抑; 三:很多电商最容易犯的一个问题; 很多电商会用四季的变化来决定店铺的色彩风格,其实这是非常不好的,我建议不要用四季的变化来改变店铺的色彩风格,当然辅助相应的季节元素是可以的,但前提不要影响品牌本身的视觉体系,想想看,四个季节弄了四个色彩体系,如何让店铺在客户心中留下印记,店铺只能在客户脑海里灌输一种视觉风格,如果是四种全部强加给客户,结果是一种都没有! 四:经典配色方案分享: 为了方便大家以后选择适合自己的店铺色彩体系,我给大家总结了常用的几十种色彩体系,希望能给大家有一些借鉴的意义。 注:更多精彩教程请关注三联电子商务教程 栏目,