科技风UI除了蓝色,还有什么配色选择?

今年做了一年的科技风,看到蓝色也是甚是觉得审美疲劳,在同类产品中体现出差异性也比较困难。寻思着除了蓝色,就没有别的配色选择了吗?通过对科技类设计的搜集,总结了科技风产品的配色文章参考。

尽管我今年对蓝色够够了,但还是要分析下它作为FUI首选配色的合理性:

一、为什么科技风产品多蓝色呢?

(1)科幻电影对大众认知影响。早期美国冷战后的科幻电影中,未来世界的高科技大都是以蓝色呈现在银幕上。

(2)大众熟知的科技类产品和品牌采用蓝色,如windows开屏动画,IBM品牌的印象深化,蓝色成为了智能创新的科技类产品的标志性产物,强化了人们对与蓝色与科技感的关联。

(3)蓝色对人心理情绪的影响。冷色调的蓝色,回让人联想到宇宙、天空、海洋,更能激发的冷静、安静、信任等情绪。适合数据分析这种需要人理智的环境中。

(4)蓝色为底色不会干扰功能性色彩。人们的认知中,红色为禁止或失败,绿色为成功,黄色为警告。而蓝色并没有人们为它赋予的功能性语意,在一些设计操作类的FUI中,更适合作为底色减少对视觉的干扰。

(5)  蓝色受人喜爱且安全。有研究表明,蓝色受大多数人喜欢,不论男女;蓝色对与色盲用户也相对友好,是全球范围内公认的最安全的颜色。

emmmm.....,尽管蓝色如此棒棒,但用久了毕竟还是会腻的嘛。难道就不能给其他色彩一个展露头脚的机会了吗?配合产品调性用对了颜色,也能众多竞品中万蓝从中一朵花呀~

二、光的三原色的加色原理

(图片来源:别以为,色彩的知识你全懂了之基础知识篇——色彩系列第 01_01 篇 作者:泽泽先生)

光的三原色的加色原理:两种及两种以上的光之间叠加,色彩的明度会增强。从图中可以看到,三原色光两两混合会产生明度更高的色彩。

原色明度排序

指色彩的明暗程度。在无彩色系中最亮的是白色(#ffffff),最暗的是黑色(#000000),在有彩色系之中,也有明度差异,色彩明度从大到小依次是黄色>青色>品红>绿色>红色>蓝色。明度的高低变化可以理解为在色彩当中加入黑色(降低明度)/白色(提高明度)。

三、除了蓝色外的其他配色选择

3.1青色

   青色可以算是在FUI色彩中出现率排行第二的色彩。处于蓝色与绿色之间,属于可见光里的高频段色彩,这个色彩明度较高,亮青色清澈、灵动,亮青色比较刺目,适合小范围使用提亮重点;深青给人深邃、宁静感,适合做背景。

青色适用的场景也比较多,游戏、运营、数据可视化、车载界面、大屏操作等。

常见的色彩搭配:青黄(对比)、青蓝(临近)、青紫(对比)、青红(互补)

     (图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.2紫

    紫色在科技设计出现的频率也比较高,但单一紫色UI会的比较少,可能是因为紫色给人的感觉比较诡异和老气。作者不是很喜欢大面积使用紫色,对于紫色把控能力不行,用不好就会显得整个画面比较脏、比较绵。

    紫色通常会搭配明度更高的色彩一起使用,比如在赛博朋克风的游戏中,紫色搭配青、洋红、黄这类霓虹色的色彩就能很好的营造前卫、魔幻科技感。色彩没有好坏,用对地方就是发挥了它的价值。

    常见配色:紫青、紫蓝、紫黄、紫粉。

                                                                                                    (图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.3红

红色是非常大胆、热情的色彩,能够营造紧张,热情的氛围。但因为红色事人们认知中出错警告的功能色,因此功能操作性UI就运用较少,在数据大屏要结合数据含义慎重使用。

红色会更多应用于广告运营UI设计。红色与黑色、蓝色结合,碰撞强烈,很适合用于电子竞技对抗的题材中。

常见的配色:红黑、红蓝、红青



(图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.4黄

黄色的色彩明度高,在暗色背景下对比强烈。以黄色为主色的UI适用用于金融界面、男性用户为主的游戏界面、以及交通、地图重点的标定。黄色及橙色属于偏暖色系,也常常作为配色出现在蓝、青、等偏冷色设计稿中,起到视觉冷暖调和的作用。

常见配色:黄黑、黄蓝、黄青


(图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.5粉

FUI设计中的粉色系偏冷色调,在光的三原色中也属于高亮度色彩,色彩性格鲜艳浮夸,在娱乐性较强的游戏及综艺运营UI中比较常见。经常出现在赛博朋克为代表的科技风格中,如《银翼杀手》《攻壳机动队》等电影。在数据分析展示中,通常也是作为配角色彩出现,搭配蓝色、青色反而有点洋气,高级感。

常见色彩搭配:粉蓝、粉紫、粉青


(图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.6绿

绿色在FUI中出现比较低,常见比较明亮的荧光绿,可以联想到飞碟光,代码等代表科技的雨啊苏。绿色与黑色搭配,简直就是黑暗中的萤火虫PP,适合做重点原色的标记。过多的使用的话,就很辣眼了,如图一的例子如果你这么丧心病狂的用可能是想亮瞎用户的THJGY。

常见色彩搭配:绿黑、绿红、绿蓝

                                                                                                     (图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

3.7白

白色,是所有色彩中明度最高的颜色。提到白色首先会想到:纸张,羽毛,白云,雪,纱,烟一类事物,白色视觉重量很轻,有一种悬浮感。且白色作为无彩,色彩性格更为平淡,具有极大的包容性,可以与其他各种颜色搭配。以白色为主色的FUI就比较少见,因为难以表现白色那种通透感,但很适合在VR、AR展示中用于悬浮元素表现物理空间的层次感,在设计上更偏向于功能性,适合极简扁平风的UI设计。

常见色彩搭配:白黄黑、白蓝

                (图片来源于网络版权不详  作者仅搜集示例,如有侵权,请联系作者删除)

总结:

    科技风FUI(Fictional User Interfaces )是科幻的、未来的,区别于现实世界的,更多需要设计师对光色彩的把控,在暗色的场景中,高饱和的荧光色彩可以更清晰的传递信息。除了蓝色,多个色系的选择可以尝试,但需要根据产品的功能以及使用的场景做出恰当的选择和搭配。

文章参考:别以为,色彩的知识你全懂了之基础知识篇——色彩系列第 01_01 篇

https://mp.weixin.qq.com/s/rvI9AHpOX6aGsG7wgxaADQ作者:泽泽先生

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349