249045439
网站建设

网站建设色彩搭配方法概述

发表日期:2024-06-02   作者来源:www.5ummer.com   浏览:0   标签:网站建设    

色彩搭配这件事如何聊都聊不完,不是么?选对色彩,是每一个设计师的基本功,说来简单,但千变万化,看上去复杂,然则有迹可循。好像每一个设计项目在色彩搭配上,都多少会有的争议,团队讨论的时候大家都可以插手说上一嘴,甚至很多商品的色彩搭配策略直到上线之前还会存在争议。

色彩搭配确实是一件难搞的事情。它牵涉到文化背景,遭到很多方面的影响,在情感含义上的理解又因人而异,设计师所面对的问题总是是选择太多,而非太少。

色彩搭配的办法不少,辅助工具也不少,但让人印象深刻的,总是是一些颇为有意思的方法。今天,大家推荐色彩搭配大师Patrick Multani的配色方法。或许这10个方法,会成为你的色彩搭配体系的靠谱补充~

方法1网站建设色彩搭配方法概述“白色优于灰色”,“和谐优于错位”,“沉静优于热烈”。当我在工作的时候,我会时刻谨记这类色彩搭配方案,它们更像是一种感觉上的规范,就像用户角色引导UX设计师来设计体验一样。

方法2网站建设色彩搭配方法概述维持敏锐,小幅调整

调配这这么多色彩搭配策略,给我最深刻的经验教训就是网站建设色彩搭配方法概述善用叠加模式

假如你能善用混合模式,就能创造出让人着迷的色彩搭配策略。通过简单的叠加两个色块,选择“Multiply”(乘法)混合模式,就能得到匹配的第三种色彩。在白色背景上,大家还能通过调整透明度来迅速调整色彩的明暗。不过我一直感觉在黑色背景上来调整色彩更有意思,搭配混合模式来探索色彩的可能性,总能创造新的搭配。这种同色彩的交互方法,为很多资深的设计师所用。

方法5网站建设色彩搭配方法概述在不同背景下查询色彩搭配

我记得之前参与过一个可拓展的色彩系统项目,当时我挑选了很多微妙而接近的色彩,当我仔细审视它们的时候发现非常难区别彼此。这时,我将这类色彩复制了一份,然后添加了一个黑色的背景,这时,色彩和色彩之间有什么区别就变得明晰了,让我可以更好的作出选择。

方法7网站建设色彩搭配方法概述叠加图层调色

想象有一张半透明的纸,当大家将它置于色彩上方的时候,它可以从视觉上“消减”色度。大家可以在PS和Sketch中来模拟如此的“纸”,新建形状,通过调整透明度和混合模式,或者搭配用来达成不一样的成效,大家还可以调整纸张本身为白色或者黑色,在叠加混合模式下,能对色彩的饱和度产生不一样的影响。在有些UI设计项目当中,会借用如此的技术来暂时调整整个地区的敏锐色度,这比改色愈加轻松,还维持了色彩之间的协调度。

上图中的三种成效网站建设色彩搭配方法概述依据前景色来挑选背景色

当我选取背景色的时候,我更喜欢依据前景色来搭配,吸取前景色,调亮或者变暗,而不是选择纯粹的中性灰色。如此的方法会让背景色是或冷或暖的浅灰,给人一种协调的感觉。

方法10网站建设色彩搭配方法概述网站建设色彩搭配方法概述本文来源:

如没特殊注明,文章均为优果网 原创,转载请注明来自http://www.huiguohuo.com/news/jianzhan/11969.html