专业的短链接生成工具
链接域名
短网址有效期
魔鬼般的配色设计技巧，你肯定没注意
更新时间：2025-6-1 11:18:27 作者：爱短链
色彩是产品给用户最直观的感觉，好的配色可以锦上添花。
今天，我想和大家谈谈颜色，直接分享苹果和谷歌的配色方法，不分享虚拟的颜色，帮助你在界面上完成一套颜色系统和规范！ 在我的收藏夹里，有很多优秀的设计。
每次我去看它，我都不停地问自己为什么这个设计吸引了我。
后来，我终于找到了一，那就是颜色。
当我第一次看到它时，我的视觉焦点就是颜色。
色彩是设计师的魔力棒，能吸引你的注意力，唤起设计情感。
在电子商务设计中，90%的快速产出决策来自颜色。
为什么国内电子商务的立即购买是橙色和红色，因为这种颜色可以刺激用户并产生购买冲动。
那么如何定义一套颜色呢？ 如何定义颜色 1. 了解产品性格 在定义色板时，首先要确定设计的目的。
试着问问自己，我们的颜色需要向用户传达什么样的信息，是希望他有购买的欲望，还是想让他感到高贵，还是想唤起他的某种情绪，颜色可以设定品牌基调，情感。
▲可口可乐旗下Fuze Tea红茶品牌以天然绿色为品牌颜色，表示该茶融合了植物、茶淬火等健康成分。
▲Uber (优步)越南推出的网络摩托车接送服务在UberMOTO在新品牌形象设计中，由于越南天气炎热，采用蓝绿色配色，斜45度色块拼接，延伸反射安全外套和醒目安全帽。
在一大批摩托车中，司机的位置一目了然。
2. 了解用户群 ▲男孩和女孩最喜欢的颜色 ▲男孩和女孩最讨厌的颜色 男人通常更喜欢大胆的颜色，而女人更喜欢柔和的颜色。
此外，男性更喜欢深色（黑色），而女性更容易接受亮色（白色）。
人们对颜色有不同的看法。
颜色根据个人喜好和文化宗教信仰有不同的含义。
因此，在设计时，我们必须考虑用户在使用什么。
▲在西方世界，红色代表恐怖和死亡、火灾和暴力战争。
▲在中国，红色与繁荣、热情和激情有关。
我们在设计时需要考虑不同的文化差异。
▲在西方国家，黑白代表纯洁、优雅、高贵、高端的感觉，包括许多大品牌的服装设计和商店装饰。
▲在日本和韩国，黑白代表死亡、葬礼、文化差异和人群差异，因此在设计时必须反复考虑。
3. 了解色彩心理学 了解基础色彩心理学，感兴趣的同学可以搜索相关资料。
▲红：最容易引起注意、兴奋、兴奋、紧张。
▲橙色：充满活力和活力的颜色让人想起大地和秋天的感觉，变化和运动。
▲黄色：明亮、辉煌、灿烂、快乐、善良、柔和的印象。
▲绿色:绿色继承了蓝色所有平静的属性，丰富、充实、平静和希望。
▲蓝色：蓝色是冷色，让人感觉崇高、深远、纯洁、透明、智慧。
蓝色也是公司最喜欢的颜色，代表着技术和理性。
▲紫色：紫色给人一种高贵、优越、奢华、优雅、流动、不安的感觉，灰紫色是疼痛、疾病，容易引起心理抑郁、疼痛和不安。
因此，紫色有时是胁迫的，有时是鼓舞人心的，在设计中必须仔细使用。
4. 寻找色彩灵感 早期很难选择品牌色。
这时，我们必须寻找灵感。
以下是一些工具。
▲https:/ /brandcolors.net/这是一个特别好的网站。
它有世界500强品牌色板。
所有知名公司的品牌色板都可以在这里找到答案。
你可以从他们的品牌色板中找到我们想要的颜色，这与我们的产品相匹配。
▲Dribbble和Behanc搜索关键词也可以找到很多设计师的色板 ▲https:/ /www.materialui.co/colors谷歌色板库上有很多值得学习的东西 ▲http://www.home-designing.com/也可以从室内设计师常用的室内网站配色中获得一些设计灵感。
▲当你找到自己喜欢的配色方案时，你可以用吸管来梳理自己喜欢的配色方案，做成色板。
有必要等一下。
如何定义一套？UI配色 如何定义一套？APP配色，如何使用HSB定义套配色。
什么是HSB？ HSB是一种颜色模式，在HSB模式中，H代表色相，S代表饱和度，B代表亮度。
1. 尝试不同的配色 在制作色板时，我们需要尽可能地创造所有的颜色和颜色灵感，然后尝试处理所有的颜色，然后缩小色板的范围，可以结合我上面提到的原则。
在UI在设计中，可能需要额外注意几个问题： 超链接颜色 品牌色 主色，辅助色 颜色成功，颜色错误 文字色，背景色 2. 利用HSB色彩模型 第一步是确定品牌颜色，品牌颜色一般是企业LOGO如果没有可以定义的颜色。
24色带以品牌色为基准： 我们拿Spotify例如，该软件的品牌颜色是绿色的，以定义其一套颜色系统。
h15.S与B不同，基于品牌颜色增加24条色带。
为什么是24，24X15=360只是围绕着色环盘，所以得到一个基于品牌颜色、明度和饱和度的颜色。
16色相环从基色带中得出： 细心的学生可能会发现，色带上的许多颜色实际上都很接近，比如绿色和蓝色。
我们需要进一步筛选出合适的颜色作为16色相环，并尝试选择一些与主品牌颜色相匹配的舒适颜色。
最后，根据筛选出的16色相环。
调整B （亮度）和S (饱和度): 在这一步中，我们需要定义相同频率的辅助颜色，即16色相环的辅助颜色，可以在亮度上（B） 按-10和-20加减，也可以在H上加减 -增加色相的原则是需要对比度和明显性。
如果对比度不明显，可以调整亮度-20-30。
调整B饱和度： 最后得出一套同频下的色盘，但是很相似，需要排除一些。
制定色板： 辅助色板与品牌颜色同频 制作色板需要在这里使用一个网站https://coolors.co/这里只需输入相应的品牌颜色，就可以得到根据亮度递减增加的色板，当然也可以调整亮度得到优秀的色板。
从那以后，我们得到了整个产品的调色板，包括很多电商推广，包括Airbnb谷歌通过类似的方式得到了它们的色盘。
最后，根据我们之前的定义，警告颜色、超链接颜色、成功提示颜色，我们可以从辅助色盘中得到相应的颜色，警告红色、超链接蓝色、警告黄色、成功绿色等。
将品牌辅助色相邻近色作为渐变： 最后 以上是今天的分享，如何定义颜色系统和色盘。
知识量比较大，尤其是关于HSB事实上，色盘的使用只是基础。
事实上，我们需要不断尝试如何希望大家都能掌握这个方法。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
今天，我想和大家谈谈颜色，直接分享苹果和谷歌的配色方法，不分享虚拟的颜色，帮助你在界面上完成一套颜色系统和规范！ 在我的收藏夹里，有很多优秀的设计。
每次我去看它，我都不停地问自己为什么这个设计吸引了我。
后来，我终于找到了一，那就是颜色。
当我第一次看到它时，我的视觉焦点就是颜色。
色彩是设计师的魔力棒，能吸引你的注意力，唤起设计情感。
在电子商务设计中，90%的快速产出决策来自颜色。
为什么国内电子商务的立即购买是橙色和红色，因为这种颜色可以刺激用户并产生购买冲动。
那么如何定义一套颜色呢？ 如何定义颜色 1. 了解产品性格 在定义色板时，首先要确定设计的目的。
试着问问自己，我们的颜色需要向用户传达什么样的信息，是希望他有购买的欲望，还是想让他感到高贵，还是想唤起他的某种情绪，颜色可以设定品牌基调，情感。
▲可口可乐旗下Fuze Tea红茶品牌以天然绿色为品牌颜色，表示该茶融合了植物、茶淬火等健康成分。
▲Uber (优步)越南推出的网络摩托车接送服务在UberMOTO在新品牌形象设计中，由于越南天气炎热，采用蓝绿色配色，斜45度色块拼接，延伸反射安全外套和醒目安全帽。
在一大批摩托车中，司机的位置一目了然。
2. 了解用户群 ▲男孩和女孩最喜欢的颜色 ▲男孩和女孩最讨厌的颜色 男人通常更喜欢大胆的颜色，而女人更喜欢柔和的颜色。
此外，男性更喜欢深色（黑色），而女性更容易接受亮色（白色）。
人们对颜色有不同的看法。
颜色根据个人喜好和文化宗教信仰有不同的含义。
因此，在设计时，我们必须考虑用户在使用什么。
▲在西方世界，红色代表恐怖和死亡、火灾和暴力战争。
▲在中国，红色与繁荣、热情和激情有关。
我们在设计时需要考虑不同的文化差异。
▲在西方国家，黑白代表纯洁、优雅、高贵、高端的感觉，包括许多大品牌的服装设计和商店装饰。
▲在日本和韩国，黑白代表死亡、葬礼、文化差异和人群差异，因此在设计时必须反复考虑。
3. 了解色彩心理学 了解基础色彩心理学，感兴趣的同学可以搜索相关资料。
▲红：最容易引起注意、兴奋、兴奋、紧张。
▲橙色：充满活力和活力的颜色让人想起大地和秋天的感觉，变化和运动。
▲黄色：明亮、辉煌、灿烂、快乐、善良、柔和的印象。
▲绿色:绿色继承了蓝色所有平静的属性，丰富、充实、平静和希望。
▲蓝色：蓝色是冷色，让人感觉崇高、深远、纯洁、透明、智慧。
蓝色也是公司最喜欢的颜色，代表着技术和理性。
▲紫色：紫色给人一种高贵、优越、奢华、优雅、流动、不安的感觉，灰紫色是疼痛、疾病，容易引起心理抑郁、疼痛和不安。
因此，紫色有时是胁迫的，有时是鼓舞人心的，在设计中必须仔细使用。
4. 寻找色彩灵感 早期很难选择品牌色。
这时，我们必须寻找灵感。
以下是一些工具。
▲https:/ /brandcolors.net/这是一个特别好的网站。
它有世界500强品牌色板。
所有知名公司的品牌色板都可以在这里找到答案。
你可以从他们的品牌色板中找到我们想要的颜色，这与我们的产品相匹配。
▲Dribbble和Behanc搜索关键词也可以找到很多设计师的色板 ▲https:/ /www.materialui.co/colors谷歌色板库上有很多值得学习的东西 ▲http://www.home-designing.com/也可以从室内设计师常用的室内网站配色中获得一些设计灵感。
▲当你找到自己喜欢的配色方案时，你可以用吸管来梳理自己喜欢的配色方案，做成色板。
有必要等一下。
如何定义一套？UI配色 如何定义一套？APP配色，如何使用HSB定义套配色。
什么是HSB？ HSB是一种颜色模式，在HSB模式中，H代表色相，S代表饱和度，B代表亮度。
1. 尝试不同的配色 在制作色板时，我们需要尽可能地创造所有的颜色和颜色灵感，然后尝试处理所有的颜色，然后缩小色板的范围，可以结合我上面提到的原则。
在UI在设计中，可能需要额外注意几个问题： 超链接颜色 品牌色 主色，辅助色 颜色成功，颜色错误 文字色，背景色 2. 利用HSB色彩模型 第一步是确定品牌颜色，品牌颜色一般是企业LOGO如果没有可以定义的颜色。
24色带以品牌色为基准： 我们拿Spotify例如，该软件的品牌颜色是绿色的，以定义其一套颜色系统。
h15.S与B不同，基于品牌颜色增加24条色带。
为什么是24，24X15=360只是围绕着色环盘，所以得到一个基于品牌颜色、明度和饱和度的颜色。
16色相环从基色带中得出： 细心的学生可能会发现，色带上的许多颜色实际上都很接近，比如绿色和蓝色。
我们需要进一步筛选出合适的颜色作为16色相环，并尝试选择一些与主品牌颜色相匹配的舒适颜色。
最后，根据筛选出的16色相环。
调整B （亮度）和S (饱和度): 在这一步中，我们需要定义相同频率的辅助颜色，即16色相环的辅助颜色，可以在亮度上（B） 按-10和-20加减，也可以在H上加减 -增加色相的原则是需要对比度和明显性。
如果对比度不明显，可以调整亮度-20-30。
调整B饱和度： 最后得出一套同频下的色盘，但是很相似，需要排除一些。
制定色板： 辅助色板与品牌颜色同频 制作色板需要在这里使用一个网站https://coolors.co/这里只需输入相应的品牌颜色，就可以得到根据亮度递减增加的色板，当然也可以调整亮度得到优秀的色板。
从那以后，我们得到了整个产品的调色板，包括很多电商推广，包括Airbnb谷歌通过类似的方式得到了它们的色盘。
最后，根据我们之前的定义，警告颜色、超链接颜色、成功提示颜色，我们可以从辅助色盘中得到相应的颜色，警告红色、超链接蓝色、警告黄色、成功绿色等。
将品牌辅助色相邻近色作为渐变： 最后 以上是今天的分享，如何定义颜色系统和色盘。
知识量比较大，尤其是关于HSB事实上，色盘的使用只是基础。
事实上，我们需要不断尝试如何希望大家都能掌握这个方法。
特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。
本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。
如有侵权行为，请联系网站管理员删除，。
