全国免费咨询热线:

400-611-9921

 
学会像专业人士一样配色和创建调色板(技巧和工具)

2021-08-16

129

你一看到它就知道——它的设计色彩如此丰富,影响如此之大,以至于你忍不住要去看它。

你一看到它就知道——它的设计色彩如此丰富,影响如此之大,以至于你忍不住要去看它。

这些设计通常分为两类。要么它是一个伟大的调色板,你想找到一种方法立即复制。或者它是一个如此怪异或糟糕的调色板,以至于你无法理解为什么设计师会做出这样的选择!


由于没有人想属于后一类,学习配色和开发调色板是一项至关重要的设计技能。


这一切都是从颜色理论开始的,但后来更进一步。

伟大调色板的目的和价值


颜色不仅仅是帮助人们看到一个设计。它是品牌、理解和整体设计感知的指南。


一个看似简单的选择有很多整体意义,甚至可以改变人们对项目的感觉或影响他们与项目的互动。


想一想,如果一些常见的品牌使用了不同的颜色选择,它们看起来会有什么不同:


你想拿一瓶蓝色的可口可乐吗?(或者你会认为是百事可乐?)

如果亚马逊的黄色微笑标志是绿色的呢?

想象一下,如果谷歌把彩虹标志换成一种颜色?传达正确的意思是什么?

答案大的简单问题。这就是为设计项目选择调色板的重要性。


颜色确定:


品牌识别

情感联系

心理反应

文化协会

层次感和秩序感

创建对比和导航

每个调色板需要的颜色类型

有一个普遍的规则,一个设计需要两到四种颜色。虽然这是一个伟大的理论,但它在实践中超越了这一点,尤其是在网站和数字设计方面。


考虑所有需要在你的整体调色板中选择某种颜色的元素。


标志中的品牌颜色,可能是也可能不是设计的其他颜色

原色

次要颜色

强调色

文本颜色

链接颜色

链接的悬停颜色

背景颜色

次要背景颜色

还有黑暗模式的复杂性(如果默认为黑暗,则为明亮模式),其中第二个颜色选项需要整个第二个调色板,包括上面的所有内容。


网站颜色提示和技巧


虽然每个应用程序的颜色可能会有所不同,但在为网站或其他数字设计选择颜色时,有一些特定的事情需要记住。


考虑为颜色使用色调,以防止调色板变得太宽。

重复使用颜色是可以的。

选择具有相似饱和度的颜色集——主要、次要、强调色——以创造视觉一致性。

不要觉得网站文本必须是黑色的。浅色背景上的另一种深色或灰色变体可能非常好。

60-30-10规则

60-30-10法则来自室内设计领域,但对平面和网站设计师来说也很有意义。


这个概念是从三种颜色的基础开始——把它想象成主要的、次要的和强调的颜色,而不是像背景、文本颜色或链接这样的元素。


然后详细说明如何在oberall设计中使用每一种:


60%的设计使用原色

30%的设计使用了副色

10%的设计使用强调色

现在不要设定精确的百分比,但是你可以用它作为一个起点,来混合和匹配你的调色板,建立视觉上的和谐和平衡。


不要忘记可访问性

我们不能提到调色板和选择而不提到可访问性。颜色是对比度可及性的一个重要部分,确保有视觉障碍的人能够尽可能容易地理解设计。


在你的网站上为颜色组合设定一个AAA的颜色等级。这对于所有元素的文本和背景颜色尤为重要。


可访问性不仅仅是颜色,而是所有用户都可以阅读的颜色,这是一个坚实的开端。说到调色板和可访问性,一个经常被忽视的地方是黑暗模式。


你会想在这里创建一个真正的调色板,而不仅仅是改变背景颜色。


要模仿的颜色趋势

颜色趋势几乎不断演变。大胆的色调——可能是因为黑暗模式越来越受欢迎——以及不断使用极简主义和简单的调色板。

你会喜欢的彩色工具

合适的工具可以让使用颜色变得更加容易。这里有七种颜色工具,可以帮助你创建完美的调色板,并通过可访问性阈值。


品牌颜色(上图):你知道的品牌调色板指南(有些你不知道)

Colorshark:颜色对的可访问性检查

颜色猎人:从图像中创建和查找调色板(您可以上传自己的调色板)

Adobe颜色:使用色轮和选择规则创建不同大小的调色板,并将其与其他Adobe产品一起使用(您还可以添加渐变和检查辅助功能)

内聚色:从一个调色板开始,看看它如何与不同的覆盖层或实验一起工作,让它像你想要的那样工作

间谍颜色:有想法但不确定是什么颜色?此工具根据您的查询提出建议

超文本标记语言颜色代码:从CMYK转换到RGB或HEX的终极转换工具,加上颜色选择器和更多资源

结论

对于任何设计项目来说,颜色都是最重要的选择之一。希望这些资源、技巧和工具能提供一个很好的起点。


如果你在色彩上被难倒了,少总是能多。保持你的调色板简单,如果有任何担心,它似乎是压倒性的或太多。

热门标签
房地产网站建设汇景网站建设汇景网站开发汇景控股新能源网站开发新能源网站制作奥动新能源网站建设奥动官网网站改版石油公司网站建设广州网站搭建广州市网站制作生物网站建设珠海方正官网建设方正官网建设日本YKK官网建设骏丰频谱官网建设斯帝罗兰官网建设高新兴官网建设三盟科技官网建设赛立信官网建设福美控股官网建设德国商会官网建设皇朝家具官网建设皇朝定制官网建设百利官网建设广芯微官网建设物联网网站建设芯片网站建设网站开发日本YKK官网百利网站建设办公家具网站建设广州建站公司广州做网站营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设品牌网站建设赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设广州建站广州网站建设纵天科技
点击展开
关于纵天
广州市纵天信息科技有限公司成立于2008年,是中国领先的整合式互联网应用服务商。12年专业历程,坚持以科技创新为先导的网络服务,服务超过8000+知名品牌与创新客户,涉及网站设计、APP应用开发、微信开发、平面设计、视频拍摄、互联网整合营销等多个领域。
微信咨询
官方微信
联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭