在千禧年來臨之前，我們首先開始在單一視圖屏幕中進行UI設計，這類屏幕在當時最流行的尺寸是640x480。大多數時候，我們甚至沒有考慮讓屏幕滾動，而是在特定區域或文本局部區塊中設置了內部滾動條。毋庸置疑，當時的大部分網頁也是用Flash或HTML創建的，并帶有用于布局的表格。那是在智能手機出現之前，隨著事物的發展，我們經歷了第一個向“響應式”設計的根本轉變。我們已經走了很長一段路，CSS已得到長足的發展，“響應式”網頁設計從2010年開始才真正獲得了專有工具。
圖表來源: https://www.webdesignmuseum.org/web-design-history
隨著CSS3的發布，我們獲得了對“媒體查詢”（Media Queries）的訪問權限（譯者注：隨著移動互聯網的興起,我們需要適配多種移動端設備,這就需要用到Media Queries，即“媒體查詢”），此后不久，Ethan Marcotte在2009年底創造了“響應式設計”一詞。十多年來，我們一直使用“響應式網頁設計” (RWD) 創建網頁布局，作為一種網頁設計方法，僅需基于一種屏幕尺寸進行設計，“響應式”使我們的設計能夠適配各種設備和屏幕尺寸。
在早期，當移動電話還不兼容媒體查詢或JavaScript時，“移動優先”和”漸進式增強”的概念就成為了非常流行的方法，當時有很多CSS完全不受支持。
用我們今天的話來說響應式設計，我們認為頁面的布局要適配整個瀏覽器、屏幕大小和那些需要投射到整個布局上的限制。當需要設計從桌面端調整為移動設備屏幕所需的尺寸時，我們使用“媒體查詢”來更改整個頁面布局。
很快，使用這種“響應式”設計方法可能會被認為與使用表格進行頁面布局一樣過時—就像我們在90年代所做的那樣。
我們通過基于viewport（視口）的“媒體查詢”獲得了許多強大的工具，但我們也缺乏很多適配的可能性，因為“媒體查詢”是一個適用于整個頁面的通用解決方案，并且對每個用戶來說都一樣。我們缺乏響應“用戶需求”的能力，也缺乏將“響應式”樣式注入“組件”本身的能力。
當我們談到組件時，這里指的是頁面上的“元素”，這些元素可以由其它“元素”的集合組成。例如卡片、橫劃卡或推薦模塊之類的UI內容，每個“塊”都由各種更小的“構建塊”組成。這些組件拼湊在一起構成我們的網頁。我們可以使用 global viewport information（全局視口信息）來設置這些組件，但它們仍然無法擁有自己的風格。當我們的設計系統是基于“組件”的而不是基于“頁面”的時，這使得它變得更加困難。
好消息是這個生態系統正在發生變化，而且它正在迅速變化，這需要我們進行一些思維轉變：考慮如何設計和定義組件樣式以及它們如何適應周圍環境。
CSS正在不斷發展，“響應式”網頁設計的新時代即將到來。從目前的情況來看，自從我們第一次引入 “響應式網頁設計” (RWD) 以來，僅僅10多年的時間，這個生態系統已經準備好迎接CSS發生一些相當大的改變。
讓我們深入研究一下可以期待哪些類型的變化，這會如何改變我們的設計方法，以及我們如何考慮界面設計。
簡單來說，我們可以期待新的基于偏好的“媒體查詢”來幫助我們更好地“響應”用戶。它們將使我們能夠根據用戶自己的特定偏好或需求來設定網頁樣式。這將使我們能夠根據用戶的體驗偏好來調整用戶體驗。
這絕不是一個完整的列表，但能給你一些想法，這些基于偏好的“媒體查詢”可能包括：
這些將幫助我們構建更具活力和個性化的網頁體驗，專門滿足我們用戶的專屬需求，尤其是那些希望網站易于訪問的用戶。更進一步說，這些基于偏好的“媒體查詢“尊重任何用戶已經在操作系統設置的偏好。舉個例子，當用戶的操作系統偏好設定為“減少動效”時，他們很可能不喜歡你頁面上的超級華麗的介紹、加載或飛入的動畫動效。我們應先尊重他們的偏好，并為其他人提供“動效增強”的體驗。
另一個流行的媒體查詢是@prefers-color-scheme（配色偏好設定），它允許我們根據用戶的偏好和操作系統中的設置將我們的設計更改為“亮色模式”或“暗色模式”。這不依賴于用戶需要手動來更改“暗色模式”，它會自動發生。
CSS 中最令人興奮的新興領域之一是“容器查詢”（container queries），通常也稱為“元素查詢”。從基于“頁面”的“響應式”設計到基于“容器”的“響應式”設計的轉變對發展“設計系統”的作用價值不容低估，盡管今天使用它并不安全，但重要的是要了解其發展方向。
簡而言之，“容器查詢”將允許我們基于“父級容器”而不是整個頁面來設置規則。這意味著任何組件都更加獨立，與現代設計系統保持一致，真正成為“即插即用”模塊，可以轉移到任何頁面或布局，而且無需根據新環境重新考慮所有內容。
“容器查詢”為我們如何規劃、設計和構建特定組件提供了一種更加動態的方法，因為組件本身擁有它的響應信息。
甚至Ethan Marcotte自己也表達了為什么“容器查詢”如此重要，我們應該研究一下。
由于各種“形態因素”（form factors）的變化和擴展，例如新的屏幕類型，可折疊屏，我們需要“媒體查詢”來考慮這些場景。在這里提到的所有內容中，請記住，這是最具實驗性的，并且只是一項正在進行的工作，仍在嘗試解決我們可能遇到的任何復雜問題，同時考慮未來“形體因素”可能會如何發展。
在可折疊屏場景中，原型中有一些“媒體查詢”可以讓你定位屏幕跨度以及我們如何讓內容根據新環境進行適配。例如，你可以在一個屏幕上放置一個收起的側邊欄（或菜單），并允許內容在另一個屏幕上展開并隨頁面滾動。
我知道你在想什么，我們已經從事網頁設計并使用“響應式”來進行網頁設計10余年了。我們對其相當滿意，那么為什么要改變呢？如果我們真的以終局視角來看響應式設計，那么它就是關于個人用戶的用戶體驗設計。我們正朝著一個與每一位個體用戶高度相關的時代邁進。我們的網頁體驗應該去適應用戶的需求偏好。隨著設計系統的發展以及我們如何創建更便攜的網頁，諸如“容器查詢”之類的工具將變得非常有意義。
配圖：CSS 將基于各個層級來確定用戶的最佳體驗
考慮到這一點，這意味著我們現在可以使用基于頁面的媒體查（包括跨越屏幕的細微差別）來設計宏觀布局；使用容器查詢的組件設計微觀布局；使用基于用戶偏好的媒體查詢，根據用戶獨特的偏好和需求定制用戶體驗。
對于新的響應式設計，有許多新概念正在被原型化和概念化-請看下面的延伸閱讀。所有這些協同工作的方式需要我們從根本上轉變我們對設計和用戶獨特體驗的看法。我們需要更加適應這樣一個事實：即我們的設計不是靜態的，不僅在布局上，還有在用戶可獲得的體驗中，我們需要學會在這種模糊性中做出計劃。網頁和設計的未來變得越來越復雜，我們需要適應和挑戰自己，理解“新響應式”體驗的意義。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請加：ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
HMI是Human Machine Interface 的縮寫，“人機接口”，也叫人機界面。凡是參與人機信息交流的領域都存在著人機界面。本文將深度剖析車載界面的設計要點及注意規范。
智慧城市的建設趨勢越來越顯著，政府對于汽車智能化、信息化發展非常重視，汽車駕駛體驗感與個性化的設計也會成為我們對于汽車選購的參考和方向，自從人們對于用戶體驗的重視，人機交互設計工作內容也成為重要環節。
對于人機界面，首先我們要明確一些概念。
1、人機界面與人們常說的“觸摸屏”有什么區別？
從嚴格意義上來說，兩者是有本質上的區別的。因為“觸摸屏”僅是人機界面產品中可能用到的硬件部分，是一種替代鼠標及鍵盤部分功能，安裝在顯示屏前端的輸入設備；而人機界面產品則是一種包含硬件和軟件的人機交互設備。在工業中，人們常把具有觸摸輸入功能的人機界面產品稱為“觸摸屏”，但這是不科學的。
2.人機界面產品中是否有操作系統？
任何人機界面產品都有系統軟件部分，系統軟件運行在HMI的處理器中，支持多任務處理功能，處理器中需有小型的操作系統管理系統軟件的運行?；谄桨逵嬎銠C的高性能人機界面產品中，一般使用WinCE,Linux等通用的嵌入式操作系統。
我們做的交互場景是有車輛行駛的，所以首先是要考慮安全因素，美觀其次，因此在特殊環境下操作車載系統，我們無法用傳統移動端沉浸式的設計思維來設計車載的界面與功能，需要放下所謂的美學，緊扣實際場景下的交互方式與用戶需求來設計，因為在極短時間內導致我們必須對所有可能用到的功能入口一步即達，對信息的布局必須做到一眼即見。
汽車HMI有自己的設計原則和設計規范以及美學理念。
汽車行業本身是一個有著強烈美學理念和設計規范的行業，其實準確的說應該是汽車HMI中控設計是基于自身傳統規范，結合互聯網移動端和Web端的基礎上，慢慢形成了一種新的設計規范。
在開始講解之前，我們首先要了解官方的一些設計規范。
https://miniapp.alios.cn/index#/document
https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html
https://developers.google.com/cars/design/design-foundations
https://www.apple.com.cn/ios/carplay/
https://developer.huawei.com/consumer/cn/doc/50902
我們還要了解車內屏幕的類型，主駕駛前面的儀表盤、HUD和中控屏幕，副駕駛和后排的娛樂屏幕。
汽車儀表盤是反映車輛各系統工作狀況的裝置。一般由時速表、轉速表、機油壓力表、水溫表、燃油表以及電子指示燈等組成。汽車儀表是駕駛員與汽車進行信息交流的重要接口。當今純液晶屏的儀表盤占市場主導地位，純機械、燈顯、段碼將退出歷史舞臺。
平視顯示器（Head Up Display），最早是航空器上的飛行輔助儀器，運用在戰斗機上，由于戰斗機上很多信息需要飛機駕駛員隨時查看，避免駕駛員低頭看儀表而分心，隨后又普及在民航客機上，由于HUD的方便性以及能夠提高飛行安全，這項技術后來也發展到汽車行業，汽車搭載的HUD抬頭數字顯示功能，是利用光學反射的原理，將重要的行駛信息胎壓、速度和轉速等信息投射到駕駛艙前段玻璃上面，在駕駛過程中不用分心看儀表盤，減輕眼睛的疲勞，給駕駛帶來便利和安全。
此前，HUD前裝市場基本被日本精機、德國大陸、日本電裝、偉世通等國外巨頭壟斷，且競爭格局高度集中，前五名企業市場份額超95%。近三年，隨著國內智能駕駛技術商業化落地加快，不少自主品牌供應商開始嶄露頭角，且爆發力十足。HUD的發展會越來越迅猛，原因主要有以下幾點。
1、HUD作為ADAS人機交互的窗口，可以呈現駕駛輔助信息，提升駕駛的安全性和舒適性，使駕駛者擁有更佳的應用體驗；
2、為提升市場競爭力，車企對自動駕駛和智能座艙重視度提升，尤其是自主品牌車企近年在國家智能網聯發展戰略的推動和扶持下，轉型動作快、力度大，產品創新和應用上也更加大膽和前衛。、
3、HUD技術上取得突破，顯示效果大幅改善；
4、隨著技術升級，HUD配套價格逐漸下降，性價比逐步提升；
后排娛樂屏更像是一個平板，主要功能點為視頻、音樂、游戲等等，幫助后排乘客打發時間，所以后排的娛樂系統就是為娛樂而生，無需考慮安全性。
車載界面的設計原則
1.迅捷性
與人們常常所說的三秒設計原則類似。移動端系統為沉浸式操作，而車載系統不一樣，在駕駛過程中，用戶95%的精力在于聚焦駕駛上行為上，用戶只能抽取僅5%左右的精力與時間來操控車載。因此也就決定了車載系統的功能邏輯，信息布局都必須在極短的時間內以最好的方式呈現。
而如果用戶沒有在這個時間以內完成操作任務，要么用戶選擇放棄，重新再來；要么用戶花費更多時間和精力，但這樣駕駛的危險系數會成倍增長。經筆者多次在不同路段試驗，統計下來平均每次操作，即視線與注意力專注在車載上的時間，無法超過三秒，事實上，當進入第三秒時，已不得不需要利用余光開始注意前方路況了。
因此，在三秒以內，無論是用戶第一次操作失敗，重新注意路況后，再重復操作，還是用戶持續操作直到任務完成，都是非常危險的行為，在這里，由于用戶試錯的成本非常巨大，也因此交互的設計與信息布局的設計都需要做到最極致的狀態。
隨著大屏、多屏化的發展趨勢，觸摸和語音控制應時而生，為了增強操作合理性，以及減少或避免觸摸屏的誤觸功能。從信息輸入來看，以觸控、語音為主，手勢、視覺交互為輔；從反饋輸出來看，以視覺、語音、觸控交互為主，嗅覺交互為輔。
人機交互定義需要區分車輛是行駛中還是靜止狀態，車輛在行駛中，對于需要駕駛員操作反饋的交互行為需要遵循3S原則（上面提到的三秒原則），降低安全隱患。甚至有一些交互動作在車輛行駛過程中需要禁用的。
得益于計算機算法的強大，汽車功能越來越完善，信息量也越來越大，為了讓用戶有更好的體驗，避免過多信息的干擾，必須做到界面顯示輕量化。
這也是為什么飛機駕駛艙內、國際空間站內的各種操控開關拉桿都是星羅密布式的擺放，并非以如今的科技無法做到像科幻片里一樣簡潔干凈的操控臺，而是因為考慮到在實際應用場景下，專業素質的人員不需要也沒有時間去欣賞美觀的界面，學習我們所認為的交互方式。
保障關鍵信息是醒目的，容易讓用戶視覺快速捕獲，在各種環境場景下具有良好的可見性和易讀性，無需駕駛員費力尋找和識別。
這里所說的及時性指的是反饋信息的及時性，我們要考慮實現全方位的信息提示，著重考慮視覺層面和聽覺層面。
在駕駛的過程當中，司機的雙手被占用，于是眼睛和耳朵感知要提高，與移動端的視覺顯示不同，HMI設計師需要注意除了基礎的視覺顯示規范外，還需格外注意與安全相關信息的展示、視覺警告、文字易讀性和顯示眩光等顯示問題。
在車輛行駛過程中，對于司機來說，聽覺反饋也是很有必要考慮的場景，通過語音反饋司機需要獲取的信息，能讓司機盡量保持視覺焦點在路況上。多場景的融合考慮信息獲取的效率，能減少在開車過程中的安全隱患。
我們不僅要考慮設計層面，還要考慮到交互層面。
（1）觸控
這里分兩種，一種是通過按鍵控制；一種是通過觸屏控制。
都是通過不斷的觸控功能按鈕行程鍛煉肌肉記憶，現在的趨勢越來越趨向重觸屏，輕按鈕，這樣不僅系統迭代成本小，功能可以動態分布。
但是對于一些精準調節的功能還是按鍵控制好一些。
微軟 的Surface Dial可以給我們很好的啟發，智能旋鈕可以解決大部分屏幕調節的不精準的痛點，而效率又高。
（2）語音
在汽車人機交互中，語音交互被認為是車內場景下最自然的交互方式，而語音交互需要一個載體來傳達多樣化的情感。
語音控制的前景主要在于兩個因素，一個是可以把除了界面以外的利用起來，一個可以與HMI自由交談，二是最小化HMI手動操作產生的干擾，增加安全性。
（3）手勢
手勢交互是對語音交互、觸控交互的很好補充，能夠讓車主通過簡單的手勢和語音就能完成車內的交互任務，也是能夠增加交互趣味性、表達情感、傳達情緒的另一個自然交互方式。
常用的手勢：單指滑動（上下左右）、雙指滑動（左右）、五指抓取等。
HMI的交互手勢不同于手機和IPAD，手機和IPAD握在手里，左右手都可以操作，多指組合的可能性也多，而HMI的手勢定義，更多的是需要滿足駕駛員的使用場景，屏幕是固定在車上的，要規避掉一些不方便的手勢。
比如雙指往上滑動就很不方便，向上推不靈活，也有阻力。
所以要想系統整體跳出基礎可用性范圍，進階到好用的層次，系統對各種復雜交插的應用場景的處理需要更加智能（如導航中的來電，緊急路況的提示），對車內環境控制（如聲音、氣溫）需要更加敏感。車載系統的設計相比于移動端有著更明顯的約束，不論是從空間、時間、行為、心智，都有著明顯獨特的場景和特點，要做好車載系統設計，我們需要有豐富的同理心以及親身體驗并反復驗證設計。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
如果將【UI設計】比喻成一位新型時髦的青年，那么【公共藝術】則是一位已在歷史長河中摸爬滾打數十載的老者，一位偉人曾說過：人類的發展從歷史中獲得啟迪，故筆者旨在從探討公共藝術在地性觀念的角度，來淺談如何在UI設計中凸顯情感關懷。
“藝術是什么”
當代藝術作品（圖片來源：網絡）
學者王瑞蕓認為當代藝術邊界模糊且藝術家創作手段任意， 不僅沒有一個能夠稱得上固定的風格，也不存在相應的美術主張，因此無法用語言對其進行概述。 而二十世紀實驗藝術的先鋒馬塞爾·杜尚 (Marcel Duchamp) 曾用種種藝術實踐行為向公眾宣告：經由藝術家之手創造的就是藝術。
“什么是公共藝術”
公共藝術作品（圖片來源：網絡）
學者金江波在其專著《地方重塑—公共藝術的挑戰與機遇》中指出：公共藝術體現的藝術主張依托于關注人文的公共理想。 復旦大學的湯筠冰教授曾在其公開課《城市公共藝術》中講述到，公共藝術與純藝術的不同之處體現在，公共藝術中包含了一種地域文化。
相較于說不清、道不明的“藝術”，公共藝術有別于純藝術“為我性”的情感抒發，更加強調藝術作品與空間、人之間有意識產生的情感聯系，用語言來概況其特性可以總結為：公共性、藝術性、在地性。
“什么是公共藝術在地性”
公共藝術作品《爬墻的熊貓》（圖片來源：網絡）
相較于“公共性”與“藝術性”的“基本性質”，筆者認為受“他人”影響而產生的“在地性”更能明顯地體現公共藝術中的文化關懷，什么是公共藝術在地性觀念，用一句話來概括：公共藝術與空間的關聯性。
縱觀藝術史，公共藝術的在地性范式可以總結為以下三類：
(一） 與空間的融合關聯性
古希臘帕特農神廟（圖片來源：網絡）
最常見的一種在地性范式，起源于人民的基本需求已得到滿足，開始追求更高層次的精神追求——對美的追求。例如古希臘帕特農神廟的建造依托于古希臘人民對細節美與民主性的崇尚與追求，以及中世紀的“城市美化運動”，“依附于建筑的藝術”，均是以在依托于周圍環境、融入當前環境的方式來體現公共藝術的藝術性價值。
(二） 與空間的沖突關聯性
藝術家佩爾施克策劃的公共藝術活動《紅球計劃》 （圖片來源：網絡）
主要集中在后現代主義時期，后現代主義藝術批判以往藝術的精英化，追求藝術“生活化”。這一時期許多藝術家將與需求空間格格不入的通俗化形象放大植入公共空間中，產生與當下空間沖突的視覺感官體驗，以“介入”空間的“逆向之美”的方式來體現出了公共藝術的藝術評判性價值。
藝術家奧登伯格創作的《世俗豐碑系列》（圖片來源：網絡）
(三） 與空間的無關聯性
《瑞秋豬》與《乳牛大游行》（圖片來源：網絡）
出現在后現代主義時期，此時藝術家致力于使藝術擺脫架上束縛，追求藝術的開放性，諸如《柏林熊》、《乳牛大游行》以及《瑞秋豬》等社區參與類公共藝術作品，以藝術家主導的活動形式讓大眾參與到藝術創作過程中，打破以往以藝術家為中心開展的藝術創作行為，去中心化，此類公共藝術擺脫空間的束縛，其在地性含義由參與者構成，其開放性藝術價值仿佛實現了大同之美。
例子1
上圖中左邊是由英國藝術家安尼什.卡普爾（Anish Kapoor）創作的公共藝術作品《云門》，將芝加哥市民引以為傲的摩天大樓與天際線的形象利用鏡像反射的原理映射在光滑的雕塑表面，凸顯城市文化與自信。右邊為新疆克拉瑪依油田新地標，似乎與芝加哥的《云門》沒有太大的區別，拋開是否購買版權這一點涉及到法律層面的考量，從藝術價值層面來考量這件“作品”，周遭土黃色的大樓并非是需要凸顯的城市文化與特質，強硬的植入只會削弱了作品的藝術價值。
例子2
再舉一個例子，以美的美居APP的缺省頁為例，在最新的版本中，美的美居設計團隊將缺省頁的視覺元素替換成了自身IP形象“小藍”，運用與產品相關聯的視覺元素，不僅在美化的基礎上增強了頁面與產品的關聯性，更是彰顯了品牌自信。
以上兩個例子也是為了說明，在UI設計中視覺元素的運用需站在“有理有據”的立場上，貫徹“取之有道 用之有理”的思想。以公共藝術中“與空間的沖突關聯性”藝術語言為例，來探討下此藝術語言在UI設計中的運用。而選擇沖突性藝術語言來探討的原因，主要在于該藝術語言包含的批判性、先鋒性與幽默性特質，能夠滿足當今人們對情感化產品的需求。
聊到公共藝術，不得不提到的一位藝術家：致力于把生活用品變成藝術品——克萊斯.奧登伯格（Claes Oldenburg），其世俗豐碑系列作品運用幽默風趣的藝術手法，提取與日常生活中通俗的現成物的形象介入公共空間，是對藝術精英化以及國際主義千篇一律設計風格的不滿與批判，以及藝術生活化精神的體現。該藝術形式可以引起大眾對其的新鮮感以及體現出一種趣味性，但當好奇與新鮮感退卻之后，對其剩余價值的質疑也是各學者對這種藝術形式爭議不斷的原因，持有質疑態度的學者認為“沖突式”公共藝術具有時效限制性，只能在時代特定階段發揮其藝術作用。
筆者認為站在城市形象塑造的角度來看：
a、"沖突式”公共藝術能夠體現一個城市的包容性與開放性，萬千藝術姿態都能被接受與容納。
b、藝術家選取的藝術形象均來源于人們的日常生活形態，其藝術元素并不因地域等物質外在條件的不同，而對不同城市地區的人們產生不同意義，其體現的是一種全球共通性文化，其藝術性是針對城市公共空間而言。
綜上所述，筆者認為在沖突式在地性語言中，運用的藝術元素具有以下幾點特征：
通俗性：大眾對其有相似的認知與理解
原生性：夸張、未修飾的規模與形態來展示
戲謔性：不按常理出牌，以“格格不入”的形式存在
例子1
針對上述三種特征，在一些APP的UI設計中，也可以找到相應的案例。例如B站番劇《總之就是非常可愛》的進度條的圖標設計案例之一，該案例的運用起因在于該番劇的劇情甜份過高，網友們紛紛用彈幕類似于表達“我酸了”的通俗網絡語言來刷屏，引起了B站的關注，于是就有了檸檬代替進度條的操作。
例子2
而Instagram推出的視頻產品「IGTV」，其加載頁借用了8090年代人們對老式電視信息收視不良的記憶——雪花屏元素，該元素與當前高科技信息技術時代的沖突性不僅營造出了炫酷的視覺效果，同時也使得產品飽含了懷舊的情感關懷，代表了一個時代的通俗回憶，得以與用戶產生共情。
例子3
嗶哩嗶哩閱讀的停更通知用更加通俗易懂的【請假】來代替，以及克拉克拉APP用【拔掉電線】的口語化用語來描述退出直播間的行為，不僅拉近了產品與生活的距離，也凸顯了幽默的情感化設計。
雖然藝術與設計的邊界日益模糊，但是二者之間仍然具有本質上的區別，那么我們在探討藝術語言在設計中的運用時，應把用戶體驗的良好與普適性也考慮其中，將藝術語言進行設計化的處理，結合上述藝術案例與設計案例來看，沖突式在地性藝術語言在UI設計中的運用時，其運用元素的特性可以歸納為：
基礎條件-通俗性：能夠引起大眾的共識與話題，大多數的靈感來源于生活；
必要條件-適應性：將原元素的特性進行特質提煉與設計化，與公共藝術不同，在UI設計中是將原元素的特征運用在設計中，同時注重例如提煉的雪花屏幕的閃爍特質，而不是直接將整個雪花屏幕運用在界面上；
增味條件-創新性：跨領域找參考元素。（舉個例子，從B領域提取一個元素運用在A領域上，但B領域和A領域的在大家通俗認知中的兼容性并不強，其創新性是由疏離性凸顯）
簡而言之：
1、保證元素的通俗性，結合當代語境，亦可以理解為#話題性#；
2、可跨領域找參考元素；
3、需要對元素的特質進行加工提取；
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
老板：給我來一套科技風，要炫酷，要眼前一亮的感覺
你：好嘞~（叮叮當當咚咚當當）
老板：哎呀，我要的不是這種太花了，不夠高端
你：給您改（叮叮當當咚咚當當）
老板：哎呀，也不是這種太素了
你：行，改....（我刀呢）
沒做過科技風格的新人缺乏對常見科技風格的了解，很容易根據甲方模糊的描述及要求，主觀性的設計，還會在甲方要改的情況下十分委屈，我做的就是你描述的炫酷科技風啊。科技風格大類本身特征就是炫酷，眼前一亮的感覺，甲方沒有了解只能粗略的表述。設計師主動了解市面常見的科技風格細分及其使用場景。就能夠問出甲方爸爸更細化的需求，更客觀的根據使用場景選擇恰當的細分科技風，減少不斷重改的成本。
FUI 就是 Fictional User Interfaces (Fictional GUI)，就是 Fantasy User Interfaces，就是 Fake User Interfaces，就是 Futuristic User Interfaces，這些用戶界面它們是科幻的，是未來派的，是奇幻的，是虛假的.觀賞性大于實用性。
并不是所有風格的FUI都適合應用于現實中，比如——半透明介質且信息復雜的的UI，只適合出現在影視作品里面（和一些視頻游戲當中）。它們的表現性強，看起來復雜精密，但對于信息展示功能很弱。其存在的目的是更好的配合場景，不會遮擋演員的臉部。想想看主角對復雜的數據一頓操作猛如虎，讓觀眾眼花繚亂，對主角更加崇拜。
精致、高端、輕質感；簡約干凈、形體線條精細；功能感強
應用：
車載UI；金融UI;各種科技工具類產品的登錄注冊或官網Banner；商務海報等
特征：
1.商務科技配色較為嚴肅，低調。背景以深藍色，深灰色背景居多。
2.元素的形狀并不復雜、外輪廓整體規則，周圍的細碎裝飾較少。
3.強調品質感，會模擬一些較為細膩玻璃、金屬或啞光的微質感。對于光的使用較為克制，較少大范圍的使用輝光，多在邊緣使用較細的流光，看起來更加的犀利精致。
(偏商務科技風格例子-圖片來源于網絡）
整體風格偏向機械、直觀，其扁平特征是元素扁平純色塊或漸變，弱化圖表空間感及體積感。多組扁平的數據可 視化圖表，在空間層次的表現上更多是在同一平面上。
非常適合多數據后臺數據展示，強調信息數據的清晰展示，較多使用純色面元素作為底板，減少了環境的背景外擾因素。且數據分組展示，功能分區明顯。
設計成本及實現成本較低，為目前大多數數據可視化大屏展示所選擇。
(偏扁平科技風格例-圖片來源于網絡）
視覺多使用單色，點線元素?？梢耘c現實背景結合度高。
應用：
電影(漫威系列FUI)、游戲、企業產品宣傳視頻、AR等展示型為主
特征：
1.顏色使用上單色居多，尤其多亮色白，亮色藍，同色相多透明梯度變化。無質感或毛玻璃質感。
2.簡潔而不簡單，層次豐富，典型風格HUD?？臻g層次感豐富，使用半透的結構線3D模型或晶格模型，顯得輕 巧而精致，用戶能夠透過信息層看到場景層，
3.極簡科技風需要設計師把控好細碎元素的體量和數量，對信息不會進行過多的視覺干擾。
ps:
極簡科技風數據的展示容量大于扁平科技風，看起來很復雜高端但通常實用性差。如果使用過多的數據，則顯示 相似類型的圖表展示相似的數據集在視覺上可能會缺乏新鮮感，但更易于理解和理解。具有不同的圖表在視覺上是令人興奮的，但用戶需要花費更多時間閱讀。
(偏極簡科技風格例-圖片來源于網絡）
賽博朋克又稱數字朋克、網絡朋克。
應用：游戲、H5、運營banner配圖等需要強視覺氛圍的運營。代表電影如：攻殼機動隊、頭號玩家、銀翼殺手等
特征：
1.張揚奇幻的娛樂感，技能風、故障風、視覺沖擊強烈。常見元素：全息投影、義體、立體城市、高達機械元素 等。
2.人造光是賽博朋克在視覺上最大的特征，背景暗色，常用熒光黃、紫、藍、粉 、綠燈內外發光，模擬霓虹燈管自發光效果,重點元素高亮輝光。
3.色彩冷暖撞色對比強烈，如：紅藍對比青紫對比黃橙對比等。
4.數碼屏幕與全息投影是霓虹燈的一種延伸，既能體現未來世界的高科技的感，也能體現出人造和虛擬的概念。部分元素前后疊影色彩錯位，有頻次的閃動，模擬電子科技的偶發故障。機械化IP形象和字體設計常見金屬感和拼接感。
（偏賽博科技風格例-圖片來源于網絡）
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
人工智能從誕生以來，其理論和技術日益成熟，應用領域也不斷擴大。本篇作者給我們介紹了人工智能的十大技術及其相關應用，一起來看看吧。
人工智能發展到現在已經將近有80年的歷史。近日來特斯拉也說了自己不是汽車公司，是可再生能源公司、是機器人公司、是人工智能公司，特斯拉也明確表示未來人工智能汽車自動化駕駛的方向是視覺識別+機器學習。
人工智能從誕生以來，其理論和技術日益成熟，應用領域也不斷擴大，接下來我將給大家介紹下人工智能的十大技術及其相關應用。
人工智能的第一個大成就是發展了能夠求解難題的下棋程序。在下棋程序中應用的某些技術，如向前看幾步，把困難的問題分成一些比較容易的子問題，發展成為搜索和問題歸約這樣的人工智能基本技術。今天的計算機程序能夠下錦標賽水平的各種方盤棋、十五子棋、國際象棋和圍棋。
1997年5月，IBM公司研制的深藍(DeepBlue)計算機戰勝了國際象棋大師卡斯帕洛夫(Kasparov)。另一種問題求解程序把各種數學公式符號匯編在一起，其性能達到很高的水平，并正在為許多科學家和工程師所應用。有些程序甚至還能夠用經驗來改善其性能。
邏輯推理是人工智能研究中最持久的子領域之一。其中特別重要的是要找到一些方法，只把注意力集中在一個大型數據庫中的有關事實上，留意可信的證明，并在出現新信息時適時修正這些證明。對數學中臆測的定理尋找一個證明或反證，確實稱得上是一項智能任務。
為此，不僅需要有根據假設進行演繹的能力，而且需要某些直覺技巧。1976年7月，美國的阿佩爾(K.Appe1)筆人合作解決了長達124年之久的難題–四色定理，轟動了整個計算機界。他們用了三臺大型計算機，花了1200小時。
自然語言處理是人工智能的早期研究領域之一，已經編寫出能夠從內部數據庫回答用英語提出的問題的程序，這些程序通過閱讀文本材料和建立內部數據庫，能夠把句子從一種語言翻譯為另一種語言，執行用英語給出的指令和獲取知識等。有些程序甚至能夠在一定程度上翻譯從話筒輸入的口頭指令（而不是從鍵盤輸入計算機的指令）。人工智能在語言翻譯與語音理解程序方面已經取得可喜的成就。
自動程序設計是人工智能的一個重要研究領域。目前已經研制出能夠以各種不同的目的描述來編寫計算機程序。對自動程序設計的研究不僅可以促進半自動軟件開發系統的發展，而且也使通過修正自身數碼進行學習(即修正它們的性能)的人工智能系統得到發展。
專家系統是一個具有大量專門知識與經驗的計算機程序系統，它應用人工智能技術，根據某個領域一個或多個人類專家提供的知識和經驗進行推理和判斷，模擬人類專家的決策過程，以解決那些需要專家決定的復雜問題。
專家系統可以解決的問題一般包括解釋、預測、診斷、設計、規劃、監視、修理、指導和控制等。隨著人工智能整體水平的提高，專家系統也得到發展。在新一代專家系統中，不但采用基于規則的方法，而且采用基于模型的原理。
學習是人類智能的主要標志和獲得知識的基本手段。香克(R.Shank)認為：
一臺計算機若不會學習，就不能稱為具有智能的。
機器學習的主要目的是為了從使用者和輸入數據等處獲得知識，從而可以幫助解決更多問題，減少錯誤，提高解決問題的效率。
人腦是一個功能特別強大、結構異常復雜的信息處理系統，其基礎是神經元及其互聯關系。對人腦神經元和人工神經網絡的研究，可能創造出新一代人工智能機器。
20世紀80年代以來，神經網絡研究職又得重大進展。例如，霍普菲爾德(Hopfield)提出用硬件實現神經網絡，魯梅爾哈特(Rumelhart)等提出多層網絡中的反向傳播(BP)算法。
目前，神經網網絡已在模式識別、圖像處理、組合優化、自動控制、信息處理、機器人學和工智能其他領域獲得日益廣泛的應用。
模式識別是指識別出給定物體所模仿的標本，如文字識別、汽車牌照識別、指紋識別、語音識別等。這是一種用計算機代替人類或幫助人類的感知模式，是對人類感知外界功能的模擬，使一個計算機系統具有模擬人類通過感官接收外界信息、識別和理解周圍環境的感知能力。
機器視覺或計算機視覺已從模式識別的一個研究領域發展為一門獨立的學科。視覺是感知問題之一。在人工智能中研究的感知過程通常包含一組操作。例如，可見的景物由傳感器編碼，并被表示為一個灰度數值的矩陣。這些灰度數值由檢測器加以處理。
檢測器搜索主要圖像的成分，如線段、簡單曲線和角度等。這些成分又被處理，以便根據景物的表面和形狀來推斷有關景物的三維特性信息。機器視覺已在機器人裝配、衛星圖像處理、工業過程監控、飛行器跟蹤和制導以及電視實況轉播等領域獲得極為廣泛的應用。
智能控制是一類不需要(或需要盡可能少的)人的干預就能夠獨立地驅動智能機器實現其目標的自動控制，是自動控制的高級階段。1965年，傅京孫首先提出把人工智能的啟發式推理規則用于學習控制系統。十多年后，建立實用智能控制系統的技術逐漸成熟。
百度公司董事長兼首席執行官李彥宏認為，人工智能是具有顯著產業溢出效應的基礎性技術，能夠推動多個領域的變革和跨越式發展。例如：人工智能可以加速發現醫治疾病的新療法，大幅降低新藥研發成本；可以帶動工業機器人、無人駕駛汽車等新興產業的飛躍式發展；可以大幅提升國防信息化水平，加速無人作戰裝備的應用。人工智能技術將極大地提升和擴展人類的能力邊界對促進技術創新、提升國家競爭優勢，乃至推動人類社會發展產生深遠影響。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
前言：
隨著科技的發展從家庭到辦公室，協作機器人(cobots)正在逐漸出現在我們的視野，汽車車載虛擬形象也越來越多地涌現，例如：蔚來的NOMI，理想的ONE，奔騰的YOMI。虛擬語音助手的形象也越來越符合大眾口味。虛擬語音助手形象通過改善用戶體驗和培養情感聯系來增加汽車的價值。但是我們在使用的過程中不難發現，機器人的設計很容易出錯，從而讓我們感到無聊、生氣，甚至更糟糕的情緒——害怕。
那么，汽車公司如何設計虛擬語音助手，才能創造更安全、更高效、更有回報的駕駛體驗呢?
本文將通過以下幾點進行闡述，讓虛擬語音助手的設計創造更好的汽車體驗。
1.利用UX（用戶體驗）來驅散對人工智能的恐懼
如果在文化的進程中，高科技在其中扮演過一個壞人的角色，那么在設計時一定要謹慎。例如，在美國，小說作家史蒂芬·金寫過一本關于殺人汽車的恐怖小說，這會讓用戶在使用汽車的時候產生聯想。
谷歌公司也深知這一點，這就是為什么早在10年前，它將其早期的自動駕駛汽車Waymo設計得如此可愛，目的是為了幫助人們更適應自動駕駛這一遙遠的概念。
史蒂芬·金恐怖小說《克里斯汀》 谷歌第一輛無人駕駛汽車waymo
從另一個角度來說，創建一個可愛的，溫柔的，虛擬形象是為了給用戶一種優越感，從而消除恐懼。
外形的設計固然重要，但是行為比外觀更應該受到重視，美國時間2016年6月27日，Anki發布的玩具機器人Cozmo的產品，它的面部是一塊發光顯示屏（OLED），眼睛則是隨心情變化的方塊。因為外形相似，Cozmo被認為是皮克斯動漫《機器人總動員》中瓦力（WALL-E）的現實版?？雌饋肀容^呆萌，給人一種畜類無害的感受。并且通過笨拙的行為，展現出它呆萌的性格，大大降低了人們得戒備心理。
呆萌的機器人Cozmo
以黑綠色代表邪惡的斯萊特林學院 黑綠色的Cozmo
因此即使用了一些比較可怕的顏色，例如，黑綠色。你也不會產生恐懼的心里。由此可見，行為遠比外觀給用戶帶來的感受更具有說服力，也更加直觀。
當我們在設計語音虛擬助手時也是一樣，無論是作為一個合作機器人，還是車輛本身，要問問自己，我想展現的AI是什么樣子的，這樣你就可以在它跨屏幕遷移時設計一個有凝聚力的體驗。
總結：虛擬語音助手的形象要降低用戶的恐懼感，適當的為用戶增加優越感。
2.不要越界
Jibo是一款設計來幫助你在家工作的合作機器人，由 MIT 科學家 Cynthia Breazeal 制造。它高約28cm，重約六鎊，無法自由移動，擁有電子眼睛、耳朵和聲音，頭部可以 360 度旋轉并進行聲音定位，能夠講故事、聊天和提供安慰，也可以拍照和做日程提醒。但可惜的是它失敗了，因為它承諾太多，更注重情感而不是功能，比如語音和人臉識別上存在一定的誤差，并沒有宣傳視頻里演示的那么生動；智能家居中控方面，因為要通過第三方平臺實現控制，實際體驗并不流暢；又比如，因為起初內容缺乏、功能未得到完善，Jibo 無法看視頻、玩游戲和視頻通話，除了擠眉弄眼之外，屏幕成了擺設。
簡單來說就是它能做的事兒和它899美元的售價不匹配，自然就沒有用戶愿意為他買單。
經營失敗而倒閉的機器人JIBO
Qoobo是一款帶尾巴的靠墊，可以通過擺動尾巴來安慰用戶，雖然看起來也沒有特別智能，但它之所以能夠成功的原因是因為它的功能和價格合理。在滿足基本需求時，“搖尾巴”的功能可謂是“錦上添花”。
深受用戶喜愛的坐墊機器人Qoobo
在車載中也是如此，比如蔚來的NOMI,經常有用戶反饋，nomi有的時候所問非所答，要喊出指定的關鍵詞才可以做出相應的應答，但是它能夠成功的原因是，它們能增加真正的價值，并在受控的環境中運營，在那里人工智能可以成為“領域的老板”。同樣的在設計虛擬語音助手形象時，需要有一個明確的目的，那就是它能做什么，不能做什么。換句話說就是：在不影響我駕駛的前提下，幫助我完成一些額外的工作。
總結：要使虛擬語音助手成為功能清晰的服務生態系統的一部分，滿足用戶的基本需求。
3.展現它作為助手功能性的一面。
恐怖谷理論是一個關于人類對機器人和非人類物體的感覺的假設，它在1970年由日本機器人專家森昌弘提出，虛擬形象或機器人的仿真度越高人們越有好感，但在相似度臨近100%前，這種好感度會突然降低，因為你無法分辨某物是否是人類，這會讓用戶產生不安的心理。雖然車內人工智能顯然不是人，但我們確實要避免這個令人毛骨悚然的情況發生。在贏得用戶的信任并建立聯系的同時，也需要讓用戶知道你的界限，并對數據的收集和使用保持透明。
恐怖谷理論
令人恐懼的設計 看完就喊媽媽的動畫
還要注意的是在設計的過程中，要區別人和人的交流以及人和虛擬語音助手的交流的交流。
機器人再說話時會說：請，你好等禮貌用語，這樣父母在使用語音助手的同時，不會擔心孩子學到一些粗魯的用語
其次，我們在與功能性動物交流時，不會用人類的用語，更傾向于使用專門的動物用語。例如，在東北趕集的人，不會對馬或者驢說，往前走，不要走了。而是會說：“駕” “屢” 等擬聲詞來代替，一方面是為了快速的下達指令，另一方面就是區分人類用語言。
你可能會經?？吹竭@樣的新聞：某演員入戲太深，走不出自己的角色，導致發生抑郁，帶來糟糕的結果。這就是用戶對角色情感的過度投入，導致無法區分現實世界和角色世界。因此語言另一個用處就是：防止用戶入戲太深。
總結：保持和突出語音助手該有的特征，這樣可以讓用戶更加容易走出和進入使用場景。
4.扮演它該有的角色
paro這是一個海豹幼崽的形象，這種機器人有助于癡呆癥患者的護理。通過肢體接觸，可以喚醒癡呆癥患者過去養育子女、飼養寵物的記憶。它的感光裝置能分辨白天和黑夜，它的位置感受裝置可以判斷自己是處于被抱著，還是處于跟主人相對的狀態。它在充電時用一個奶瓶，這和他“被扶養”的定位相吻合。
代替動物為老人治療的Paro
正在充電的Paro
寵物機器人Lovot，當你決定要收養它們時，也要意識到它們每天半個小時鬧騰，還有那被“關愛”需求，真的也許會讓你累覺不愛卻又割舍不了，感嘆自己為什么要“養”這兩個小鬼。讓我們感受到，這些機器人就像人一樣，它也有嬰兒期，需要我們耐心教導。
寵物機器人Lovot
再比如馬里奧在最早的出道作品《大金剛》中，馬里奧被設定為一名普通的美籍意大利人，從他的口音(或是從他的配音演員Charles Martinet的所配的口音)來看，他的英文確確實實帶有一定的意大利口音，而且從服裝上也是典型的美國公民裝扮。
因此，無論是外形還是功能上都要有一定的隱喻和暗示。
總結：為所有情況尋找隱喻，這可以讓用戶有一個連貫的想法。無論在哪中場景，都要暗示和產品相關的特性，這樣用戶對虛擬語音助手的角色定位才會一直保持統一。
5.讓互動更有價值
在設計過程中，始終要貫穿的思維就是如何使虛擬形象對用戶的情感做出反饋。通過設計引起用戶情緒價值與情感體驗。比如，通過簡單應答，或者簡單的肢體動作來達到目的。建立一個專屬于用戶的體驗設計。比如引導用戶給虛擬形象命名等。
總結：培養感情紐帶，讓用戶與虛擬語音助手建立長期關系，讓用戶對合作機器人更加滿意。
在未來幾年內，我們預計語音人工智能的個性、年齡和性別將會多樣化，車內語音助手將繼續被采用，尤其是隨著更多的自動駕駛功能進入市場。對于一些原始設備制造商來說，將合作機器人設計成技術的實體表現形式，以幫助贏得用戶的信任，這是有意義的，當然還有其他制造商將在人機界面(HMI)中以圖形方式展示人工智能，就像Siri一樣，以較為抽象的方式表現出來。無論哪種形式所遵從的原則是不變的，期待大家更好的設計！
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
在靈籠中，白月奎開著奧迪在滿是噬極獸的世界馳騁。小伙伴們也驚呼連連。其實，這是一款名為AI trail的奧迪概念車已經被生產，預計2030年上市，那現實中是什么樣的呢？接下來，就從奧迪開始，為大家盤點未來感的汽車是什么樣子的吧。
1.奧迪AI trail
這也是一輛純粹的SUV。它有四個電動馬達，每個軸距上有一個，這使它具有四輪驅動能力，它在公路上的最高速度為每小時81英里，越野范圍為155英里。它的輪胎壓力可以根據地形，在移動中調整。
奧迪 AI trail外觀
當你坐在里面，它會給出一個令人難以置信的寬廣的觀察范圍，她甚至可以讓你看到輪胎。因為里面有足夠的空間，甚至沒有任何多余的顯示器，它是完全由你的手機進行控制的。
把手機作為屏幕，從而達到更廣闊的視野
你可能已經注意到沒有大燈，但這是因為它用于照明的燈被安裝在自主的無人機上，這些無人機會在前面飛行，為你照亮道路。當你在光線不好的環境野營時，你可以通過折疊無人機，手電筒等照明設備。
無人機搭載照明燈
充當照明設備的無人機
2.雷諾EZ-Go
雷諾在2018年發布了他們的電子出租車概念車easy go，同樣計劃在2030年面世。其設計理念是：在未來，汽車的所有權已經不在是一種趨勢，當我們需要旅行時，我們只需預約一輛自動駕駛的汽車。雷諾高層表示，網約車和共享移動服務將會是雷諾的主要發展方向。當你來到一個陌生的場景，你可以透過360的窗戶來欣賞沿途的風景。進入內部，內部空間可容納六名乘客，呈U型排列車頂從前面打開，提供存儲空間。并且它還有四輪轉向功能，意味著它可以在城市間輕松穿梭。當然，作為更明顯的旅途用車，它的車速最高限制在50m/h。對于行動不方便的乘客，它有一個可伸縮的斜坡，當你需要下車是，將自動伸向路邊，讓乘客可以更加方便的進出。
在城市穿梭的ES-Go
通過顯示器可以看到基本信息
汽車內飾
方便進出的設計
3.terrafugia tf-x
相信小伙伴們多少在科幻電影當中看到“會飛的汽車”，我在小的時候看過一個電影《第五元素》，依稀記得家里的七大姑八大姨，嗑著瓜子，坐在炕頭，討論著“我們有沒有機會坐上這樣的汽車”。這部這款汽車可能在不久的將來將會滿足大家的遠景。
電影《第五元素》
如果你正在尋找未來的汽車是什么樣子的，那么 terrafugia tf-x就是我們我們理想的設計。這款汽車售價 28 萬美元起，折合人民幣約為190萬左右。它擁有一雙可折疊的螺旋槳，隱藏在車機兩側。
TF-X外觀 展開雙翼的TF-X
這款汽車很快就由波士頓的設計公司開發出來了，這款概念車比它最初看起來的空間要大得多，它是插電式混合動力，能夠實現全自動飛行，在緊急狀態下可以手控或者遙控。在動力系統上采用插電式混合動力傳動系統，有兩個600制動馬力的電機和一個33制動馬力的燃料發動機，電腦自動控制，擁有有四個座位，可垂直起降空中續航可達640 公里，最高時速為 185 公里/小時，但是它在路上的最高速度或它的范圍還沒有被公司宣布，即它可以飛到可伸縮的翅膀上折疊出一個連接的螺旋槳的事實。
與此同時，各國的航空當局也在討論和協商制定管理這一新興交通業的政策和安全標準。如果未來將會普及飛行汽車，那么開上飛行汽車是否需要飛行駕照？人們是否會花費超過100萬RMB來購買？
正在倒車的Terrafugia TF-X
飛行中的Terrafugia TF-X
4.雪鐵龍19_19
雪鐵龍1919確實是一款具有未來設計感的汽車，它的目的是要做到其舒適性已優先于其他每一個元素，它的設計理念是未來航空工業。結合前擋風和立體化的玻璃覆蓋，上半部分更像一個漂浮的太空艙。
雪鐵龍19-19外觀
它在車頂后部安裝了激光雷達探頭，主要用于在長距離行駛時的自動化駕駛。 它的踏板和方向盤，是可以伸縮的。但當駕駛者想自己駕駛時，踏板會降到合適的位置，方向盤會展開。當用戶不想駕駛的時候，方向盤會自動縮回，智能音箱自動升起，幾乎像一個潛望鏡一樣，幫助用戶實時檢測駕駛情況，并且把信息顯示在擋風玻璃上。
自動駕駛模式，信息在擋風玻璃上顯示
5.輛豐田LQ
豐田LQ的設計原則是，讓司機和他們的車輛之間有更加緊密的聯系。所以通過加入最先進的先進的AI，稱為Yuyi，將人工智能打造成你在車內最好的朋友之一。
會眨眼睛的LQ
它是全電動的，擁有SAE L4級自動駕駛系統，這意味著不需要用戶的參與，因此車廂的舒適性就顯得尤為重要。在座艙內的乘客被不斷地監測，AI將根據司機的情緒和警覺狀態來調整溫度，甚至是駕駛模式。并將進一步嘗試在情感上吸引司機，使他們在旅途中保持愉快的心情。車內的每個控制都是語音激活的，這代表車內幾乎沒有任何物理按鍵，所有的信息將會投射在擋風玻璃上。甚至可以調整照明水平，在空氣中釋放平靜的感覺，AI也會選擇自己的音樂播放列表，喚起它認為目前最符合你情緒的音樂。
AI根據用戶心情播放相關音樂
正在自動駕駛的LQ
6.梅塞德斯-奔馳Vision AVTR
如果你想看到世界上最有未來感和最有異國情調的輕型概念車，那么你一定要看的就是這輛車。相信小伙伴們都看過《阿凡達》這個電影，無論是科幻的劇情，還是絕美的場景，都在當時引起了不小的轟動。這輛車的靈感就是來自《阿凡達》這部電影。而且契合度可謂是非常的高。
阿凡達場景 阿凡達宣傳海報
它外觀采用了仿生設計，整體觀感十分科幻。車身兩側采用了全透明設計，意在大幅提高車內視野，強調車內、車外的交互。它還使用了33瓣采用了獨立的仿生襟翼，看起來像爬行動物的鱗片，可以根據不斷變化的條件來調整車輛上方的空氣流動。
《阿凡達》電影中的精靈樹
他的輪胎，借鑒了電影中，精靈樹的樣式，并且它去掉了傳統的圓形輪，胎取而代之的是球形輪胎，它提高了機動性，對周圍的影響較小，并且能夠扭轉30度，這意味著汽車可以以螃蟹的方式側向移動。
AVTR外觀
可以依據氣流和感應翻轉的仿生襟翼
內飾以流動的波浪和花朵形狀為基礎，這看起來是有史以來最舒適、最高效和最愉快的旅程。這輛車會與你交談，了解你想去的地方，在給它下達指示后，你需要做的就是坐下來，讓它做所有剩下的事情。值得一提的是，車內同樣沒有任何按鍵，當你伸出手站，并且注視手掌時，按鍵就會顯示在你的手心上，你進行移動點擊等操作。
AVTR內飾 顯示在手掌上的虛擬按鍵
通過手掌來控制方向 用手掌進行交互
通過對趨勢的了解和分析，相信小伙伴們對未來感汽車有了新的認識和理解。目的也是為了讓大家更好的把自己的理念和設計與未來汽車相貼合，亦或是產生靈感，發散思維，做出更好的創作。希望在不久的將來，無論在汽車造型，還是內飾，或是儀表等，可以看到大家充滿激情的設計。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
編輯導語：2021年，隨著高級別自動駕駛技術的快速和智能駕駛汽車量產落地，作為關鍵環節的高精地圖也愈發受到車企的重視。當前，部分車企L3自動駕駛車輛開啟量產之路，高精地圖滲透率大幅提升，前期獲得訂單的圖商優勢將進一步擴張。但是，對于行業各方參與者而言，高精地圖需要長期的技術支持和大量的資金投入，中國高精地圖市場競爭格局將愈演愈烈。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
印象中，Windows 就一直伴隨著我們的成長，它有著 35 年的豐富歷史并不斷帶給我們新的體驗，它的存在充分展現了計算機如何豐富我們的生活習慣：用 Word 寫下第一篇文章，用 Paint 畫出第一幅畫，或者用電腦寫出第一行代碼。
設計下一代 Windows 需要我們理解過去，但更重要的是對當前和新興人類需求的深切共情，以及對技術如何更好落地的理解。當我們開始 Windows 11 的設計之旅時，我們研究了過去 18 個月世界是如何變化的，包括疫情大流行暴露出未被滿足的需求和新的行為方式。更重要的是，我們與人們談論他們的夢想和抱負，這樣我們就可以了解什么驅動著他們，以及他們需要從他們的技術中獲得什么來實現他們的目標。Windows 11 的設計專注于對人的關注，計算機如何賦予他們力量，以及用戶到底喜歡什么。
創造大量的愛需要大量與人的溝通，我們喜歡這種溝通，因為以人為本是我們設計理念的核心。在 85 個以上的專題研究和數萬輪測試中，我們與所有人進行了交談，從喜歡我們產品的忠實粉絲，到希望 Windows 更容易和更平易近人的新用戶。
Windows 10 之前使用 Metro 設計語言，Windows 11 使用 Fluent 設計語言
（彩云注，可能有的朋友分不清這 2 個設計語言，彩云專門研究了一些資料，也跟大家一起分享下：
Metro UI 是一種界面展示技術，和蘋果的 iOS、谷歌的 Android 界面語言最大的區別在于：后兩種都是以應用為主要呈現對象，而 Metro 界面強調的是信息本身，而不是冗余的界面元素。顯示下一個界面的部分元素在功能上的作用主要是提示用戶信息的存在。同時在視覺效果方面，這有助于形成沉浸感。
Fluent Design System（以下簡稱 FDS）主要包括五大核心元素：Light（光感）、Depth（深度）、Motion（動畫）、Material（材質）和 Scale（縮放）。
Fluent UI 設計語言的核心就是在美觀的前提下，應用的使用更加自然和流暢。在體驗上用戶會獲得全新的過渡動畫、視覺效果、半透明和模糊等等。毛玻璃效果重新成為趨勢就是微軟通過這套設計全新語言一手帶起來。
這是 Windows 有史以來最受人期待的發布之一，這得益于基于研究過程中得出的一個關鍵設計指導原則：平靜的技術讓我們的生活真正變得更好。在今天的世界中，平靜是非常需要的，它往往取決于我們掌控、放松和信任的能力。Windows 11 通過讓人感受到熟悉的基本體驗，軟化了以前冰冷的 UI，并增加了情感聯系，最終促進了這一點。這些改進讓你更接近你最愛的東西:家庭、朋友、激情、娛樂和創作。Windows 11 是將所有東西結合在一起的地方，對它的需求從未像現在這樣強烈。
就像它對所有東西造成的影響一樣，疫情也影響了 Windows 11。雖然移動設備的崛起讓 PC 從聚光燈下淡出，但去年它又重新回到了舞臺中心。在個人與專業相結合的新型虛擬模式中，PC 的強大功能和靈活性使我們能夠在家中的各個角落工作。它始終是一個值得信賴的工具和伙伴，跨越工作、家庭和學校，靜靜地等待我們的輝煌時刻。
過去的一年充分展示了人類的智慧。在一片混亂中，我們看到人們實時學習如何在混合環境中工作，幫助孩子學習，并找到新的連接和娛樂方式。我們在 Windows 11 的設計上不斷迭代，努力創造一種深受大家喜愛的體驗，讓我們更容易專注于對我們每個人來說最重要的東西。
情緒板捕捉各種新的圖標、主題、UI 和插圖。
微軟的 Windows 設計團隊是由創造性的實用主義驅動的。為超過 10 億人設計需要同理心。它依賴于將人類的需求內化，以建立一個包容所有人的解決方案，同時仍能傳遞獨立的個性。隨著 Windows 躍入下一個時代，它的演變故事再次被講述，通過以人為本的產品設計，以及打造最具包容性和個性化的操作系統的承諾愈加堅定。
以“開始”菜單為例：Windows 體驗的基礎被移到了核心位置。在聽到人們在使用“開始”時希望提高效率、減少噪音后，我們設計了一種更干凈、更簡單的體驗，通過優先排序人們喜歡的應用和他們需要的文件，將用戶置于中心位置。它還適配現代設備的尺寸因素，使所有屏幕尺寸的訪問更容易，從 Surface Go 到超寬顯示器都能獲得一致的體驗。
在微軟，這些設計決策不是輕易做出的。團隊癡迷于每個像素，我們更新了“開始”Logo，以配合我們新的視覺語言和動畫，為互動增加樂趣和信心。我們也有意地選擇了壁紙，開機畫面，并調整了新的中心對齊，使用戶的體驗更加平衡和集中。我們希望你進入 Windows 11 的旅程從一開始就真正處于中心。（彩云注：大廠的設計團隊做項目更看重整體品牌感知，各個元素間都要能形成一致的設計語言。這里連居中對齊都可以跟設計理念聯系上，值得學習的思路。）
我們對讓技術更人性化的關注也反映在“開箱即用”體驗上，這個體驗曾經的歡迎詞是你“進來”，但現在是歡迎你“回來”。我們知道不是每個人都是新用戶，我們渴望通過我們的設計來尊重我們與長期忠實客戶的關系。你也可以在安裝過程中給你的電腦起一個名字，這樣 Windows 就會給你一種獨特的感覺，比系統設置中使用的隨機名字更人性化。Windows 是你們的，我們設計它是為了慶祝你們的生活和工作方式。（彩云注：在文案上也是精雕細琢，也是為了緊貼他們的設計理念）
新的 Windows 11 主題提供了個性化和自我表達的不同主題選擇
一旦你開始正常使用，Windows 11 就會記住你是誰，以及你在日常生活中需要什么。一鍵交互將帶你從一個任務到另一個任務，而不會中斷你的工作流程。在過去的一年里，工作和生活的界限被重新定義了。在新版本的 Windows 中，組織活動的能力是我們密切關注的東西，確保無論環境如何變化，你都能保持專注和心流狀態。窗口和截圖功能已經被重新設計，以記住你的喜好，所以當你離開工作流去查看新聞的時候（新的窗口部件故意設計來尊重你的工作流程），系統會記住你是如何組織你的空間的。我們創造了一個數字版的辦公桌，它就像依偎在你家里的辦公桌，讓你能夠實現一些偉大的事情，同時又能感受到與生活的緊密相連。
這些變化通過一種優美的新設計語言來實現，使 Windows 在體驗上比以往任何時候都更加連貫。聽到人們對更加柔和、友好和優美 UI 的渴望，我們進化了視覺和聽覺表達。我們圓滑了尖銳的棱角，并創建了一個溫暖的調色板，以構建一個更人性化、更平易近人的語言，同時不會妨礙你的工作效率。
一些新的 Fluent 圖標，UI 和插圖內容的選擇，以及我們的 Segoe UI 變量字體的示意
如何為超過 10 億有著不同和獨特需求的人開發產品？傾聽、迭代、適配。通過用戶的洞察，我們通過軟化邊緣、減少雜亂和一致性設計，使 Windows 11 更加人性化和受歡迎。這些變化還通過新材質、字體、新調色板、新壁紙和主題包來提升自我表達，以兼顧廣泛的品味。
在 Windows 11 中，我們看到了一種從單純的功能性技術向情感、人性和個性化技術的轉變。Windows 不僅僅是一個操作系統，它是編織在我們生活中的一塊織物，讓我們更接近我們所愛的一切，幫助我們創造和連接。
如文章開頭所說，彩云為大家搜集到了 Windows 11 最新設計語言 Fluent UI 的設計組件，供大家參考學習，
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
2021 年已經九月份了，毫不例外，今年也給大家準備了明年的八個視覺設計趨勢，這些將在 2022 年出鏡率繼續升高。設計趨勢一直都處于不斷變化與輪回之中，設計風格技法也跟隨時代潮流在不斷變化。
“趨勢不一定每年都全新，但是趨勢每年都很重要”，與大家共勉。下面，我們一起來看看明年視覺設計大方向，到底有多精彩。
style="font-size:16px;white1;margin-top:0px;margin-bottom:30px;padding:0px;width1;caret-color:#525252;color:#525252;font-family:"letter10000000149011612px;">
幻彩立體也是 3D 設計的演化，在 2022 年它會依然會瘋狂的出現。不過風格上有些微妙的變化，質感更輕盈純粹、色彩更少量、圖形上更幾何塊面化，保持更真實的空間立體感受，直觀自然。
我們可以從 Dribbble 上面看到像 UI8、craftwork、Is 等，他們的 3D 作品逐漸趨近走向更簡潔風格調性，減少復雜的光影，這也是在扁平化中找到的思路。
美國電視頻道 Turner Classic Movies
今年發現越來越多幾何形狀在平面作品或者 UI 中出現，新的幾何圖形更具表意，更趨于表達真實情感。少了一些圖形的抽象化裝飾，更多的是傳達設計理念，品牌符號穿透。當分形形狀與色彩完美結合，可以創建出極具吸引力的視覺效果。
Goodfood Market
HANBOK CULTURE WEEK
unipapa 推出的衛生紙，以簡潔純白的包裝令人眼前一亮。
Gucci 發布首款只能在數字環境中穿著的虛擬運動鞋
AR 和 VR 這個大家都知道，前幾年就火起來了。今天主要提一下今年備受關注的 NFT 藝術，什么 NFT？其中文名稱是非同質化代幣，一種應用區塊鏈技術驗證的數字資產。它最容易理解的外號，是數字藝術品。
Andrés Reisinger 在 2 月份售出支持 NFT 家具
將 NFT 與平面設計聯系起來，就是我們所說的數字平面藝術。它的到來對設計師影響有很大變化，橫向能力要求有所提高，比如了解虛擬數字化設計，以及對全新審美和新三維技術有更高的要求。
Beeple 一幅拼貼畫，經過區塊鏈驗證的藝術品在拍賣會上以超過 6900 萬美元的價格成交。
Beeple 的其中一幅作品
Moooi 與 3D 藝術家 Andrés Reisinger 合作完成了這把不能生產的虛擬椅子
來源：騰訊 ISUX 出品
圖標設計一直是社交領域的重頭戲，自從去年大量在設計作品中后，截止今年依然很強勁。因為很多設計師意識到單一的枯燥圖標無法滿足一些特殊場景的情感化設計表達，平面超萌趣圖標來了，帶來更強的視覺觀欣賞性與生動性。
來源：騰訊 ISUX 出品
襯線字體在今年 Behance 作品集首頁上，可謂出鏡率可比以往高，喚起一種懷舊的感覺。也許是因為看多了襯線字體版式，設計師更多想嘗試用襯線字體來打破僵局，設計出新穎的視覺效果。
Vocation
自然設計，主張可持續性發展與環境建立聯系，是一種新生活態度，是百轉千回，回歸本源的理想之態。設計師通過設計表達對環境的敬意，與產品建立強相關，既能表達產品自然純粹之意，又可以宣傳品牌貼近我們生活自然之意。
&SMITH 涼茶包裝“循環生活”理念
TR?VE
dia Design studio
今年很多平面海報設計、品牌符號的動態系統設計中，都可以看到字體被扭曲、變形，以一種新的形態出現在眼前，沒錯，這就是超變形字體。它打破常規，以不同尋常的路子出現在大眾視野中，帶來全新視覺體驗。
1. Pinterest Sans
說到動態包裝，這是在國內外這兩年火起來一個大趨勢，首先微軟早期各種產品宣傳視頻，在到 Google、IBM、Apple 的視覺語言更新宣傳視頻。現在越來越多廠商喜歡廠商動態包裝產品，這樣比平面展示更多細節與生動。
2. Rise
格拉斯哥設計工作室 Need 為 Rise 全新重塑品牌，同時通過動態展示品牌延展設計。
今天的趨勢分析差不多到這結束了，設計趨勢沒有好壞之分，選擇合適的應用在設計中，將發揮不可估量的作用。希望今天的分享能給大家帶來一些啟發。
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn