以下是碳水Sir在App Store發(fā)現(xiàn)的幾款“寶貝”，之所以稱為“寶貝”是因為產(chǎn)品中可學到的東西太多了，每個產(chǎn)品視覺UI以及動效都有其獨特風格（當然網(wǎng)上也有別人總結(jié)過的產(chǎn)品，我這里就不拿出來重復說了）我僅針對未總結(jié)的大廠產(chǎn)品，進行設(shè)計細節(jié)拆解，看看優(yōu)秀的產(chǎn)品設(shè)計到底好在哪里，請君細細品味。
（淘寶 - 屋顏 - 一站式潮流家居平臺）
（字節(jié) - 抖音盒子 - 潮流時尚電商平臺）
（騰訊 - doX多克斯 - 生活碎片視頻社交）
（淘寶 - 吃貨筆記 - 記錄美食好生活）
（得物旗下 - 95分 - 奢潮二手平臺）
（騰訊 - PODO漫畫 - 獨特交互體驗漫畫閱讀平臺）
（荔枝 - 皮玩 - 語音社交平臺）
（陌陌 - 咔咔 - 實拍互動交友平臺）
排名不分先后，從以上幾款產(chǎn)品logo中不難看出，圖形設(shè)計都偏向于具像化，傳遞出正向的情緒，顏色方面使用熒光黃、青綠、漸變粉等凸顯年輕、大膽，富有朝氣。
第一眼看到這個名就有被驚艷。首先屋顏是屋檐的斜譯，檐變成顏，中華文字博大精深，讀起來也不違和，同時也直觀呈現(xiàn)出產(chǎn)品定位屬性。logo采用字體設(shè)計手法，“屋”字經(jīng)過設(shè)計手法使線條呈現(xiàn)出立體空間感，也間接體現(xiàn)出產(chǎn)品是和房屋軟裝相關(guān)，同時為屋內(nèi)添置“顏色”（軟裝）相關(guān)的產(chǎn)品。一個logo兩層含義，通過字體設(shè)計以及諧音表現(xiàn)，巧妙的融入其中。
直觀來看，頁面大量留白，圖片質(zhì)量高級且風格統(tǒng)一，均采用素底作為產(chǎn)品首圖，很好的提升產(chǎn)品整體調(diào)性。
圖形方面均采用直角元素，配圖、banner、按鈕、icon無一例外；細線風格設(shè)計使產(chǎn)品極具品質(zhì)感，有種無印良品的現(xiàn)代極簡主義風潮。也叫MUJI風。
瓷片區(qū)的配圖采用線性+2.5D風格，使畫面富有空間層次，能撐住頁面頭部重要位置，且再次突出產(chǎn)品極簡主義風格。當然還有空狀態(tài)、無網(wǎng)絡(luò)環(huán)境下的配圖等等都很統(tǒng)一。
動效方面最值得關(guān)注的是下拉刷新，使用吊燈作為下拉效果，當向下滑動時電線被拉扯長，但斷不了，給人以安全可靠的產(chǎn)品透傳，也算是通過創(chuàng)意設(shè)計助力產(chǎn)品體驗的手段之一。釋放刷新時，輪播不同的家居icon圖標，再次強化定位產(chǎn)品屬性，且刷新時不至于乏味。
加載狀態(tài)采用+號線條旋轉(zhuǎn)表現(xiàn)，同時在結(jié)尾變成一個方形，這么極簡的設(shè)計之前其他產(chǎn)品從未出現(xiàn)過，同時它也符合屋顏的產(chǎn)品調(diào)性（新家軟裝要做加法，僅個人理解）也算是一個設(shè)計亮點。
最新穎的是產(chǎn)品特有的【3D實景逛店】功能，進一步強化家具與室內(nèi)的強相關(guān)性，為什么這么說，單從買家具上，線上買前只能靠照片來間接聯(lián)想買后填入家中的情況，并不能按照自己習慣多角度查看家具。又或者因為忙，沒時間去線下家具館，或者怕白去一趟，通過【3D實景逛店】快速解決這部分用戶需求。同時，也給線下家具館增加了更多曝光度的可能性。
至此，屋顏的設(shè)計細節(jié)講解就結(jié)束了，希望產(chǎn)品體驗越做越好。
抖音旗下的電商平臺，整體風格清爽直觀，綠色與紫色搭配也是一種時尚風。相比其他電商產(chǎn)品，抖音盒子沒有金剛區(qū)圖標設(shè)計以及營銷類的占位圖，相反金剛區(qū)僅展示奢侈品實物圖，產(chǎn)品圖大小做了統(tǒng)一，視覺呈現(xiàn)很高級，同時下列瀑布流商品中首圖沒有活動促銷等信息干擾，只展示商品圖，突出其時尚潮牌好物的特性，同時也與當前清爽、高級的設(shè)計風格相一致。
幾處設(shè)計細節(jié)值得參考，首先是底部Tab欄點擊動效，承載抖音logo的故障風效果，黑色+紫色故障效果一來告知與抖音具有相關(guān)聯(lián)性，是旗下電商產(chǎn)品；二來黑色Tab圖標能很好的壓住“紫綠主色調(diào)”的跳躍感，不至于太過俏皮脫離電商屬性。
并且圖標的整體性與統(tǒng)一性都做得很好，“小紅點”的設(shè)計采用品牌色“小紫點”呈現(xiàn)（小小的顏色改變），更加強化了產(chǎn)品風格與調(diào)性的統(tǒng)一，（小紅點并不是只能用紅色）這點值得學習。
最后想告訴大家，產(chǎn)品在每個階段設(shè)計形式都會發(fā)生改變，比如1.0.1-1.0.2可能是輕微調(diào)整，1.0.0-2.0.0就是大的視覺升級?？赡芤驗楫a(chǎn)品發(fā)展或用戶變化，使得產(chǎn)品設(shè)計風格發(fā)生改變， 但要知道每個上線版本一定是當前方案的最優(yōu)解。就如你看到的“抖音盒子”現(xiàn)在是1.9.0版本號，或許在不久的將來就會全新升級。這就不得而知了。
是一款短視頻社交平臺，與其他社交產(chǎn)品不同，doX主打短視頻內(nèi)容社交，用戶通過拍攝上傳有趣的短視頻內(nèi)容，來認識志同道合的朋友。雖然與抖音同為短視頻平臺，但抖音更側(cè)重視頻分發(fā)，而doX側(cè)重于通過視頻與用戶建立聯(lián)系，一個視頻下可以跟拍多條，有點像qq以前的漂流瓶，只是換種呈現(xiàn)方式。這種陌生人視頻交友有一絲“探探”的味道。
設(shè)計上面單看logo以為會沿用手繪線稿類似的風格。整體使用下來，僅在我的頁面頂部背景中用到，其余均采用斷線像素風icon設(shè)計，綠+白的設(shè)計風格，可能也是為了營造出一種陌生人交友的科幻感覺吧。
發(fā)起拍攝頁，背景會有噪點動效，也是營造一種拍攝前無鏡頭的感覺，引導用戶隨手記錄。
最后產(chǎn)品的切入方向很新穎，但是否能在短視頻風口分出一杯羹就不知道了，但目前來說整體設(shè)計風格框架已搭建起來，剩下的就是不斷填補及完善設(shè)計，使其更加統(tǒng)一，希望doX越來越好。
第一次接觸“吃貨筆記”就被頁面整體設(shè)計風格吸引。粗線圖標+擬物圖標形式空前新潮，給人眼前一亮的感覺。它類似于“大眾點評”，是個寶藏探店美食分享的平臺。通過線上探店選擇報名-自行到店-發(fā)表動態(tài)-上傳票據(jù)-提取飯票，來獲得優(yōu)惠消費的同時提高平臺UGC內(nèi)容的產(chǎn)出。可惜的是目前僅支持【廣州】店鋪（可能是先做小范圍本土化嘗試然后再逐漸擴大地域），外地用戶只能看看界面并不能真實使用，這點很遺憾。
動態(tài)布局也很有創(chuàng)意，第一張大圖，其他小圖呈現(xiàn)，五宮格的樣式使布局統(tǒng)一，且更好突出第一張圖的主視覺層級。
如今本地餐飲服務(wù)平臺已經(jīng)做得很好了，“吃貨筆記”在嘗試從優(yōu)化福利流程、視覺表現(xiàn)、設(shè)計手法等多維度探索新的操作形式，這種身先士卒的精神值得尊敬，單說設(shè)計表現(xiàn)的細致，就以超過了大部分產(chǎn)品。當然，每一款好的產(chǎn)品離不開設(shè)計，更離不開產(chǎn)品功能是否真實滿足用戶需求，讓用戶使用輕松、解決需求后是否帶來爽點。
圖標用色很鮮明，均采用3D質(zhì)感表現(xiàn)形式，能看出設(shè)計上面下了很多功夫。底部Tab欄選中圖標也采用3D質(zhì)感表現(xiàn)，與金剛區(qū)和空狀態(tài)圖標形成呼應，增強產(chǎn)品風格記憶點。產(chǎn)品目前的評論和下載量都不像沒推過一樣，可能產(chǎn)品分享度不高導致很多一部分人不知道，所以增加徽章模塊評價打卡獲得獎勵，并以此成就來滿足用戶心里預期，從而增加使用黏性和傳播分享。
最后這款產(chǎn)品設(shè)計表現(xiàn)都特別出眾，通過空狀態(tài)文案等內(nèi)容也能看出產(chǎn)品的個性特征。例如：“蝦米都沒有，快看看其他的”，還有很多小的設(shè)計細節(jié)，這里就不一一說了，大伙兒自行下載體驗一下吧。
95分是得物旗下的分離出來的全新App，主打潮流閑置交易平臺，而得物定位是新一代潮流網(wǎng)購電商，兩者還是有所區(qū)別。但從UI設(shè)計角度，還是能看到得物的影子，潮流前線，并且整體風格時尚統(tǒng)一，很多細節(jié)值得在這里展開說說。
整個設(shè)計清爽直觀、沒有多余裝飾元素，這就要求圖標必須做到極致，才能撐住整個頁面。我羅列了一下可能出現(xiàn)的圖標，輕質(zhì)感毛玻璃效果，結(jié)合統(tǒng)一的漸變元素使得每個圖標都精致耐看，值得研究。線性圖標也是一樣，整體配套，這套圖標應該下了不少功夫。
在二手平臺存量競爭的時代，能有一款產(chǎn)品嘗試新的設(shè)計風格，并且把近幾年火起來的毛玻璃風格相融合，這種走在設(shè)計前線的作風與95分產(chǎn)品潮流前線的調(diào)性一致，單說設(shè)計嘗試這種做法就已經(jīng)超越了大多數(shù)產(chǎn)品了。
毫不夸張，這款產(chǎn)品打開了我對交互表現(xiàn)與實現(xiàn)的新認知。我看了一下最早發(fā)布是去年9月27日，到目前為止短短8個月時間，就能讓PODO這款產(chǎn)品的交互設(shè)計做到如此優(yōu)秀，背后依靠騰訊，也有游戲元素的影子，這就不足為奇了。
使用下來基本沒有太多圖標元素，更多是把屏幕空間分給了動漫封面，一行三個動漫排列，背景與主體人物分開，滑動時二者在空間層進行錯位，營造一種錯層的空間感，使原本扁平的圖像瞬間立體了許多很是新奇。
點開動漫詳情，圖文信息依次從上到下展開，引導用戶視覺享受，并且頭圖中的動漫人物也做了動效設(shè)計，全覽下來很是細致。除此之外，還有三個明顯的交互細節(jié)，分別是：設(shè)置頁展開交互、閱讀頁底部導航交互以及目錄頁的交互樣式，都以新的表現(xiàn)形式呈現(xiàn)出來，作為設(shè)計師的我們現(xiàn)在不能再說：“設(shè)計已經(jīng)玩不出新的花樣”這樣的說法了。
太多的交互動效就不一一列舉了，趕緊收入囊中吧！
通過了解得知“皮玩”是荔枝App旗下控股產(chǎn)品，同樣也在入局陌生人社交領(lǐng)域。但值得注意的是該產(chǎn)品上線1個月，內(nèi)部框架及UI界面已相對完整，卡片、插圖、動效、圖標、以及一些趣味設(shè)計都已上線，應該是一個成熟團隊孵化的項目，上線前的測試應該沒少下功夫，才能在產(chǎn)品初期做的如此完善。logo采用漸變黃底+吐舌頭表情相結(jié)合，搞怪趣味要用嘴說話這樣的印象。定位：更好玩的語音社交算說得過去 。
初次體驗，第一感受就是采用貼紙風的設(shè)計元素，icon與元素都具有較強的設(shè)計感，飽和度較低的配色加上白色描邊，就如產(chǎn)品說的“玩一下、皮一下”相呼應，產(chǎn)品的整體顏色采用漸變黃和漸變綠，配色很大膽，同時體現(xiàn)出該產(chǎn)品用戶所代表的具有興趣多元化、喜歡嘗鮮這樣一個群體。同時產(chǎn)品也是想通過這種設(shè)計吸引用戶使用。
產(chǎn)品中處處都能看到微動效，使靜態(tài)的畫面變得活潑許多，這種做法也是為了給用戶營造一種活躍的氛圍，增加平臺活躍度。
咔咔是陌陌孵化的一款社交產(chǎn)品，最近發(fā)現(xiàn)一些大廠旗下產(chǎn)品都在獨立運營，目的也是為了和主產(chǎn)品脫離關(guān)系，防止激烈競爭導致產(chǎn)品停止運營。年前很火的“啫喱”想必就是吃虧在這方面。回歸正題，首頁是以視頻為主圖片為輔的瀑布流形式呈現(xiàn)，停到某一位置則直接循環(huán)播放該視頻，排版方式極具新穎，當體驗下來眼球左右移動總是會打斷我信息的獲取，有點強制引導用戶看大圖視頻內(nèi)容的感受。點開則可以與對方進行互動點贊評論。
看看模塊，采用類似“探探”卡片交互左滑不喜歡右滑喜歡來讓用戶進行操作，但與“探探”不同的是此互動是開放的，用戶選擇滿意的動態(tài)內(nèi)容添加到卡片后，陌生人可看到展示內(nèi)容，并且她被多少人喜歡都會展示出來，相當于是個人名片，有種抖音+探探的味道。并不具有一對一的個人隱私性，這是與探探最直接的區(qū)別。
看看模塊中，“打招呼”是與對方建立私聊的唯一方式，如果該用戶已關(guān)注但未打招呼，把卡片劃走，那再也不能與對方建立私聊，除非對方通過“看看”模塊與你打招呼。這個產(chǎn)品細節(jié)很容易因為用戶不理解或者手滑就無法與上個用戶進行“打招呼”私信，且私信功能僅在觸發(fā)“打招呼”后才能交流，入口少、且不易理解，不知道是產(chǎn)品經(jīng)理的有意為之還是被遺漏掉的地方。
消息頁的添加入口，用折疊手法展示，降低頻繁跳頁的割裂感，同時縮起時也不會占用消息列表。
消息列表是通過“打招呼”保存下的私密消息，聊天形式極具特色，黑色背景加上紅紫漸變列表有種夜店嗨皮的即視感觀，這里就不過多評價，大家領(lǐng)悟吧。
設(shè)計中還值得關(guān)注一點，就是個人主頁中的個性標簽，我羅列出22個，當用戶發(fā)表三個同類動態(tài)即可點亮一個標簽，此標簽也會代替文字描述承載動態(tài)內(nèi)容的作用，用戶選擇已點亮 的icon即展示對應標簽內(nèi)容了，相當于動態(tài)中的標簽分類，但前提發(fā)表動態(tài)時選擇對應你標簽，不然發(fā)表后的動態(tài)不能二次修改。這種通過標簽點亮的功能也是為了讓用戶UGC內(nèi)容更加多元化，同時也想通過標簽來吸引用戶多多發(fā)動態(tài)的。創(chuàng)意點是好的，但是否能達到好的效果，還是要拭目以待。
相比其他產(chǎn)品，咔咔是我一直關(guān)注的產(chǎn)品，同時也是特別喜歡的產(chǎn)品之一，所以我分享給你們。
設(shè)計師要有發(fā)現(xiàn)美的眼睛。美不僅是視覺，還有好的體驗流程。不要讓用戶思考，這是每個設(shè)計師所追求的。
認真記錄產(chǎn)品細節(jié)，了解背后的思考，也是不斷提升自己邏輯思維和表達能力的一種方式。
本期產(chǎn)品細節(jié)分析結(jié)束，點擊原文鏈接查看更多，我們下期再見！
作者：碳水Sir；公眾號：草蓉三石
作者：碳水sir
鏈接：https://www.zcool.com.cn/article/ZMTQwMzM4OA==.html
來源：站酷
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
在講開源設(shè)計前，我們或許可以先講講開源一詞是指什么。
開源全稱開放源代碼，開源軟件最大的特點是開放，也就是任何人都可以得到軟件的源代碼，加以修改學習，甚至重新發(fā)放，當然是在版權(quán)限制范圍之內(nèi)。雖然開源一詞最初是為軟件開發(fā)而創(chuàng)造的，但現(xiàn)如今開源所涉及的領(lǐng)域也極其廣闊，并不只是包括軟件領(lǐng)域，如醫(yī)藥領(lǐng)域的藥物開發(fā)開源、文化領(lǐng)域的書籍到期開源等等所以開源設(shè)計已包含了更廣泛的含義，它包括了由任何人或者團隊自由共享、協(xié)作的設(shè)計方案、項目、產(chǎn)品。
我們來看幾個大型開源的設(shè)計了解一下~
Ant Design
阿里的開源系統(tǒng)后臺組件庫
https://ant.design
百度推出的開源圖表
https://echarts.apache.org/
全球知名圖片開源平臺
https://unsplash.com
免費（大部分是）：開源設(shè)計的一個關(guān)鍵要素是它們通常（但不總是?。┟赓M。這是一個重要因素，因為閉源設(shè)計通常需要花費不菲的價格或者冒著侵犯版權(quán)的風險去使用。
思想碰撞：更多的設(shè)計師或者創(chuàng)意愛好者共同為一個創(chuàng)意提出自己的見解和再設(shè)計。
設(shè)計開源領(lǐng)域廣闊：設(shè)計開源領(lǐng)域也幾乎涵蓋了所有的設(shè)計和創(chuàng)意領(lǐng)域如平面設(shè)計、三維設(shè)計、用戶體驗設(shè)計、環(huán)境設(shè)計、建筑設(shè)計、服裝設(shè)計、插畫、動畫設(shè)計等等
但是許多人可能會有一個疑問，開源設(shè)計和以往的素材網(wǎng)站或者源文件售賣網(wǎng)站有什么區(qū)別呢？
在我看來，開源網(wǎng)站與傳統(tǒng)售賣設(shè)計資源的網(wǎng)站最大的區(qū)別是開放與共建，以figma的社區(qū)為例，作者發(fā)布作品后，任何人都可以對其作品進行redesign甚至remix，這極大的提高了設(shè)計師的興趣，每個人都希望自己的作品能被他人看到，也希望自己的創(chuàng)意能與他人的創(chuàng)意進行更好的結(jié)合，這是一個多么美好的場景。而傳統(tǒng)網(wǎng)站只是冷冰冰的展示文件售賣資源，缺少了設(shè)計中的靈魂。
那說了這么多，開源設(shè)計到底有哪些優(yōu)勢呢？
提升設(shè)計效率：設(shè)計師不應花費時間去解決別人已經(jīng)解決的問題，比如當我設(shè)計一個新項目時，無需從零開始設(shè)計系統(tǒng)組件，可以直接使用Ant Design、Ant Mobile Design等現(xiàn)有組件庫。
增加學習機會：通過開源社區(qū)，設(shè)計人員可以從其他人所做的項目中學習，并與專業(yè)人員交流經(jīng)驗。
提高設(shè)計質(zhì)量：設(shè)計師自己看本人作品時，往往是身在其中不知如何下手，而將作品發(fā)布到更廣泛的社區(qū)有助于設(shè)計師獲得有價值的反饋以改進他們的作品。
提升品牌價值：對設(shè)計開源后，公司品牌能在某些領(lǐng)域內(nèi)獲得傳播，提升品牌價值。并且在招募人才時也能成為有吸引力的一項條件。
提升個人價值：一個設(shè)計師想要提升個人價值和影響力，可以用開源作品來在行業(yè)內(nèi)獲得一定口碑，甚至直接將用戶流量轉(zhuǎn)化為訂單，或許是更簡單且容易的事情。
從這些優(yōu)勢中不難發(fā)現(xiàn)，在開源生態(tài)中，我們的作品不再是一座孤島，通過互聯(lián)網(wǎng)，我們的作品可以和任何人進行鏈接并且產(chǎn)生共鳴，提升品牌和個人的價值，所以每個人都值得感受開源的美好。
但開源的同時不可避免的會帶來許多新的問題和挑戰(zhàn)，讓我們一起來看一下。
知識產(chǎn)權(quán)問題：在開源社區(qū)中，設(shè)計師可能不清楚其創(chuàng)作的知識產(chǎn)權(quán)。因此，他們可能會不自知地侵犯其他設(shè)計師的知識產(chǎn)權(quán)。
設(shè)計門檻問題：設(shè)計開源意味著設(shè)計師的門檻變低，任何人都可以隨意使用開源的設(shè)計項目，導致設(shè)計師不再愿意花心血創(chuàng)作。
設(shè)計師競爭力下降：開源設(shè)計意味著普通的設(shè)計內(nèi)容已不需要單獨的設(shè)計師來完成，頂尖設(shè)計師的機會會更多，而普通設(shè)計師的競爭力會明顯下降。
隨著這些挑戰(zhàn)的來臨，如何更好的面對設(shè)計領(lǐng)域的開源是值得深思的問題，既要保護設(shè)計師的自身利益，也要讓設(shè)計行業(yè)在開放、共享的環(huán)境下?lián)肀ё兏铮栽谖磥淼牡缆飞?，我們每個人都可以嘗試用自身的方法去探索未來，讓每個人都能成為時代浪潮中的一朵浪花。
微信鍵盤發(fā)布啦！擁有12億用戶的移動端巨無霸微信發(fā)布微信鍵盤了！就在本周一，預熱近兩年的微信鍵盤終于發(fā)布，這款微信之父張小龍口中的——不搜集任何隱私的輸入法工具，總算揭開了他的神秘面紗。廖爾摩斯第一時間全面體驗了微信鍵盤，通過三天的使用，我也成了微信鍵盤的腦殘粉，這篇接近3600字的拆解，將會告訴你，這個地主家的小兒子，為什么又帥有才！
作為一款工具類產(chǎn)品，需要更注重產(chǎn)品的用戶使用體驗，所以此次產(chǎn)品拆解主要基于尼爾森十大可用性原則和常見的設(shè)計基礎(chǔ)理論，比如格式塔原則、費茨定律等。我將會分為基礎(chǔ)功能、個性化功能和個人隱私三個部分進行拆解。
1. 基礎(chǔ)功能
1.1 鍵盤管理
鍵盤是輸入法最基礎(chǔ)的功能，根據(jù)每個用戶不同的操作習慣，微信鍵盤為用戶提供六種類型的鍵盤，分別是九宮格、全鍵盤、筆畫鍵盤、手寫鍵盤、五筆鍵盤和雙拼鍵盤。在五筆鍵盤和雙拼鍵盤中，還為用戶提供了多種偏好設(shè)置，比如86五筆方案、98五筆方案等。
設(shè)計思考
相比行業(yè)頭部老大哥搜狗輸入法，微信鍵盤的類型相對還比較單薄，比如像搜狗輸入法還支持生僻字鍵盤、拍照轉(zhuǎn)文字等特色功能，不過作為一個V1.0.0版本，這也遵循了如今產(chǎn)品設(shè)計的主流設(shè)計模式，小步快跑，快速迭代。
1.2 鍵盤輸入框
「輸入框」是用戶實際操作和使用的功能，這是最基礎(chǔ)、最重要的功能。微信鍵盤的輸入框界面風格非常簡潔，和IOS默認鍵盤風格相近，目前僅有一款默認皮膚。
1.2.1 長按技巧
長按「拼音鍵」，可選擇更多相關(guān)字符，比如數(shù)字、大小寫等。其中長按「JKL」拼音鍵，可切換至「單手模式」；長按「中英文」鍵，可切換至「手寫模式」，非常方便。
1.2.2 智能刪除復原
這個小技巧使用起來特別方便，在我們刪除一段文字的時候，經(jīng)常會出現(xiàn)誤刪的情況，微信鍵盤設(shè)計了一個非常巧妙的功能，按住「刪除鍵」左拉可以刪除文字，往右則可以把刪除的文字復原，提高了產(chǎn)品體驗的容錯性。
1.2.3 上滑輸入數(shù)字符號
這個功能需要在系統(tǒng)設(shè)置開啟，在鍵盤輸入的時候，只需要上滑「拼音鍵」，就能直接把拼音鍵對應的數(shù)字拖到輸入框，節(jié)省切換數(shù)字鍵盤的操作步驟。
1.2.4 特殊符號
「特殊符號」不僅包含了常見的10種類型，橫排26鍵的設(shè)計更能讓用戶直觀地找到自己需要的字符，使用起來體驗非常友好。相比搜狗輸入法超過20種的符號類型，微信鍵盤簡潔的設(shè)計為用戶提供了更高效的選擇，帶來了更友好的體驗。
設(shè)計思考
少即是多。相比搜狗輸入法的大而全，在特殊符號這個細節(jié)的設(shè)計，微信鍵盤讓我愛不釋手。首先應用了7±2效應，在用戶的短期記憶里，降低記憶負荷。其次也應用了席克定律，減少用戶的選擇，降低消耗的時間成本，從而提升用戶體驗。
1.3 偏好設(shè)置
1.3.1 語音轉(zhuǎn)文字
從識別語言觀看，微信鍵盤支持普通話、粵語、英語、四川話和上海話，筆者親自體驗一番，發(fā)現(xiàn)識別準確率還挺高的（貴陽話，和四川話接近，超過80%準確率）。
1.3.2 聲音和觸感
「聲音和觸感」指的是用戶使用鍵盤按鍵的聲音和觸感。這里有一個非常貼心的設(shè)計，當用戶手機靜音的時候，打開聲音開關(guān)按鈕會提醒用戶當前處于靜音模式，無法聽到按鍵聲音。這就是尼爾森十大原則的防錯原則，在用戶出現(xiàn)操作錯誤之前，通過設(shè)計提示提前避免，你可以想象如果沒有這樣的提示語，如果你的手機不小心靜音了，你就會懊惱為啥鍵盤沒有聲音，這個軟件是不是出問題了（筆者親身經(jīng)歷）。
1.3.3 顯示設(shè)置
微信鍵盤支持用戶可設(shè)置鍵盤候選字的大小，這里也有一個非常貼心的設(shè)計，當用戶調(diào)整字體大小以后，如果想要恢復默認大小，只需要把滑動組件拖動到已經(jīng)標記的默認起點就可以了，這應用了尼爾森十大原則的易取原則，用戶無需記住默認大小設(shè)置，如果想恢復，拖動標記的起點即可。
1.3.4 模糊拼音及其他
「模糊拼音」主要針對拼音基礎(chǔ)欠缺的用戶，提供模糊的拼音設(shè)置，從而提高輸入效率。其次微信鍵盤還提供「首字母自動大小寫」、「雙擊空格輸入句號」和「智能添加空格」等偏好設(shè)置，用戶可根據(jù)自己的操作習慣進行設(shè)置，獲取更便捷的體驗。
2. 個性化功能
個性化功能主要指微信鍵盤最特色的「拼寫Plus」功能，這也是微信鍵盤發(fā)布以后給用戶最大的驚喜。
2.1 智能推薦
「智能推薦」是微信結(jié)合自己強大的生態(tài)設(shè)計的一個功能，在用戶輸入文字的時候，系統(tǒng)會自動判斷文字的類型，比如輸入一本書的名字，系統(tǒng)就會提示是否需要向好友發(fā)送這本書籍。從內(nèi)容類型看，包含了音樂、視頻、讀書、小程序、視頻號和公眾號。這個功能在用戶的聊天場景中，實在太方便了，比如作者過去要給好友分享自己的公眾號，還需要去公眾號搜索、轉(zhuǎn)發(fā)，如今只需要輸入「設(shè)計大偵探」的名字，就可以向好友直接發(fā)送，減少了數(shù)步操作路徑，極大提升了溝通效率。
2.2 表情推薦
表情是微信聊天場景中必不可少的一個元素，甚至有很多用戶特別喜歡收藏表情，它可以用于各種聊天場景，活躍聊天的氛圍。微信鍵盤的表情推薦，通過用戶輸入的詞語，可以自動識別可能需要發(fā)送的表情，無需用戶收藏，就可以為用戶自動生成。這個功能非常贊，特別像筆者這樣從不收藏表情的用戶，當突然需要輸入一個表情活躍一下氣氛的時候，我只需要輸入一個「大家好」，微信鍵盤就能為我提供數(shù)十種表情，滿足我的需求。
2.3 智能拼寫
「智能拼寫」是指當用戶輸入某個詞語時候，系統(tǒng)為用戶精準匹配候選詞，提高輸入效率。筆者嘗試了輸入「梅西」，幾乎可以根據(jù)智能匹配輸入一段完整的文字。而微信生態(tài)更為恐怖的是，它會自動結(jié)合當前的話題標簽，用戶可直接跳轉(zhuǎn)至話題的視頻號動態(tài)，一鍵查看更多信息，讓用戶徹徹底底對微信生態(tài)的服務(wù)上癮。
2.4 拼寫檢查
「拼寫檢查」是指系統(tǒng)會根據(jù)用戶在輸入文字的時候及時發(fā)現(xiàn)錯別字，一鍵精準改錯。這個功能設(shè)計得非常貼心，能讓用戶及時看到書寫錯誤，降低因錯別字帶來的煩惱。
2.5 常用語
過去在微信聊天的時候，為了提高輸入效率，我會把很多反復發(fā)送的文字復制到備忘錄或微信收藏，這能提升我一定的溝通效率。但相比微信鍵盤的常用語功能，我以后就會直接放棄之前的兩個形式了。這個功能實在太方便了，比如每一次粉絲添加我的時候，我都會需要介紹一下我們公眾號的內(nèi)容，現(xiàn)在我只需要輸入前3個字，這段話就可以直接出來了，極大提升我的溝通效率。
2.6 單手模式
「單手模式」是指用戶可根據(jù)自己的慣用手或場景設(shè)置輸入模式，前面我有提到過，長按「JKL」拼音鍵，可切換至單手模式。
2.7 手寫找字
「手寫找字」是一個支持同時手寫多字的輸入模式，這個功能對于我們父輩一代的用戶特別適用，他們多數(shù)人還未習慣用拼音拼寫，更喜歡用手寫的形式去輸入，而支持寫多字的模式可以極大提升拼寫效率。
2.8 小結(jié)
什么是以場景為中心的設(shè)計，微信鍵盤的設(shè)計團隊告訴我們，這就是以場景為中心的設(shè)計。過去設(shè)計者總是在思考如何去定義人們使用的系統(tǒng)和應用程序，而“以場景為中心”的概念，則強調(diào)要以人的需求為中心，系統(tǒng)和應用程序要去幫助人們滿足他們的需求?？纯次⑿沛I盤設(shè)計團隊結(jié)合如此多真實場景的設(shè)計，可見設(shè)計師真的需要具備場景思維，才能設(shè)計出讓用戶尖叫的體驗。
3. 個人隱私
3.1 清空個人詞典
微信鍵盤提供了「清空個人詞典」的功能，這有點不可思議。不過微信鍵盤的創(chuàng)立之初，微信之父張小龍就說過，微信將上線屬于自己的專屬輸入法，其目的并不是為了搶奪輸入法市場，而是為了更好的保護用戶的隱私。不過該功能大家要謹慎使用，一旦清空，你所累積的個人詞匯就會清空，將會影響你的輸入體驗。
3.2 幫助反饋
針對微信鍵盤使用的技巧和常見問題，微信鍵盤也設(shè)計了幫助反饋文檔，為用戶解決使用過程中的困惑。很多產(chǎn)品設(shè)計師或許覺得這樣的模塊可有可無，但這其實這就是尼爾森十大原則的人性化幫助原則，通過幫助文檔為用戶解決軟件使用困惑。
3.3 隱私與權(quán)限
“我們非常重視你的隱私安全。我們謹遵最小、必要原則，僅依《微信鍵盤隱私政策》獲取你使用微信鍵盤的功能所需的你的信息，不會額外獲得你的其他信息”。這是隱私與權(quán)限頁面的一句話，足以見得微信鍵盤的定位如上文所言，只做一款單純的輸入法軟件，不侵犯用戶的隱私。
作為一個才上線發(fā)布V1.0.0版本的輸入法產(chǎn)品，微信鍵盤真的給了我太大的驚喜。
從產(chǎn)品的易用性來看，無論是交互，還是界面，都嚴格遵循了尼爾森十大原則的標準。這個產(chǎn)品設(shè)計中最基礎(chǔ)的設(shè)計理論模型，事實上，太多的工具類產(chǎn)品都沒有遵循它的設(shè)計原則，我們常常說一款工具難用、不好用、設(shè)計不好，就是這些操作細節(jié)沒有考慮進去。而微信鍵盤，在我目前的使用操作過程中，暫時沒有，易用性非常高。
從產(chǎn)品的創(chuàng)新性來看，微信鍵盤不僅滿足了一個鍵盤輸入工具的基礎(chǔ)功能，而且結(jié)合了自身強大的生態(tài)環(huán)境設(shè)計了「拼寫Plus」這樣非常創(chuàng)新的功能。它幫助我實實在在地提升溝通效率，比如一鍵推送我的公眾號、和粉絲溝通的常用語等等，甚至破天荒的可以直接在聊天輸入框分享我喜歡的歌曲、書籍、電影、視頻號等，換做以前真的不敢想象原來這些功能可以通過一個輸入法軟件實現(xiàn)。
我已經(jīng)徹底成為微信鍵盤的腦殘粉了，即便某狗的輸入法顯示我已累計輸入超過4百萬字，但微信鍵盤給我使用的尖叫感，真的讓我不可思議，就像那洶涌的潮水，一波又一波襲來，讓我尖叫！
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
什么是“有駕”
【有駕】是百度旗下的汽車信息與服務(wù)平臺，累計用戶超5.3億，致力于為用戶提供真實、可靠的看選買車服務(wù)，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。
現(xiàn)狀分析
有駕品牌在孵化初期，重點是在用戶詞建立品牌感知。所以我們提取“有駕“的字形做為品牌符號，減少歧義，強化用戶的感知。
但是隨著品牌持續(xù)運營進入新的階段，我們發(fā)現(xiàn)現(xiàn)有的設(shè)計無法滿足后續(xù)的運營訴求了，主要體現(xiàn)在：
品牌logo：不能體現(xiàn)汽車的行業(yè)屬性，缺乏成體系的品牌符號和VI體系，色彩上也不夠符合時下潮流的年輕配色體系。
品牌活動：品牌關(guān)聯(lián)度弱，活動維度單一。
項目概述
因此，我們重新梳理有駕的品牌定位與調(diào)性，借助本次品牌升級，打造有駕差異化風格，形成獨有的視覺印記。
因為用戶對于舊的logo已有一定的認知。所以此次改版的目標在保持固有用戶認知，在原有基礎(chǔ)上進行品牌標識的探索及應用，以強化品牌感知，提升品牌的競爭力，整合業(yè)務(wù)資源做心智觸達。
前期分析
前期我們對汽車垂類的競品進行了一輪調(diào)研，并且結(jié)合有駕的用戶群里，尋找有駕品牌的差異點。
有駕用戶群體年輕化為主，普遍具有高學歷，集中在新一線二線城市。
通過以上在用戶、行業(yè)及行業(yè)趨勢等多唯獨的信息搜集后，我們確定了有駕品牌設(shè)計的四個核心關(guān)鍵詞：年輕、科技、未來、專業(yè)。
建立體系
在明確設(shè)計方向后，我們梳理了線上線下的所有品牌觸點，結(jié)合前期的調(diào)研結(jié)論，匯總出了有駕設(shè)計系統(tǒng)的完整框架，以確保品牌設(shè)計的完整性和靈活適用性。
設(shè)計落地
基于前期分析洞察結(jié)論，我們在繼承圓形和車形的基礎(chǔ)上，對品牌符號與icon進行了大量的方案探索。從圖形、質(zhì)感等方面切入，簡化圖形形態(tài)，嘗試不同的形態(tài)呈現(xiàn)的視覺感受和氣質(zhì)。最終確定了全新品牌logo方案。
相對于升級前，新版的logo加入汽車元素，解決升級前l(fā)ogo的行業(yè)屬性不明確的問題，讓產(chǎn)品app的行業(yè)屬性更加直觀。同時增加品牌符號做為底紋，輔以有駕的圓形符號成為品牌核心的一部分。強化有駕的品牌基因。
符號提煉
確定品牌logo后，為了確保品牌能夠更好的拓展應用，進行了品牌符號的提煉。并為了延續(xù)之前的品牌調(diào)性。所以輔助圖形延續(xù)了之前的圓環(huán)造型，造型偏向輪胎；在不破壞原有型的基礎(chǔ)上，加入一些折角的質(zhì)感的變化，使圖形變化更加豐富，更有識別度。
設(shè)計語言
為了更好的觸達到各業(yè)務(wù)場景，所以我們對視覺風格進行了探索和拓展。分別以淺色與深色作為主要探索方向，以適配不同的落地場景。結(jié)合有駕的年輕化，科技感的設(shè)計目標，探索出以下三種質(zhì)感呈現(xiàn)：
符號拓展
在提取的形狀基礎(chǔ)上進行變形，增加折疊細節(jié)。在大事件活動，海報等場景使用，增加品牌關(guān)聯(lián)度。
設(shè)計字體
結(jié)合全新的品牌定位，我們也優(yōu)化了有駕的品牌字體，從細節(jié)出透出有駕的品牌感知。
品牌手冊
新的品牌需要一套更全面的品牌系統(tǒng)來滿足不同場景下的業(yè)務(wù)拓展需求。
目前我們也對現(xiàn)有的品牌手冊進行拓展和完善，同步到業(yè)務(wù)方，以便更好的保證各業(yè)務(wù)場景觸點下品牌的認知和統(tǒng)一，達到提質(zhì)增效的目的。
品牌落地
除了對品牌對角度的塑造和升級，我們更積極的把品牌滲透到活動、欄目包裝、大事件運營、品牌海報等各維度場景中，讓有駕品牌形象更加立體多元。
結(jié)語
目前有駕品牌升級已經(jīng)取得階段性成果，沉淀出更加完善的品牌資產(chǎn)，不僅提升設(shè)計效率保證全鏈路的品牌曝光，也為業(yè)務(wù)規(guī)?；蛳禄A(chǔ)。之后我們也將不斷完善和擴充品牌資產(chǎn)，將設(shè)計成果不斷落地到業(yè)務(wù)中，細化業(yè)務(wù)目標并與設(shè)計目標緊密結(jié)合，多維度助力業(yè)務(wù)的高速發(fā)展。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
前言：
1886年，由卡爾·本茨發(fā)明的第一輛汽車距今已經(jīng)有130多年了，汽車座艙的發(fā)展已經(jīng)來到了一個新的階段，現(xiàn)階段我們稱其為智能座艙。它不僅有著先進的數(shù)字化儀表中控大屏，還有流媒體后視鏡、抬頭顯示、智能空調(diào)、智能氛圍燈等功能，看得見的看不見的地方無不凸顯著科技進步帶來的變化。
作為HMI設(shè)計師，在這個領(lǐng)域也工作了許久，對于智能座艙、HMI的設(shè)計有了些見解和思考，本文試圖通過總結(jié)實車座艙、工作經(jīng)驗、設(shè)計來展望未來的HMI設(shè)計趨勢，以及嘗試分析作為HMI設(shè)計師我們應該如何在設(shè)計這一領(lǐng)域去趕上智能汽車發(fā)展的風口。希望這些想法能讓剛?cè)胄谢蛘呦肴胄械脑O(shè)計師同學們對于HMI設(shè)計有一個幫助。
一、時代變革下的智能座艙——“第三空間”
二、科技發(fā)展帶來的設(shè)計需求改變
三、用戶體驗帶來更高的設(shè)計要求
四、情感需求引領(lǐng)新的設(shè)計方向
五、總結(jié)
隨著自動駕駛等技術(shù)的進步，智能座艙最后將圍繞座艙電子、座艙內(nèi)飾全面升級到移動的“第三空間”，將信息、娛樂、互聯(lián)等功能進行全面融合，為消費者提供更便捷的體驗。汽車將不再是代步工具，用戶在車內(nèi)即可實現(xiàn)娛樂和辦公，汽車有望進化成為家庭、辦公場所之外的“第三空間”。
盡管也有人認為汽車只是個代步工具，但更智能化更數(shù)字化的智能座艙就是大勢所趨，各家車企八仙過海各顯神通，不停進行車輛的智能化升級，提升智能座艙的體驗，軟件定義汽車，這是行業(yè)的共識，許多互聯(lián)網(wǎng)公司也加入了這場戰(zhàn)爭。
在這樣的背景下，作為設(shè)計師的角度，看著智能座艙的智能化在不斷提升，我們對于HMI設(shè)計有了些思考。我們認為會有這幾個方面帶來HMI設(shè)計需求或要求的的變化：
硬件技術(shù)的革新帶來體驗形式的改變，而完善的設(shè)計升華用戶對于新科技的體驗。在“未來”還沒有到來的時候，發(fā)揮設(shè)計的主觀能動性能，能讓現(xiàn)在成為更好的現(xiàn)在。好的視覺體驗不應只是數(shù)字化的體驗，硬件能夠給予視覺更加完整，更加豐富的體驗感受。智能座艙科技能力不斷提高對設(shè)計有了不一樣的需求。作為設(shè)計師，關(guān)注科技和車機硬件技術(shù)的進步能夠拓寬我們的視野，延展設(shè)計的畫卷。
傳統(tǒng)的HMI由中控系統(tǒng)，屏幕，?向盤控制等模塊組成，受限于應?場景?多只滿?于?駛功能，強調(diào)的只有?和?的關(guān)系，但隨著??駕駛解放了?的雙?，?和?的關(guān)系將被重新思考定義。
1、通過設(shè)計提升自動駕駛的體驗，增強用戶的使用信心：
自動駕駛模式下，通過攝像頭特、毫?波雷達、超聲波雷達等掃描記錄下當前?輛所處的環(huán)境信息，將路況信息和道路周圍環(huán)境車輛等信息進行可視化呈現(xiàn)在屏幕上。在這個過程中，除了硬件的可靠性能否掃描出周圍環(huán)境車輛物體之外，可視化的視覺設(shè)計也會影響到用戶的信心。
交互層面，需要有更多自動駕駛可視化圖像的交互思考和創(chuàng)新，例如當開啟自動駕駛的車輛在一個復雜的十字路口等待紅綠燈是，周圍復雜的情況會讓用戶恐慌，特斯拉的fsd就會在停下等紅綠燈時，抬高視角，這種方式可以通過屏幕的可視化信息觀察到更多路況車輛信息，從而讓用戶對機器產(chǎn)生信任感。
視覺層面上，一般來說識別度比較重要，能更直觀的展示模型可視化信息就好，但是可視化信息的表現(xiàn)形式可以作為視覺設(shè)計的重點，可以是線性模型，也可以是白模等等，要去契合車機的主題、顏色、概念，又要達到可視化的要求。
2、不同的主題模式以及新的視覺風格：
作為決策者的汽車用戶當然需要更多的主題顏色或主題風格選擇，他們不再簡單要求能用就行，不僅僅是更好用的交互，對視覺設(shè)計當然也有了新的要求。
一般來說，現(xiàn)在的車機系統(tǒng)最少都要有一套黑白模式，分別匹配白天黑夜的的駕駛場景；有的更是需要在越野、城市、長途情況下有不同的視覺主題界面；或者是運動和沉浸駕駛有不同的界面風格，這些根據(jù)需求都是需要去考慮的，如何匹配視覺設(shè)計。最常見的黑白模式來說，在設(shè)計其中一套的過程中，就要去考慮如何適配成另一套，比如白色模式下的卡片投影，在黑色模式下如何顯示，如果不顯示投影如何去區(qū)分卡片。
設(shè)計的視覺風格的趨勢不是一成不變的，我們認為他的發(fā)展是螺旋式上升的，手機的UI最開始的擬物風格滿滿的向著扁平化發(fā)展，但扁平化后大家又開始追求擬物，后面就誕生了輕擬物風格和2.5d等風格，現(xiàn)在又流行簡約3d風格。以前由于車載芯片性能等問題，隨著車載芯片、屏幕性能的不斷發(fā)展，未來的HMI設(shè)計風格絕對不會一塵不變，他同樣也會追求不同的設(shè)計風格，輕擬物、簡約3d圖標甚至3d界面的交互都會不斷產(chǎn)生甚至已經(jīng)產(chǎn)生，也要求設(shè)計師去了解和掌握更多的設(shè)計風格。
電動汽車行業(yè)飛速發(fā)展,智能AI和人際互聯(lián)等人車交互概念也跟著興起,對于中控臺的需求和功能復雜度也跟著越發(fā)精細起來，全液晶顯示和HUD已經(jīng)成了基本操作，炫酷、科技感爆棚的HMI設(shè)計成為標配。
1、越來的大的車載屏幕：
燃油車時代評價一輛車不可避免的會討論汽車三大件：發(fā)動機、底盤和變速箱。但是智能座艙時代，不少人戲稱新的三大件是：彩電、冰箱和沙發(fā)。雖然是戲稱，但是我們也可以看出來大屏幕車機等提升座艙體驗的設(shè)備越來越成為用戶購買汽車的一個指標。當然也有人不這么認為，但是市場是很誠實的，大屏幕的車機就是更受歡迎，筆者曾問過一個剛畢業(yè)幾年準備買自己人生中第一輛車的朋友，你買車會在意車的中控屏大小嗎？他的回答是：當然會，大就是好。
可以看出，作為HMI設(shè)計師，面對的情況就是越來越大的屏幕尺寸和分辨率以及越來越多屏幕數(shù)量。這也給了設(shè)計師更多的發(fā)揮空間。交互上可以有更多的交互形式，同時也有了更高的視覺要求，需要有場景、有主題、有氛圍等等等。作為座艙內(nèi)最顯眼的屏幕，也不簡單是呈現(xiàn)功能那么簡單，它也成為汽車內(nèi)飾的一部分，除了車內(nèi)的氛圍燈，屏幕內(nèi)也需要呈現(xiàn)更多的設(shè)計美感。
2、虛擬現(xiàn)實技術(shù)的發(fā)展：
雖然前文提到了駕駛員不再是單單駕駛者，但是首先駕駛這一需求是不會消失的，其次且隨著自動駕駛的發(fā)展，用戶也希望能通過虛擬現(xiàn)實技術(shù)看到更多的信息來幫助自己完成抉擇決策。未來虛擬現(xiàn)實增強技術(shù)將在安全駕駛方面扮演著更為重要的角色。虛擬現(xiàn)實增強技術(shù)對于用戶而言，具有很大的直觀性，通過結(jié)合現(xiàn)實路況信息，實時出現(xiàn)一些虛擬箭頭來直觀地引導我們前進，從而避免在駕駛中出現(xiàn)開過路口和分散駕駛員注意力的情況。
其實目前大面積應用的hud也算是虛擬現(xiàn)實技術(shù)的一種，AR-hud早已經(jīng)成為了現(xiàn)在智能汽車的標配，未來幾年，我認為會有越來越的的用戶擺脫低頭看儀表的習慣，hud可以幫助駕駛者更便捷更安全的獲取駕駛、車輛、車道等信息。
我們都知道hud這一技術(shù)最早是作用于軍用戰(zhàn)斗機的，隨著技術(shù)的進步虛擬現(xiàn)實技術(shù)會不斷下放到民用汽車上，所以作為設(shè)計師對這方面的技術(shù)也需要有更多的了解，如何運用在汽車上，設(shè)計出更加符合汽車操作和行駛邏輯的虛擬現(xiàn)實技術(shù)的視覺信息。
另一個方面就是虛擬成像，科幻電影中的虛擬成像來進行互動和對話或許也會成為未來的HMI設(shè)計趨勢，但這可能要很久以后才能實現(xiàn)了，或許同元宇宙一樣久-_- !!!
以用戶更能理解、更能接受的方式展現(xiàn)全新的智能化座艙，提升操作的舒適性和高效：用更簡單的方式傳達更直觀的信息。這是我們在用戶體驗基礎(chǔ)上做設(shè)計需要做到的。
用戶對于智能座艙的操作不熟悉，產(chǎn)生不信任感，我們需要以設(shè)計為連接點，和用戶溝通。科技滿足人的基本需求，藝術(shù)升華體驗。在科技飛速進步的當下，科技研發(fā)固然關(guān)鍵，以眼睛為窗戶讓用戶體驗到科技的進步同樣不可缺少，幫助用戶用視覺感受未來、提高體驗是作為設(shè)計價值的最高追求。
·沉浸式的體驗感
當車輛從工具變?yōu)橐粋€能夠讓人沉浸和享受的空間，在原有的交通屬性之外增強智能座艙的空間的娛樂屬性。當在車內(nèi)等待或者不想下車在車內(nèi)躺一會，小憩、k歌、電影等可能都是會干的事，露營、閑聊等也可以是智能汽車提供的環(huán)境。所以我們需要將有限的畫面變成無限的遐想空間。
1、契合功能的氛圍設(shè)計：
不要好奇為什么有人為什么會在車上睡覺，會在車上看電影，但是這個需求是一定存在的，作為“第三空間”，這是智能座艙應該要勝任的能力。
設(shè)計師需要做的就是打造契合這些場景下的氛圍感，通過氛圍燈音效可以打造出一個適合觀影、聊天的氛圍，前文提到屏幕也是車輛內(nèi)飾的一部分，也需要通過視覺畫面、動效去一起營造這個可以沉浸的氛圍。
2、視覺設(shè)計的畫面感：
當科技滿足了基本需求后，我們需要更出色視覺設(shè)計來升華用戶的視覺體驗。屏幕作為一幅畫框呈現(xiàn)我們想要的畫面，我們認為HMI的界面設(shè)計會更多的趨向于整體的畫面感以及場景化，通過打造一個屏幕內(nèi)的場景空間，在服務(wù)和交互體驗上突破創(chuàng)新，給用戶體驗智能座艙的沉浸式體驗空間。
目前已經(jīng)有不少汽車的都已經(jīng)用場景化的UI來上到自己的中控儀表上。場景主題的HMI已經(jīng)不只是單單的概念無法落地，虛幻引擎技術(shù)的加入也能讓更多的三維場景能夠落地到實車上。
·信息內(nèi)容需化繁為簡
智能座艙的一個很大的特點就是幾乎將所有車內(nèi)功能按鍵、報警都搬進了屏幕內(nèi)，那么幾乎所有的信息都要通過屏幕獲取，所有的功能都需要通過屏幕點擊操作完成，但是當所有的內(nèi)容信息功能都堆積在一起時，任誰看著都會產(chǎn)生信息焦慮。
通過設(shè)計去凸顯重要消息和重要功能是解決問題的重要方法。許多汽車中控屏都將空調(diào)和座椅的快捷操作加入到了屏幕的底部dock欄，因為空調(diào)是使用頻率十分高的功能。交互層面的設(shè)計需要做到簡化常用功能的使用層級步驟，視覺設(shè)計需要做到讓重要功能顯眼易操作。
·一觸即動的反饋
我相信所有人都會認為如果車機使用起來如果不流暢，體驗會很糟糕，特別是如果極其卡頓，會不愿意使用，這也是許多人駕駛車輛的時候?qū)幵阜胖蟮闹锌仄敛挥茫ビ檬謾C導航的一個重要原因。受制于車載芯片的性能和屏幕的質(zhì)量，過去確實這種卡頓是沒有辦法解決的。但是這些隨著芯片性能和技術(shù)能力的提升，或許芯片已經(jīng)不是造成車輛卡頓的罪魁禍首。
如果車機上的動效做的不夠流暢舒適，也會產(chǎn)生“卡頓”感，同樣是對用戶體驗的破壞。所以一定要做好動效反饋，掌握好動效節(jié)奏，讓用戶感受到一觸即動舒適感，是可以大大提高用戶體驗的。關(guān)于具體的動效設(shè)計受篇幅影響就不展開了，我認為這一塊車機與手機和pad上的動效體驗一致，蘋果靠著極其出色絲滑流暢的動效設(shè)計讓人使用起來體驗感十分舒適。界面中的元素彼此關(guān)聯(lián)，而非獨立存在。好的動效設(shè)計是在界面中某一個元素發(fā)生變化時，與之相關(guān)聯(lián)的元素也會產(chǎn)生邏輯上合理的變化。動效不是獨立存在的，而是彼此關(guān)聯(lián)著的。界面是由元素所組成的整體，所以當界面中的某一些元素發(fā)生變化時，周圍的環(huán)境也會受到影響。
動效設(shè)計像交互設(shè)計、視覺設(shè)計一樣已經(jīng)成為用戶體驗的一個重要組成部分。一款具備舒適動效標準的車機系統(tǒng)能給車主帶來更好的客戶體驗。當然，做好同開發(fā)的對接也很重要哦?。?！
當科技水平很高且生活中處處是科技的產(chǎn)品，人類就會越加渴望高情感的環(huán)境。科技本身并不是冰冷的，它帶有溫度、靈感、和情感；科技也不是孤立、靜止的，它在不斷地尋求自身的發(fā)展并拓展與人類的關(guān)系。我們需要通過設(shè)計讓科技與用戶完成情感上的交流，讓其更具有藝術(shù)感和親和力，讓車機從“孤島”成為烏托邦。
·是助手更是伙伴
語音助手通過智能對話與即時問答的智能交互，實現(xiàn)幫忙用戶解決問題，而智能語音助手在智能座艙中的地位越來越受到重視。在功能的基礎(chǔ)上，如果智能語言助手能夠跟有溫度有情感，用戶也能夠更信任系統(tǒng)，擁有更好的使用體驗。
如何讓語言成為助手和伙伴呢，我們認為如果只是冰冷的vui光效反饋，是做不到溫度和感情的，可能我們需要一個語言形象。當用戶喚起語言是，會有一個具體的形象出現(xiàn)在屏幕上或屏幕外，讓用戶產(chǎn)生與系統(tǒng)對話的感覺，產(chǎn)生愿意與其對話的意愿，建立情感觸點；另一方面，也可以打造一個提高汽車品牌產(chǎn)品力點IP形象。
所以語音形象的設(shè)計，我們認為也是HMI設(shè)計師需要考慮和思考的，需要設(shè)計出契合品牌的IP形象，來成為用戶的專屬語音助手和伙伴。他or她需要有豐富的表情、豐富的肢體動作，甚至有情緒來與用戶進行互動反饋，從而達到提升用戶體驗的目的。
如何設(shè)計出一個有溫度有情感的語音助手大家可以翻翻之前發(fā)的文章《車載智能助手設(shè)計：智能座艙的合作伙伴》，希望能對大家有所幫助?。?！
·無微不至的細節(jié)設(shè)計
博大而深沉的情懷讓人贊賞，但微小而細膩的情感讓人感動?？傆腥四軌虮荒硞€看似平凡的細節(jié)深深打動，這便是細節(jié)設(shè)計的價值，我們精準的去定位用戶群體，探索用戶的情感需求，當然希望能夠做出打能夠做出打動人心的細節(jié)設(shè)計。除了下面幾個點當然還有更多的細節(jié)設(shè)計，就需要在設(shè)計過程中去慢慢體會和發(fā)現(xiàn)了了。
1、多模態(tài)交互方式：
人機的交互方式早就已經(jīng)不再是單單的觸屏操控，理想L9的后排屏幕，通過手勢或者語音都可以進行操作，將手放在屏幕前半米外的位置挪動，屏幕就會有光標跟著手移動，握拳就是點擊確認，盡管這種交互方式目前來看還有瑕疵，但是作為設(shè)計師看到的應該是在車上，會有更多更自然的多模態(tài)交互方式出現(xiàn)，可不僅僅只是手勢，通過文字、語音、視覺、動作、環(huán)境等多種方式進行人機交互，充分模擬人與人之間的交互方式，這不只是個噱頭，而是實打?qū)嵉捏w驗設(shè)計。語音不就是一個典型的多模態(tài)交互的方式嗎。我們相信會有更多更自然交互方式，讓人既自然更加自然，做到“無感”的舒適。
2、情感化設(shè)計：
前文說到語言助手的設(shè)計需要情感，但情感化設(shè)計是不僅僅體現(xiàn)在語音上，其實情感化設(shè)計是共通的，這是一種設(shè)計思維，這種思維可以體現(xiàn)在很多設(shè)計方面，比如，我們在視覺設(shè)計上也可以去傳遞感情。而我們認為，未來的HMI設(shè)計在很多地方都需要去考慮到用戶群體的情感共鳴。下面這個例子，重型卡車的儀表設(shè)計，鋼鐵元素是賴以生存的車，“門”是向往的家。依托大卡車司機在慢慢長路上對家的思念和向往，用“門”的元素去撬動這種情緒，以情感作為窗口，去引起卡車司機的共鳴。
HMI設(shè)計當然不僅僅只有這些，還有很多，我們試圖總結(jié)一些關(guān)于HMI設(shè)計師需要去思考去了解的東西。新能源汽車的快速發(fā)展，同時也帶著智能座艙有了更高的需求，隨著這些因素，智能座艙對設(shè)計的要求無疑會越來越高。作為HMI設(shè)計師也需要對技術(shù)帶來的革新變化有敏銳的觀察能力并思考；同時也要有充足的知識體系和思考發(fā)掘能力去完成提高用戶體驗的設(shè)計；同時也要有代入式的情感去進行情感化的設(shè)計.... 等等等等。這當然也不是一朝一夕的事情，也需要我們設(shè)計從業(yè)者伴隨著快速發(fā)展的汽車這個行業(yè)一同去進步。共勉?。?！
作者：EPUX 來源：站酷
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：博博 來源：大作
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：博博 來源：大作
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：博博 來源：大作
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：YoueSir 來源：站酷
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
作者：秦冬冬 來源：站酷
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學習，請加微信ban_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。
分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.miumiuwan.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://www.miumiuwan.com
