2021-10-19 ui設計分享達人
老板：給我來一套科技風，要炫酷，要眼前一亮的感覺
你：好嘞~（叮叮當當咚咚當當）
老板：哎呀，我要的不是這種太花了，不夠高端
你：給您改（叮叮當當咚咚當當）
老板：哎呀，也不是這種太素了
你：行，改....（我刀呢）
沒做過科技風格的新人缺乏對常見科技風格的了解，很容易根據甲方模糊的描述及要求，主觀性的設計，還會在甲方要改的情況下十分委屈，我做的就是你描述的炫酷科技風啊。科技風格大類本身特征就是炫酷，眼前一亮的感覺，甲方沒有了解只能粗略的表述。設計師主動了解市面常見的科技風格細分及其使用場景。就能夠問出甲方爸爸更細化的需求，更客觀的根據使用場景選擇恰當的細分科技風，減少不斷重改的成本。
FUI 就是 Fictional User Interfaces (Fictional GUI)，就是 Fantasy User Interfaces，就是 Fake User Interfaces，就是 Futuristic User Interfaces，這些用戶界面它們是科幻的，是未來派的，是奇幻的，是虛假的.觀賞性大于實用性。
并不是所有風格的FUI都適合應用于現實中，比如——半透明介質且信息復雜的的UI，只適合出現在影視作品里面（和一些視頻游戲當中）。它們的表現性強，看起來復雜精密，但對于信息展示功能很弱。其存在的目的是更好的配合場景，不會遮擋演員的臉部。想想看主角對復雜的數據一頓操作猛如虎，讓觀眾眼花繚亂，對主角更加崇拜。
精致、高端、輕質感；簡約干凈、形體線條精細；功能感強
應用：
車載UI；金融UI;各種科技工具類產品的登錄注冊或官網Banner；商務海報等
特征：
1.商務科技配色較為嚴肅，低調。背景以深藍色，深灰色背景居多。
2.元素的形狀并不復雜、外輪廓整體規則，周圍的細碎裝飾較少。
3.強調品質感，會模擬一些較為細膩玻璃、金屬或啞光的微質感。對于光的使用較為克制，較少大范圍的使用輝光，多在邊緣使用較細的流光，看起來更加的犀利精致。
(偏商務科技風格例子-圖片來源于網絡）
整體風格偏向機械、直觀，其扁平特征是元素扁平純色塊或漸變，弱化圖表空間感及體積感。多組扁平的數據可 視化圖表，在空間層次的表現上更多是在同一平面上。
非常適合多數據后臺數據展示，強調信息數據的清晰展示，較多使用純色面元素作為底板，減少了環境的背景外擾因素。且數據分組展示，功能分區明顯。
設計成本及實現成本較低，為目前大多數數據可視化大屏展示所選擇。
(偏扁平科技風格例-圖片來源于網絡）
視覺多使用單色，點線元素。可以與現實背景結合度高。
應用：
電影(漫威系列FUI)、游戲、企業產品宣傳視頻、AR等展示型為主
特征：
1.顏色使用上單色居多，尤其多亮色白，亮色藍，同色相多透明梯度變化。無質感或毛玻璃質感。
2.簡潔而不簡單，層次豐富，典型風格HUD。空間層次感豐富，使用半透的結構線3D模型或晶格模型，顯得輕 巧而精致，用戶能夠透過信息層看到場景層，
3.極簡科技風需要設計師把控好細碎元素的體量和數量，對信息不會進行過多的視覺干擾。
ps:
極簡科技風數據的展示容量大于扁平科技風，看起來很復雜高端但通常實用性差。如果使用過多的數據，則顯示 相似類型的圖表展示相似的數據集在視覺上可能會缺乏新鮮感，但更易于理解和理解。具有不同的圖表在視覺上是令人興奮的，但用戶需要花費更多時間閱讀。
(偏極簡科技風格例-圖片來源于網絡）
賽博朋克又稱數字朋克、網絡朋克。
應用：游戲、H5、運營banner配圖等需要強視覺氛圍的運營。代表電影如：攻殼機動隊、頭號玩家、銀翼殺手等
特征：
1.張揚奇幻的娛樂感，技能風、故障風、視覺沖擊強烈。常見元素：全息投影、義體、立體城市、高達機械元素 等。
2.人造光是賽博朋克在視覺上最大的特征，背景暗色，常用熒光黃、紫、藍、粉 、綠燈內外發光，模擬霓虹燈管自發光效果,重點元素高亮輝光。
3.色彩冷暖撞色對比強烈，如：紅藍對比青紫對比黃橙對比等。
4.數碼屏幕與全息投影是霓虹燈的一種延伸，既能體現未來世界的高科技的感，也能體現出人造和虛擬的概念。部分元素前后疊影色彩錯位，有頻次的閃動，模擬電子科技的偶發故障。機械化IP形象和字體設計常見金屬感和拼接感。
（偏賽博科技風格例-圖片來源于網絡）
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務