今年做了一年的科技風(fēng)，看到藍(lán)色也是甚是覺(jué)得審美疲勞，在同類產(chǎn)品中體現(xiàn)出差異性也比較困難。尋思著除了藍(lán)色，就沒(méi)有別的配色選擇了嗎？通過(guò)對(duì)科技類設(shè)計(jì)的搜集，總結(jié)了科技風(fēng)產(chǎn)品的配色文章參考。
盡管我今年對(duì)藍(lán)色夠夠了，但還是要分析下它作為FUI首選配色的合理性：
一、為什么科技風(fēng)產(chǎn)品多藍(lán)色呢？
（1）科幻電影對(duì)大眾認(rèn)知影響。早期美國(guó)冷戰(zhàn)后的科幻電影中，未來(lái)世界的高科技大都是以藍(lán)色呈現(xiàn)在銀幕上。
（2）大眾熟知的科技類產(chǎn)品和品牌采用藍(lán)色，如windows開(kāi)屏動(dòng)畫，IBM品牌的印象深化，藍(lán)色成為了智能創(chuàng)新的科技類產(chǎn)品的標(biāo)志性產(chǎn)物，強(qiáng)化了人們對(duì)與藍(lán)色與科技感的關(guān)聯(lián)。
（3）藍(lán)色對(duì)人心理情緒的影響。冷色調(diào)的藍(lán)色，回讓人聯(lián)想到宇宙、天空、海洋，更能激發(fā)的冷靜、安靜、信任等情緒。適合數(shù)據(jù)分析這種需要人理智的環(huán)境中。
（4）藍(lán)色為底色不會(huì)干擾功能性色彩。人們的認(rèn)知中，紅色為禁止或失敗，綠色為成功，黃色為警告。而藍(lán)色并沒(méi)有人們?yōu)樗x予的功能性語(yǔ)意，在一些設(shè)計(jì)操作類的FUI中，更適合作為底色減少對(duì)視覺(jué)的干擾。
(5)? 藍(lán)色受人喜愛(ài)且安全。有研究表明，藍(lán)色受大多數(shù)人喜歡，不論男女；藍(lán)色對(duì)與色盲用戶也相對(duì)友好，是全球范圍內(nèi)公認(rèn)的最安全的顏色。
emmmm.....,盡管藍(lán)色如此棒棒，但用久了畢竟還是會(huì)膩的嘛。難道就不能給其他色彩一個(gè)展露頭腳的機(jī)會(huì)了嗎？配合產(chǎn)品調(diào)性用對(duì)了顏色，也能眾多競(jìng)品中萬(wàn)藍(lán)從中一朵花呀～
二、光的三原色的加色原理
（圖片來(lái)源：別以為，色彩的知識(shí)你全懂了之基礎(chǔ)知識(shí)篇——色彩系列第 01_01 篇 作者：澤澤先生）
光的三原色的加色原理：兩種及兩種以上的光之間疊加，色彩的明度會(huì)增強(qiáng)。從圖中可以看到，三原色光兩兩混合會(huì)產(chǎn)生明度更高的色彩。
原色明度排序
指色彩的明暗程度。在無(wú)彩色系中最亮的是白色（#ffffff），最暗的是黑色（#000000），在有彩色系之中，也有明度差異,色彩明度從大到小依次是黃色＞青色＞品紅＞綠色＞紅色＞藍(lán)色。明度的高低變化可以理解為在色彩當(dāng)中加入黑色（降低明度）/白色（提高明度）。
三、除了藍(lán)色外的其他配色選擇
3.1青色
???青色可以算是在FUI色彩中出現(xiàn)率排行第二的色彩。處于藍(lán)色與綠色之間，屬于可見(jiàn)光里的高頻段色彩，這個(gè)色彩明度較高，亮青色清澈、靈動(dòng)，亮青色比較刺目，適合小范圍使用提亮重點(diǎn)；深青給人深邃、寧?kù)o感，適合做背景。
青色適用的場(chǎng)景也比較多，游戲、運(yùn)營(yíng)、數(shù)據(jù)可視化、車載界面、大屏操作等。
常見(jiàn)的色彩搭配：青黃（對(duì)比）、青藍(lán)（臨近）、青紫（對(duì)比）、青紅（互補(bǔ)）
? ? ?（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.2紫
????紫色在科技設(shè)計(jì)出現(xiàn)的頻率也比較高，但單一紫色UI會(huì)的比較少，可能是因?yàn)樽仙o人的感覺(jué)比較詭異和老氣。作者不是很喜歡大面積使用紫色，對(duì)于紫色把控能力不行，用不好就會(huì)顯得整個(gè)畫面比較臟、比較綿。
????紫色通常會(huì)搭配明度更高的色彩一起使用，比如在賽博朋克風(fēng)的游戲中，紫色搭配青、洋紅、黃這類霓虹色的色彩就能很好的營(yíng)造前衛(wèi)、魔幻科技感。色彩沒(méi)有好壞，用對(duì)地方就是發(fā)揮了它的價(jià)值。
????常見(jiàn)配色：紫青、紫藍(lán)、紫黃、紫粉。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? （圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.3紅
紅色是非常大膽、熱情的色彩，能夠營(yíng)造緊張，熱情的氛圍。但因?yàn)榧t色事人們認(rèn)知中出錯(cuò)警告的功能色，因此功能操作性UI就運(yùn)用較少，在數(shù)據(jù)大屏要結(jié)合數(shù)據(jù)含義慎重使用。
紅色會(huì)更多應(yīng)用于廣告運(yùn)營(yíng)UI設(shè)計(jì)。紅色與黑色、藍(lán)色結(jié)合，碰撞強(qiáng)烈，很適合用于電子競(jìng)技對(duì)抗的題材中。
常見(jiàn)的配色：紅黑、紅藍(lán)、紅青
（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.4黃
黃色的色彩明度高，在暗色背景下對(duì)比強(qiáng)烈。以黃色為主色的UI適用用于金融界面、男性用戶為主的游戲界面、以及交通、地圖重點(diǎn)的標(biāo)定。黃色及橙色屬于偏暖色系，也常常作為配色出現(xiàn)在藍(lán)、青、等偏冷色設(shè)計(jì)稿中，起到視覺(jué)冷暖調(diào)和的作用。
常見(jiàn)配色：黃黑、黃藍(lán)、黃青
（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.5粉
FUI設(shè)計(jì)中的粉色系偏冷色調(diào)，在光的三原色中也屬于高亮度色彩，色彩性格鮮艷浮夸，在娛樂(lè)性較強(qiáng)的游戲及綜藝運(yùn)營(yíng)UI中比較常見(jiàn)。經(jīng)常出現(xiàn)在賽博朋克為代表的科技風(fēng)格中，如《銀翼殺手》《攻殼機(jī)動(dòng)隊(duì)》等電影。在數(shù)據(jù)分析展示中，通常也是作為配角色彩出現(xiàn)，搭配藍(lán)色、青色反而有點(diǎn)洋氣，高級(jí)感。
常見(jiàn)色彩搭配：粉藍(lán)、粉紫、粉青
（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.6綠
綠色在FUI中出現(xiàn)比較低，常見(jiàn)比較明亮的熒光綠，可以聯(lián)想到飛碟光，代碼等代表科技的雨啊蘇。綠色與黑色搭配，簡(jiǎn)直就是黑暗中的螢火蟲(chóng)PP，適合做重點(diǎn)原色的標(biāo)記。過(guò)多的使用的話，就很辣眼了，如圖一的例子如果你這么喪心病狂的用可能是想亮瞎用戶的THJGY。
常見(jiàn)色彩搭配：綠黑、綠紅、綠藍(lán)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
3.7白
白色，是所有色彩中明度最高的顏色。提到白色首先會(huì)想到：紙張，羽毛，白云，雪，紗，煙一類事物，白色視覺(jué)重量很輕，有一種懸浮感。且白色作為無(wú)彩，色彩性格更為平淡，具有極大的包容性，可以與其他各種顏色搭配。以白色為主色的FUI就比較少見(jiàn)，因?yàn)殡y以表現(xiàn)白色那種通透感，但很適合在VR、AR展示中用于懸浮元素表現(xiàn)物理空間的層次感，在設(shè)計(jì)上更偏向于功能性，適合極簡(jiǎn)扁平風(fēng)的UI設(shè)計(jì)。
常見(jiàn)色彩搭配：白黃黑、白藍(lán)
????????????????（圖片來(lái)源于網(wǎng)絡(luò)版權(quán)不詳 ?作者僅搜集示例，如有侵權(quán)，請(qǐng)聯(lián)系作者刪除）
總結(jié)：
????科技風(fēng)FUI(Fictional User Interfaces?)是科幻的、未來(lái)的，區(qū)別于現(xiàn)實(shí)世界的，更多需要設(shè)計(jì)師對(duì)光色彩的把控，在暗色的場(chǎng)景中，高飽和的熒光色彩可以更清晰的傳遞信息。除了藍(lán)色，多個(gè)色系的選擇可以嘗試，但需要根據(jù)產(chǎn)品的功能以及使用的場(chǎng)景做出恰當(dāng)?shù)倪x擇和搭配。
文章參考：別以為，色彩的知識(shí)你全懂了之基礎(chǔ)知識(shí)篇——色彩系列第 01_01 篇
