为设计师写的色彩对比指南,让你真正了解色彩对比

  • 时间:
  • 浏览:0

像开源即时通讯喧喧的官网一样,也是采用了渐变色的背景,整体简洁又丰沛 。另一六个 的表现形式比较常见。

一般在设计作品中,比较少的设计师会采用互补色来做作品的配色,因为着互补色在实际应用中把握不好搞笑的话比较危险,容易你都都也能产生不舒服、不协调的不舒适感。不是不少优秀的设计师将互补色运用得非常出色。以下哪哪几块知名的标志设计就采用了互补色来搭配的:

这两年,相信亲戚亲戚没没办法 人都打开网站,看到不少饱含 渐变色的界面效果,而你你这人效果也让因此 因此 人惊艳到。渐变色给人丰沛 的视觉感受,一块儿也能表达丰沛 的感情搞笑的话是哪哪几块 体验。

Kresko食品网站应用了邻近色的对比,黄色的界面中加上了橘色和红色,邻近色的运用会让整个页面比较协调,看起来也比较舒服。

零度对比的配色比较个性,给人你你这人比较冷酷的视觉感受。无彩色确实无色相,但它们的组合在实用方面很有价值。其中无彩色和有彩色的搭配使用会比较出色,因为着是使用无彩色搞笑的话,建议跟有彩色搭配比较好。

色相对比距离约120度左右,为强对比类型,要比邻近色相对比鲜明、强烈、饱满。丰沛 ,容易使人兴奋激动和造成视觉以及精神的疲劳。如黄绿与红紫色对比等,因此颜色之间协同统一的工作也比较难做。你你这人对比不容易单调,但一般都也能采用多种调和手段来改善对比效果,不然就容易产生杂乱和过分刺激的效果。

因此 配色你你这人使用性也比较广泛,因此 因此 设计师不受前面几种颜色的设定,更加自由的选者对应的颜色搭配。

渐变色在网页当中的运用表现在因此 因此 方面,都都也能是整体色系上的渐变,也都都也能是另一六个 小元素的渐变,不管是哪种土妙招的渐变,假如使用恰当,那对网站来说,便是锦上添花。

纯粹纯度上的变化案例比较不好找,因为着颜色到低纯度时候颜色你你这人就变得很脏,色彩你你这人却说我 好看。因此 因此 很少设计师会去做纯粹纯度上的变化,一般不是结合明度变化加纯度变化。James Gillen-詹姆斯吉伦设计师买车人网站,从界面叠加的玫红色当中都都也能看到中纯度的玫红和因此 比较低纯度的,界面的整体冲击力还是比较强的。

你你这人网站没办法 前面哪几块推荐的配色网站好用,实用性不是很高。因此这是小编不得不推荐的,你你这人绝对是文艺范十足。

都都也能看到,明度变化顶端不是低中高明度区分的。



因此 因此 ,当亲戚亲戚没没办法 人在设计作品的时候,要先选者好亲戚亲戚没没办法 人的受众人群,在配色的时候,都也能再着重考虑到哪哪几块特殊人群的位于性。

LOHBS的你你这人网站,确实采用了橙色来做主色,一块儿利用了因此 因此 纯度明度上变化的颜色来丰沛 界面。当然,也用到了累积的邻近色,比如黄色。因此你你这人配色方案都都也能增加视觉的冲击效果,增加画面的丰沛 性。

色相即各类颜色色彩的相貌称谓,任何黑白灰以外的颜色不是色相的属性。如朱红、普蓝、柠檬黄等。色相是色彩的首要结构,是区别各种不同色彩的最准确的标准。



简单举个例子,红绿色盲也是常见的你你这人色盲人群,我的弟弟就对分不清绿色。另一六个 一类人,因为着世界上任何饱含 红色/绿色的物体不是会正常呈现。类事,另一六个 具有红色/绿色盲症的人会将紫色视为淡蓝色。这是因为着亲戚亲戚没没办法 人无法看到能够区分紫色和淡蓝色的红色。

以上列举的不是3种的邻近色搭配,在实际应用中切勿平均比例去应用,另一六个 出来的界面效果一定不好看。具体比例的建议都都也能另一六个 大的为主因此 另一六个 颜色为辅助色做点缀。

邻近色之间往往你没办法 了饱含 我,我中你没办法 了。比如:朱红与桔黄,朱红以红为主,顶端略有少许黄色;桔黄以黄为主,顶端有少许红色,确实它们在色相上有很大差别,但在视觉上却比较接近。在色轮中,凡在90度范围之内的颜色都属邻近色的范围。

在实际运用过程中,切勿颜色使用太满,颜色多了就容易给人杂乱感,且没办法 美感。

不同的颜色都都也能表达不同的感受,颜色上的对比不是因此 因此 ,你你这人跟色彩构成有很大的关系。色彩对比的基础知识主要给亲戚亲戚没没办法 人讲讲哪几块重要的对比土妙招:色相对比、明度对比和纯度对比。

都都也能说亲戚亲戚没没办法 人每买车人每天无时无刻不是和颜色打交道,作为一名设计师,对颜色更是敏感。色彩的搭配影响着每个作品的成败,因此 因此 对于设计师来说,深入了解色彩掌握色彩搭配是一门重要的功课。

色彩是丰沛 多彩的,每你你这人色彩代表着不一样的心理和感情搞笑的话是哪哪几块 ,不一样的色彩体现的感情搞笑的话是哪哪几块 让亲戚亲戚没没办法 人在视觉上心里上的作用不是一样。不一样的颜色碰撞也会给亲戚亲戚没没办法 人产生不一样的心理感受,这是色彩心理学教会亲戚亲戚没没办法 人的。色彩对比在生活中起着举足轻重的作用,因此 因此 亲戚亲戚没没办法 人要去深入的了解色彩对比的更多信息内容。包括色彩是哪哪几块?哪哪几块样的色彩搭配你都都也能振奋人心?哪哪几块颜色组合对比是禁忌的?……了解完哪哪几块知识后,你就能明白哪哪几块颜色搭配组合能让客户或受众满意。

色相环是由原色、二次色和三色色组合而成(可看标准24色相环)。色相环中的三原色是由红、黄、蓝,在环中形成另一六个 等边三角形。二次色是橙、紫、绿,位于三原色之间,形成另一六个 等边三角形。

红橙、黄橙、黄绿、蓝绿、蓝紫和红紫六色为三次色,三次色是由原色和二次色混合而成。

因为着互补色之间的对比相当强烈,因此在实际运用过程中,配色的比例相当的重要。详见下图:

无彩色指的却说我 没办法 色相的颜色,前面小编说的颜色不是色相,但黑白灰这你你这人是没办法 色相的,因此 因此 也被称为无彩色。

可读性,是任何设计的必备累积,也是比较重要的另一六个 累积。因此 因此 设计师在设计的时候,应该考虑到颜色对文本阅读的影响,设计上的外理也要跟注意因此 。

邻近色对比好理解因此 ,好比黄色跟橙色都都也能称为邻近色,草绿和果绿也可称为邻近色。色相环上相邻的二至三色对比,色相距离离米 150度左右,为弱对比类型。邻近色相对比效果感觉柔和、和谐、雅致、文静,但也会你都都也能感觉单调、模糊、乏味、无力,因此 因此 都也能调节明度差来加强效果。

明度指的却说我 色彩的亮度。比如:深黄、中黄、淡黄、柠檬黄等,哪哪几块黄颜色在明度上就不一样。颜色有深浅、明暗的变化,哪哪几块颜色在明暗、深浅上的不同变化,也却说我 色彩的明度变化。

在颜色对比的使用过程中,一定要注意文字的可读性。切勿用互补色来外理文字,因为着看上去会很不舒服。

运用要领:深色背景上用浅色字,浅色背景上用深色字。

运用要领:互补色, 75%+25%+ 5%。

Color Scheme Designer 时候改名成Paletton,是小编用得比较频繁的配色网站。使用时只用开另一六个 窗口,功能完备且实用,定制性强,几乎无缺点,只有说另一六个 搞笑的话却说我 好友克隆RGB值不太方便。

零度对比确实也分了哪几块,比如无彩色对比、无彩色与有彩色的对比、同种色相对比和无彩色与同种色相比你你这人,这块假如理解下无彩色的概念即可。

Adobe官方配色网站,你输颜色它出配色。

根据顶端的色相环都都也能看出色环上的颜色是多丰沛 多彩,随意抽取另一六个 颜色,都能形成不一样的对比。因此色相对比又分因此 因此 ,有补色对比、对比色对比、邻近色相对比等等。

设计不是一下子就能立马进步的,它是个循序渐进的过程,都也能积累都也能练习。你说今天给亲戚亲戚没没办法 人介绍的哪哪几块土妙招还只有满足亲戚亲戚没没办法 人,配色方案因为着顶端列举的几种常见配色土妙招还只有给亲戚亲戚没没办法 人启发,那再给亲戚亲戚没没办法 人推荐哪几块配色网站以供参考。没办法 思路的时候都都也能去配色网站上找点灵感,下面这哪几块是国外知名度比较高的跟配色相关的网站。

无彩色对比:如黑与白 、黑与灰、中灰与浅灰,或黑与白与灰、黑与深灰与浅灰等。

全球约有8%的男性患有你你这人形式的色盲。你你这人状况在女性中比较罕见,但每17名色盲患者饱含 1人是女性。总共有4.5%的世界人口看只有世界因此 地区的所有颜色。你你这人比例确实小,因此作为一名设计师,亲戚亲戚没没办法 人也要考虑到你你这人特殊状况,亲戚亲戚没没办法 人希望亲戚亲戚没没办法 人的每另一六个 作品每每人个都能正常的访问因为着能正常的呈现出来。

Digital Asset 数据产品网站和POCARI SWEAT这另一六个 网站都采用了明暗对比来设计的。在POCARI SWEAT网站的界面当中,右边的深淡蓝色显得比较稳重,左边导航累积采用另一六个 明亮的淡蓝色,左右两边形成了鲜明的对比,另一六个 的界面稳重中又带着轻快,视觉效果也比较好。

Nineswiss你你这人网站设计,采用了单色设计,界面效果比较单调。因此 因此 一般状况下亲戚亲戚没没办法 人建议采用单色的时候,都都也能多用哪几块同色系的颜色来协调,你你这人都都也能采用相关的纯度明度变化的颜色。类事:

配色网站就介绍没办法 多,时候小乔还分类整理过一篇:网页设计师常用的因此 工具素材合集的工具文,应该对亲戚亲戚没没办法 人有所帮助,更多设计相关的内容也欢迎亲戚亲戚没没办法 人关注小乔设计的买车人博客。

纯度指的是色彩的鲜艳和深浅程度。纯度是色彩鲜艳度的判断标准,纯度最高的色彩却说我 原色,随着纯度的降低,色彩就会变暗、变淡。

互补色的使用,前面说过了,冲突性会比较强,因此 因此 使用中都也能谨慎。

你你这人以上色相组合后,因为着明度不同而形成的色彩对比效果称为明度对比。它是色彩对比的另一六个 重要方面,是决定色彩方案感觉明快、清晰、沉闷、柔和、强烈、朦胧不是的关键。

同种色相对:如蓝与浅蓝(蓝+白)色对比,橙与咖啡(橙+灰)或绿与粉绿(绿+白)与墨绿(绿+黑)色等对比。

制作配色方案。输入图像的URL以获得与图像匹配的调色板。这对于根据图片来定网站色调的比较好用。

帮助平面设计师和网页设计师选者理想的配色方案,打开网站即可选者你你这人颜色,因此系统自动生成配套的色系供设计师使用。

在色相环的组成中,相隔 1150 度的色彩亲戚亲戚没没办法 人称之为互补色:红与绿互补,黄与紫互补而淡蓝色与橙色互补。互补色的对比效果强烈、眩目、响亮、极有力,但也都也能慎用,因为着使用不当易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。

关于色彩对比的重要性,确实无需说应该大累积设计师都知道。色彩对比为受众提供了视觉上的享受。亲戚亲戚没没办法 人都都也能试想一下,因为着整个设计作品就另一六个 颜色,因为着就另一六个 色系的,那你你这人作品搞掂来得多无聊。

单色的配色很简单,另一六个 的界面通常相对比较单调。简单举个例子,我将色环上的颜色排列成一行,方便对比查看:

NewsTech设计公司你你这人网站采用了无彩色的对比,整个界面不是用了黑白灰来表现,一般你你这人界面不是显得比较冷酷和个性,但看久了也会确实很重单调。你你这人界面在黑白灰的外理上做得很重好,通常只用黑白灰来表现主题难度很大,因为着对于界面的黑白关系不好掌握,却说我 好凸显累积关系,但你你这人界面简直小编确实推荐的另一六个 ,界面的累积关系很明显,在点线面的外理上都都也能看出设计者花了不少心思。

纯度指的却说我 饱和度,柠檬黄的纯度是比较高的,当加入因此 红色时候就变成橙色,因而柠檬黄和橙色就形成了纯度上的对比。你你这人以上色彩组合后,因为着纯度不同而形成的色彩对比效果称为纯度对比。它是色彩对比的另一六个 重要方面,但因其较为隐蔽、内在,故易被忽略。在色彩设计中,纯度对比是决定色调感觉华丽、高雅、古朴、粗俗、含蓄不是的关键。



您都都也能想象,这使得选者完美色彩对比的过程更加困难。因为着您选者绿色作为主要背景颜色,甚至选者字体颜色,则4.5%的预期观众因为着无法准确查看所有内容。亲戚亲戚没没办法 人甚至因为着根据您选者的色调和色盲程度有多严格,甚至无法阅读哪哪几块词。

蝉知官网你你这人例子,主色调采用了绿色,因此界面中都都也能看到有红色、黄色的局部元素跳出,整体界面也活泼因此 。类事的例子还有因此 因此 ,哪哪几块网站会采用较多的色彩来做对比,活跃整个界面。

无彩色与有彩色的对比:如黑与黄、白与蓝等。

渐变色有因此 因此 土妙招,比如中心渐变、对角渐变、垂直渐变、水平渐变、双渐变或是多色渐变。前面说的你你这人渐变比较好理解,亲戚亲戚没没办法 人在ai、ps顶端看到的渐变色面板,主要却说我 顶端说的这几种。具体区分都都也能参照下图:

邻近色配色你你这人方案用得比较多,因为着邻近色有类事的颜色特点,但又各有结构,因此 因此 另一六个 的搭配土妙招比较受欢迎。比如黄色、橙色、红色的组合使用,绿色和淡蓝色的组合搭配。下面列举累积常用的邻近色搭配方案:

列举的另一六个 网页界面截图,第另一六个 注意到的确实是最后另一六个 ,比较抓眼球,另一六个 的色彩对比让受众有所期待,对该产品因为着网站印象深刻。

无彩色与同种色相比:如白与深蓝与浅蓝、黑与桔与咖啡色等对比。

从顶端讲解的零度对比分因此 因此 种,常见的不是彩色对比、无彩色与有彩色的对比、同种色相对比和无彩色与同种色相比你你这人。常用的基本是无彩色与有彩色的对比。

强烈的色彩对比都都也能比较抓人眼球,很重是在超市的货架上,亲戚亲戚没没办法 人往往很容易被另一六个 色彩对比明显的包装所吸引。网页的界面设计也是,亲戚亲戚没没办法 人更加容易被色彩绚烂,对比明显且好看的界面所吸引。

当另一六个 互补色跳出在画面当中的比例各为150%的时候,画面的冲突性比较大,另一六个 的配比对比是及其不舒服的。当橙色占三分之一和四分之一的之不会比时候二分之一占比的视觉效果要好因此 因此 。最后另一六个 图在互补色顶端加了另一六个 白色做协调,使得整体的过渡更加柔和,另一六个 的搭配是最舒服的。

奥塞梯馅饼的官网却说我 用了红绿互补色的对比设计的。绿色的占比面积比较少,中期用了少许的黄色做协调,整个网页界面非常的出色。

亲戚亲戚没没办法 人在给另一六个 作品配色的时候,亲戚亲戚没没办法 人会选者多种的配色方案,根据顶端介绍的色彩基础知识,亲戚亲戚没没办法 人都都也能分成:

顶端的纯度和明度因为着比较容易混淆,纯度指的是颜色的饱和度,明度指的是颜色的明暗程度,另一六个 说因为着比较好区分。关于色彩对比在网页当中的应用,小编就给亲戚亲戚没没办法 人分析这三大点。色彩构成的内容涉及的比较广,也只有选者了其中哪几块有代表性的跟亲戚亲戚没没办法 人分享。

MINI 5-DOOR HATCH你你这人网页却说我 采用了无彩色和有彩色的对比,整体画面色彩对比很重明显,容易彰显个性和主题。黑色的底色、白色的字体和灰色logo,无彩色的黑白灰都运用到了。有彩色选者了淡蓝色,比较明亮,也跟产品的颜色相呼应。在整个画面当中,假如没办法 淡蓝色跳出,画面会变得枯燥单调,加入淡蓝色时候,整个画面鲜活起来了。

纯度变化顶端不是低中高纯度区分。

在实际的运用过程中,亲戚亲戚没没办法 人都都也能选者其中之一的颜色为大面积,构成主调色,而另一颜色为小面积作为对比色。日本的设计师 まりっぺ也针对色彩的配色提出比例原则 75%、25%与 5% 的配色比例土妙招 ,你你这人原则跟顶端说的一致,另一六个 互补色各占75%和25%,剩下的用5%的过渡色来做画面的协调色,使得累积分明。来看看实际应用中的作品:

这里没办法 列举到紫色,不是说紫色不常用,紫色在多数网页当中跳出不是比较特殊的,邻近色上比较搭配的是淡蓝色和红色,因此一般紫色跳出的占比面积大的时候,淡蓝色和红色一般占比面积会比较小,你你这人就不单独搞掂来讲解了。