今年做了⼀年的科技风，看到蓝⾊也是甚是觉得审美疲劳，在同类产品中体现出差异性也⽐较困难。寻思着除了蓝⾊，就没有别的配⾊选择了吗？通过对科技类设计的搜集，总结了科技风产品的配⾊⽂章参考。
尽管我今年对蓝⾊够够了，但还是要分析下它作为FUI⾸选配⾊的合理性：
⼀、为什么科技风产品多蓝⾊呢？
（1）科幻电影对⼤众认知影响。早期美国冷战后的科幻电影中，未来世界的⾼科技⼤都是以蓝⾊呈现在银幕上。
（2）⼤众熟知的科技类产品和品牌采⽤蓝⾊，如windows开屏动画，IBM品牌的印象深化，蓝⾊成为了智能创新的科技类产品的标志性产物，强化了⼈们对与蓝⾊与科技感的关联。
（3）蓝⾊对⼈⼼理情绪的影响。冷⾊调的蓝⾊，回让⼈联想到宇宙、天空、海洋，更能激发的冷静、安静、信任等情绪。适合数据分析这种需要⼈理智的环境中。 （4）蓝⾊为底⾊不会⼲扰功能性⾊彩。⼈们的认知中，红⾊为禁⽌或失败，绿⾊为成功，黄⾊为警告。
⽽蓝⾊并没有⼈们为它赋予的功能性语意，在⼀些设计操作类的FUI中，更适合作为底⾊减少对视觉的⼲扰。
(5) 蓝⾊受⼈喜爱且安全。有研究表明，蓝⾊受⼤多数⼈喜欢，不论男⼥；蓝⾊对与⾊盲⽤户也相对友好，是全球范围内公认的最安全的颜⾊。
<，尽管蓝⾊如此棒棒，但⽤久了毕竟还是会腻的嘛。难道就不能给其他⾊彩⼀个展露头脚的机会了吗？配合产品调性⽤对了颜⾊，也能众多竞品中万蓝从中⼀朵花呀～
⼆、光的三原⾊的加⾊原理
（图⽚来源：别以为，⾊彩的知识你全懂了之基础知识篇——⾊彩系列第 01_01 篇 作者：泽泽先⽣）
光的三原⾊的加⾊原理：两种及两种以上的光之间叠加，⾊彩的明度会增强。从图中可以看到，三原⾊光两两混合会产⽣明度更⾼的⾊彩。 原⾊明度排序
指⾊彩的明暗程度。在⽆彩⾊系中最亮的是⽩⾊（#ffffff），最暗的是⿊⾊（#000000），在有彩⾊系之中，也有明度差异,⾊彩明度从⼤到⼩依次是黄⾊＞青⾊＞品红＞绿⾊＞红⾊＞蓝⾊。明度的⾼低变化可以理解为在⾊彩当中加⼊⿊⾊（降低明度）/⽩⾊（提⾼明度）。
三、除了蓝⾊外的其他配⾊选择
3.1青⾊
青⾊可以算是在FUI⾊彩中出现率排⾏第⼆的⾊彩。处于蓝⾊与绿⾊之间，属于可见光⾥的⾼频段⾊彩，这个⾊彩明度较⾼，亮青⾊清澈、灵动，亮青⾊⽐较刺⽬，适合⼩范围使⽤提亮重点；深青给⼈深邃、宁静感，适合做背景。
青⾊适⽤的场景也⽐较多，游戏、运营、数据可视化、车载界⾯、⼤屏操作等。
常见的⾊彩搭配：青黄（对⽐）、青蓝（临近）、青紫（对⽐）、青红（互补）
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）
3.2紫
紫⾊在科技设计出现的频率也⽐较⾼，但单⼀紫⾊UI会的⽐较少，可能是因为紫⾊给⼈的感觉⽐较诡异和⽼⽓。作者不是很喜欢⼤⾯积使⽤紫⾊，对于紫⾊把控能⼒不⾏，⽤不好就会显得整个画⾯⽐较脏、⽐较绵。
紫⾊通常会搭配明度更⾼的⾊彩⼀起使⽤，⽐如在赛博朋克风的游戏中，紫⾊搭配青、洋红、黄这类霓虹⾊的⾊彩就能很好的营造前卫、魔幻科技感。⾊彩没有好坏，⽤对地⽅就是发挥了它的价值。
车载厨房>废旧电池的回收与利用常见配⾊：紫青、紫蓝、紫黄、紫粉。
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）
3.3红
红⾊是⾮常⼤胆、热情的⾊彩，能够营造紧张，热情的氛围。但因为红⾊事⼈们认知中出错警告的功能⾊，因此功能操作性UI就运⽤较少，在数据⼤屏要结合数据含义慎重使⽤。
红⾊会更多应⽤于⼴告运营UI设计。红⾊与⿊⾊、蓝⾊结合，碰撞强烈，很适合⽤于电⼦竞技对抗的题材中。
常见的配⾊：红⿊、红蓝、红青
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）核反应堆的慢化剂
3.4黄
黄⾊的⾊彩明度⾼，在暗⾊背景下对⽐强烈。以黄⾊为主⾊的UI适⽤⽤于⾦融界⾯、男性⽤户为主的游戏界⾯、以及交通、地图重点的标定。黄⾊及橙⾊属于偏暖⾊系，也常常作为配⾊出现在蓝、青、等偏冷⾊设计稿中，起到视觉冷暖调和的作⽤。
探针测试常见配⾊：黄⿊、黄蓝、黄青
tsf过载保护
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）
3.5粉
FUI设计中的粉⾊系偏冷⾊调，在光的三原⾊中也属于⾼亮度⾊彩，⾊彩性格鲜艳浮夸，在娱乐性较强的游戏及综艺运营UI中⽐较常见。经常出现在赛博朋克为代表的科技风格中，如《银翼杀⼿》《攻壳机动队》等电影。在数据分析展⽰中，通常也是作为配⾓⾊彩出现，搭配蓝⾊、青⾊反⽽有点洋⽓，⾼级感。
常见⾊彩搭配：粉蓝、粉紫、粉青
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）
3.6绿
绿⾊在FUI中出现⽐较低，常见⽐较明亮的荧光绿，可以联想到飞碟光，代码等代表科技的⾬啊苏。绿⾊与⿊⾊搭配，简直就是⿊暗中的萤⽕⾍
PP，适合做重点原⾊的标记。过多的使⽤的话，就很辣眼了，如图⼀的例⼦如果你这么丧⼼病狂的⽤可能是想亮瞎⽤户的THJGY。
常见⾊彩搭配：绿⿊、绿红、绿蓝
方形气囊
（图⽚来源于⽹络版权不详 作者仅搜集⽰例，如有侵权，请联系作者删除）
3.7⽩
⽩⾊，是所有⾊彩中明度最⾼的颜⾊。提到⽩⾊⾸先会想到：纸张，⽻⽑，⽩云，雪，纱，烟⼀类事物，⽩⾊视觉重量很轻，有⼀种悬浮感。且⽩⾊作为⽆彩，⾊彩性格更为平淡，具有极⼤的包容性，可以与其他各种颜⾊搭配。以⽩⾊为主⾊的FUI就⽐较少见，因为难以表现⽩⾊那种通透感，但很适合在VR、AR展⽰中⽤于悬浮元素表现物理空间的层次感，在设计上更偏向于功能性，适合极简扁平风的UI设计。
常见⾊彩搭配：⽩黄⿊、⽩蓝
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议