1.  本能層 —— 感官刺激

對于本能層，設計師需要在符合功能需求的前提下，盡可能的給用戶帶來聽覺、視覺、觸覺的感官刺激，極力去促成用戶與產品的 “一見鐘情”。

案例 1  ：App Store 的卡片推薦做的很有新意，比如：把吉祥物（品牌形象）是小熊的工具收集到了一起，并取名為：熊幫手。

案例 2  ：微博長按點贊按鈕，可以選擇不同的點贊狀態。圖標還是動態的，很有趣。

案例 3  ：淘寶雙十一預熱，首頁的 icon 變成了 “今晚 20 點雙 11 搶預售”的字樣，烘托氛圍又打了廣告。

案例 4  ：微信撥打語音的界面，在等待好友接聽的過程中，可以看到好友朋友圈的圖片，緩解用戶等待時的無聊，也為即將進行的語音聊天提供了話題。

2. 行為層 —— 細節引導

對于行為層，設計師需對用戶的行為進行預判和引導，利用細節處理打動用戶，讓用戶對產品產生信任感和依賴感。

案例 1  ：當蘋果公司發現用戶最近在官方渠道購買了新的 iPhone ，老 iPhone 的設置頁面就會給出提示，讓用戶為新的 iPhone 做好數據遷移準備。

案例 2  ：iOS 系統后臺在看縮略效果時，會將用戶的敏感、私密的信息的 App 頁面進行模糊處理，保護用戶的隱私安全。

案例 3  ：在屏幕很暗的情況下，打開微信支付二維碼，屏幕會瞬間亮起，便于商家掃碼付款。

案例 4  ：貨拉拉在展示搬家車輛詳細信息時，使用了剖面圖，并模擬了不同搬家場景下的家具內容，讓用戶更好估算車輛空間。

3. 反思層 —— 認知共鳴

對于反思層，設計師要調動用戶最深層的記憶和感知，將視覺效果、產品功能和用戶認知緊密結合，形成用戶對于產品和品牌的深刻認知。

案例 1  ：FigJam 是一款來自 Figma 的多人協作在線白板工具，可以進行頭腦風暴、繪制流程、多人協同標記等。里面也有很多人性化的小功能，比如：當兩個人同時長按 “H” 鍵時，就會出現 highfive（擊掌的動效），非常適合當設計師達成共識時使用：

案例 2  ：小睡眠 App 發現學生時代的我們經常會在枯燥的課堂上睡覺，所以準備了各種課堂講解、校長發言、領導開會的聲音作為催眠、助眠的音樂，讓人會心一笑。

案例 3  ：餓了么在異常天氣下通過在界面上增加天氣的元素，讓用戶看到外賣小哥的辛苦，使用視覺和內容共情，喚起用戶的同理心，降低用戶因外賣遲到而做的投訴和差評。

案例 4  ：QQ音樂上線了寵物功能，一共有五個品種的寵物讓用戶可以選擇領取，多聽歌能喂飽寵物，然后送它出去參加演唱會或者和好友進行互動。

原文鏈接：長弓小子（公眾號）

作者：元堯

轉載請注明：學UI網》案例錦囊｜交互設計中「情感化」設計優秀案例（二）

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

差不多主義：凡事都覺得差不多就行了，不是特別注重設計細節。

如果每個部門都是“差不多主義”，我來給你算一下最終實現的產品會變成什么樣（我們就按還原度80%來算）。產品 → 交互 80%，交互 → UI 80%，UI → 研發 80%，最后則：80% x 80% x 80%=51.2%，最后實現的只有預期的 50% 左右，這個產品還怎么用？

每個設計師都要成為“處女座”和像素眼，如果你只是為了想快速完成工作而搞出粗制濫造的設計，你的價值也很難體現出來。而且現在互聯網已經發展的比較成熟，很多產品差異化并沒有很大，如果你連細節都處理不好，要你何用？要在有限的時間內做出更精細的產品，打造完美產品，拒絕粗制濫造。

而且近幾年很多公司對【產品體驗】越來越重視，比如我司就把前端部門改名為體驗技術部，旨在全員打造高質量、優體驗、重設計的產品。研發都注重體驗了，你再“差不多”就真的差多了~

同時，有的設計師不善言辭，在對接需求或設計澄清的時候不會堅持自己的想法，有時候就算自己是對的，也會在其他人強勢的情況下敗下陣來。所以作為設計師一定要敢于力爭，強大的溝通能力也是職場晉升的一個重要表現。

二、拿來主義

抄襲：你直接叫我名得了。

開始之前我們要區分一下抄襲和借鑒的含義。我專門查了下詞典，根據《現代漢語詞典》的解釋：抄襲是把別人的文章、作品私自照抄作為自己的去發表，并且實質性相似；借鑒是與別的人或事相對照，以便取長補短或吸取教訓。區別在于前者是“照樣抄錄”，后者是“參考仿照”。

把借鑒當做尋找靈感對任何設計師來說都是一個自然的過程。

學過美術的都知道，畫畫前期都是需要臨摹的，這個就是借鑒、學習的過程，如果你拿臨摹的畫去商用，那肯定會被打~

我們經常做的競品調研就是借鑒的過程，去了解競對都有哪些值得學習的地方，哪些地方做的不好不適合我們，我們可以創新的。

不要直接把競對的產品拿過來抄，一些初級產品經理就會經常這么干，看競對有什么，他們就抄；競對是怎么處理了，他們就怎么處理。永遠跟不上市場的腳步，別人都產品化了你才開始搞，吃屎都趕不上熱的~

設計真的很辛苦，我們可以把別人的作品作為“日常練習”，去從中學習原作者是如何思考、設計的。如果你拿他做除學習外的任何其他用途，都是不允許的。

其實設計已經發展到了幾乎不可能 100% 原創的時代，我們就是要把所學所見混在一起，創造出一些新的設計。解決方案永遠不止一個，思維夠活躍，就有千萬種可能。

在數字時代，你拿別人的設計搞事情，是藏不住的，我平時發一些“曝光抄襲類”文章的時候，瀏覽量比平時都要高很多，大家對抄襲還是很關注的。

平時我在面試的時候，如果你是“拿來主義”，一眼就會被看穿的，不要問我怎么看出來的，看多了你也就能一眼望穿了。

借鑒總是好的！但不要復制TA的風格或元素，試著創造你自己的風格和想法，這樣才是好的借鑒形式。

三、不拒先生：從來不拒絕需求

這種“職場好人”性格其實是非?？膳碌?。不是所有的需求都是合理的，也不是所有的需求你都能做。但只要你接下了，你就要負責到底。

新手容易犯的一個錯誤就是：不會評估工作量，leader 給你工作的時候他會有個時間預期，但有時候也不是完全準確的，你要自己評估在這個時間內是否可以完成，完不成的話就要 say no，重新規劃時間。

還有一個比較容易犯的錯是：leader 給你任務，你為了凸顯自己工作效率高，來幾個需求接幾個需求，完不成的話就自己硬扛著熬夜加班加點，雖然說這樣可以多接觸需求快速成長，但長此以往，如果有個需求加班加點都搞不出來，你又承諾了沒問題，最后沒完成導致研發延期了，只能你背鍋。

要適當的合理安排需求，不要工作一年，加出來三年工作經驗，你這是卷誰呢？

在設計澄清的時候，別人反饋的問題做記錄，然后思考合不合理，不要一有質疑聲你就覺得自己的方案不行，就改改改，有的質疑是合理的，有的不合理，你要有判斷，設計決策你來把控。

平時自己做好需求的時間規劃，細化到小時維度，這樣別人再問你有沒有時間接需求的時候，你就可以理直氣壯的告訴他有 or 沒有。

還有一個需要注意的就是，跨部門的上級找你做東西的時候，一定要讓他找你的直屬 leader，保證需求的統一入口，這樣對大家都好。之前我部門就有個設計師，別的部門領導就老直接找他做東西，然后回頭我們老大找他要之前任務結果的時候，他才說沒完成~

摸魚法則第一招：我很忙，需求往后排~

四、多情：今天喜歡他，明天喜歡她

產品化的界面可不是你喜歡什么就設計什么的，要考慮整體風格。尤其是 B 端產品，風格統一和樣式延展性是必要考慮的因素之一，你可以有個性化，但不要跟現有風格違和，適合的才是最好的。

當然了，這么說不是讓你不要創新，是在原有地基之上創新產品。你設計的再好看，紅杏出墻了有何用？新手和老手的區別，在于一個只關注當下，一個考慮全局。初級只會把當下做的盡善盡美，活靈活現；老手會在保證全局完整性的前提下最大化的產品創新和易用。

每年流行的設計風格是不一樣的，專注視覺展現的產品來說，可以追隨設計潮流，展現最新的設計風格是沒問題的。但是像 B 端產品，風格迭代是要有時間周期的，而且大部分比視覺風格的周期要長，所以每次大改版的時候，要考慮未來的設計趨勢。

剛才我也提到了，最佳方案永遠不止有一個，找到適合自己產品的就可以，如果有一些方案都覺得不錯，可以做 AB 測試，選出最好的方案做產品化。

鼓勵多看、多學，自己思想加工好了融合到產品中，而不是一味地直呼：這個設計真 NB！我也要用！

五、感性大于理性

字面意思很好理解，之前我們都說設計師是感性的，但是當設計與商業結合，就不能是純感性的了。任何的產品設計都是基于數據、基于市場需求。我們大部分設計師都不是藝術家，都在為連接商業而努力。

而且設計師也在向理性化慢慢發展，拿設計師的價值來說，之前是很難被體現出來的，現在因為和商業結合，價值慢慢的被體現出來、慢慢可量化了。

我們在做產品設計的時候也是這樣，基于調研和分析來做產品，而不是天馬行空，想到什么做什么。設計從感性逐步走向理性，也是一個成長的過程，一切以結果為導向，善用理性思維思考問題，會更讓其他人信服。一切設計都有理有據，和別人 battle 的時候也不慫~

ps：在和女朋友交往中恰恰相反，切記~切記~~

六、妄想：可以創新，不要妄想

一切設計都是以結果為導向，YY 出來的飛機稿只能送到村東頭的廁所里。我們在腦暴設計方案的時候，一開始都是天馬行空，想到什么就寫什么，但是最終都會聚焦到產品上，縮小聚焦點，最后產出可落地的方案。

設計師的創新能力是很重要的，為什么企業在招人的時候，會更看重年輕一些的呢？因為他的腦洞是打開的，有更多的 idea 迸發出來。如果你只是循規蹈矩的維護產品迭代，遲早會被淘汰。

設計本身就是一個開闊腦洞的一群人做事情，所以早些年設計師的價值是無法被量化的，近幾年都在講量化指標、結果導向，設計師的價值也慢慢的被量化出來。

一個好的產品設計師輸出的方案不一定是最完美的，但是絕對是在能落地的基礎上接近完美的。不夠完美我們可以再優化，如果一直停留在 YY 層，永遠不能落地實現，那你的價值何在？

我相信大家在面試的時候也都感受到過，線上作品遠比飛機稿要重要得多，因為他可以驗證你的方案是可行而不是你自己 YY 的，公司招你來是讓你有具體產出的，不是來讓你當藝術家烘托氣氛。

我們經常會在大膽創新和為了功能上線的邊緣試探，哪怕是多一點點的設計元素加進去，也是我們努力的結果。

要記住，我們是設計師，在飛翔的時候看清邊界在哪，我們是帶領世界品味走向的一群人，可以創新不要妄想。

七、炫技：裝飾性大于內容本身

最好的設計就是不用設計，最好的設計是簡單的。

部分設計師在出方案的時候，為了凸顯自己的設計能力，會有意無意的增加一些裝飾元素設計，然而頁面的承載量是一定的，裝飾性的設計過多會直接影響用戶找到頁面中的重要信息。好的設計不需要過多的裝飾，蘋果的極簡風就很棒，一直沿用至今。

其實現在產品上并不是裝飾的重災區，作品集才是！我們團隊在招人，每天能看到大量的簡歷，確實有很大一部分人為了凸顯設計能力，把作品集做的五彩繽紛，整成了大雜燴，而且裝飾性的元素、樣機比以往工作項目的占比還要多，這不就喧賓奪主了嗎？這樣的作品集基本就無緣了~

在設計之前，一定要了解最終目標是什么，然后基于目標再拆分行動項，把不必要的內容直接砍掉，用戶在瀏覽頁面的時候，有效時間就 3 秒鐘，3 秒鐘沒有找到自己想要的內容，就會流失。

我們只會吐槽老板的那句：“放大放大再放大”。其實深入想一下，他只是想要突出一個點而已~

不要撿了芝麻丟西瓜。

寫在最后

設計中有很多很多的問題，我們也都是在不斷的摸索中成長，今天給大家分享了幾個典型的“罪”，希望引以為戒，哪怕其中一點對你有幫助，也不枉碼這么多字~

今日金句：

在非洲大草原上，無論你是獅子還是羚羊，每當太陽升起，你唯一要做的就是奔跑。

叮鈴鈴~~下課！

原文地址：友設青年（公眾號）

作者：Luckgg

轉載請注明：學UI網》設計的「七宗罪」

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

“不行，這個必須在首頁！另外我還有倆新業務入口，你想想辦法”，業務方出于對流量的考慮，總是希望做加法。

“別整那么多沒用的，我就想找個xx，剩下從來不看的”，用戶出于效率體驗，總期望做減法。

加減之間，是業務與用戶對立而尖銳的需求，同時也是多類型服務產品首頁設計的重難點。今天，就以“58首頁設計”為例，與大家談談解題思路。

01.什么是多類型服務產品？

02.設計挑戰是什么？

以58為例，一方面，業務工具屬性強，且用戶耦合性低。說人話就是，用戶都是來找工具的，但由于AB業務關聯度太低，用A業務的用戶幾乎不會用到B業務，AB業務分別擁有獨自用戶群。這也就造成用戶期望更高的推薦精準度，頁面上任何一個無關信息都是干擾，都是對連接效率的打折。

但另一方面，平臺上的業務很多，還都想在首頁曝光。而且隨著各業務設計師的不斷努力，連接的形式也在不斷豐富，視頻、直播、VR，從業務貼到聚合推薦，層出不窮。首頁面臨更大的信息承載壓力。

所以，這類型產品首頁最大的挑戰，就是“多業務的曝光需求和用戶的精準連接之間的矛盾”，如何才能在推薦技術不變的情況下，通過設計來應對挑戰呢？

03.如何破解？

既然是信息傳遞和收取之間的矛盾，那我們就從“人-場景-信息”的對應關系入手，分析信息在不同場景的優先級和適合的顆粒度。

人-場景-信息優先級和顆粒度

1、用戶分類

根據用戶需求分為三類。

1）預裝用戶：非自主下載，不了解產品功能

2）服務需求用戶：使用相對固定的服務

3）內容需求用戶：獲取本地或相關服務信息

2、按照用戶區分場景需求

1）預裝用戶：建立產品認知、保留用戶不卸載

2）服務需求用戶：更有針對性的服務展示，盡可能少的干擾信息

3）內容需求用戶：更多類型的內容展示

3、按照場景定位信息的優先級和顆粒度

1）預裝用戶：

采用運營曝光策略。保留一級主服務入口，幫助建立產品認知。同時曝光更多內容信息和留存向的運營功能，以提升留存率。

預裝型用戶信息

2）服務需求用戶：

采用目標服務曝光策略。保留一級業務主服務入口，方便業務切換。但擴展目標服務的二級信息曝光度，用以縮短路徑。同時增加動態服務模塊，來跟進用戶動作，服務于用戶。

服務型用戶信息

3）內容需求用戶：

采用平衡曝光策略。保留一級主服務入口，方便業務切換。同時擴展內容曝光度。

04.設計思路

1、搭建擴展性框架：調整為頂部tab結構，釋放更多定位信號，增加曝光渠道。

原腰部tab是對“原首頁”內容的劃分，現將整個“首頁”置于第一個tab下，后續tab內容將與“首頁”并列，從而釋放更多獨立的曝光渠道。

2、使用更靈活的組件：變形金剛與瀑布流。

首先，金剛位是一級服務入口的集合，且處于首屏上部，是非常好的建立產品認知的模塊。將其原有打散在15個位置上的服務，按照大類聚合安置，更容易傳達產品的主服務是什么。

金剛位結構對比

其次，為了應對用戶精準簡的需求，金剛也可以做靈活變形，曝光更多目標服務的二級選項。

變形金剛位

而瀑布流方式也為更多樣的服務連接形式提供了承載能力。

列表與瀑布流

3、豐富的信息容器：

設計包含圖、文、圖文、VR、視頻、聚合類目、動態服務模塊等信息聚合方式的瀑布流卡片，同時加入即時推薦功能，讓瀑布流具備包容和靈活的特性。

4、整合平臺的運營能力：設計平臺級留存向運營中心。

以往，各業務線運營功能深藏在業務頁面中，用戶往往需要通過較長的路徑才能接觸到運營功能，且用戶也并不能發現平臺上所有運營功能。這種分散式分布的方式，使得運營吸引力和留存能力上都打了折扣?，F將所有業務的運營功能聚合，打造平臺的運營中心，使發現路徑更短，聚合吸引力更強。

原路徑&現路徑

05.設計展示

從依靠推薦技術讓內容適應用戶需求，到設計靈活可變動的組件來適應chang場景的信息承載，我們希望可以在產品和用戶需求的矛盾中尋求更優的平衡點。

原文地址：58UXD（公眾號）

作者：環鐵藝術家

開始學習啦！

教程步驟

1.打開ai

輸入文字。鼠標右鍵單擊，選擇變換——對稱，之后選擇水平，并點擊復制。

把文字鏡像復制一個。

2.符號面板

整體旋轉90°，并調出符號面板。選中文字，鼠標拖入符號面板備用。

3.畫圓

用橢圓工具制作一個正圓

之后選擇效果——3D——凸出和斜角。勾選預覽，調整角度和凸出厚度。

之后點擊貼圖，勾選三維模型不可見，選擇第3個面，符號選擇我們剛剛拖進去的文字，也就是新建符號，點擊縮放以適合，讓文字貼合畫面，點擊確定。

再稍微調整角度，調到合適的位置，就可以了。

4.擴展外觀

之后對象——擴展外觀。

右鍵取消編組，再右鍵釋放剪切蒙版。

這樣就可以隨意更改文字顏色啦。

看起來步驟很多，其實操作起來還是很簡單的。everybody，學起來??！

那小分享就到這里吧，下期再見哦~

原文地址：詩人星火宇宙（公眾號）

作者： 星火君

轉載請注明：學UI網》超喜歡，這個AI小技巧！

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

01 互補色的定義

互補色分為“光學互補色”和“印刷（色料）互補色”兩種。

光學互補色：兩種色光以適當的比例混合，能產生白光時，則這兩種顏色就稱為“互為補色”。

本文主要探討的是印刷（色料）方面的互補色：在色相環上相對180°角的兩種顏色，這兩個顏色混合會得到灰色。

互補色由于在色環上相距最遠，色彩差異最大，色彩對比很強烈，合理的搭配往往會產生強烈的視覺沖擊力。

雖然從色環上來看，互補色可以有很多組，但最常用的互補色有3組，分別是紅和綠、藍和橙、紫和黃。

由于紅色和綠色在色相上缺乏共性，放在一起會造成極強的視覺反差，搭在一起容易有格格不入、扎眼的感覺，容易出現散亂、土氣的感覺。

要取得好的視覺效果，則需要使用一些調和手段，可以在明度、飽和度上中和兩種色彩的突兀，使其形成和諧統一的對比。

藍橙是一組經典的冷暖互補色，溫暖的橙色在與偏冷的藍色搭配時，更加醒目，活潑的橙色可以很好的緩解深藍色的沉悶，增加畫面的愉悅氣氛，可以很好的營造出畫面的層次感。

紫色和黃色不論是色相還是明度差異都非常大，因此黃色與紫色的搭配容易產生相當高的視覺強度。

02 互補色配色的方法

互補色對比性強烈，因此在視覺上會產生極大的隔離作用。由于色相對比過大，配色難度也最大，如何化解互補色之間的沖突感，是用好互補色的關鍵。

1.通過面積比來達到平衡

如果使用面積相近的互補色的搭配，具有強烈的沖突感，產生的視覺效果強烈而鮮明，情感濃烈，令人記憶深刻。非常適合夸張的、張揚的情感表達。

大多數情況下，我們會選擇一種顏色作為主色調，大面積的色相占據主導位置，再用小面積的互補色去點綴畫面。這樣才能表現出主次關系和豐富的色調效果，色彩對比強烈卻又不違和。

2、調整明度與飽和度來減弱色彩沖突

高明度與高飽和的互補色搭配，對比強烈，在視覺上會產生極大的隔離作用，它們組合在起，會產生相互襯托、相互抗衡、相互排斥的感覺，并使各自的色相更顯突出，更為艷麗，具有強烈的視覺沖擊力。

可以考慮降低互補色的明度與飽和度，來減弱沖突，既保留了對比色搭配的特點，同時降低了過強的視覺刺激。

3、加入中性色緩沖其強烈的對抗性

互補色鮮艷熱烈，而中性色（黑白灰）則剛好相反，它們毫無情緒感，中庸冷靜。在對比色中加入中性色可以很好的調和畫面的平衡感。通過中性色的調和，既保持了互補色所帶來的豐富的層次感，也避免了互補色之間強烈的沖突。

原文地址：藝海拾貝Design（公眾號）

作者：鄧海貝

轉載請注明：學UI網》聽說這是最難的配色方法——互補色篇

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

01. 評論區雙指上滑送出“抱抱”

在聽一首喜歡的音樂時，參與評論可以表達自己對音樂帶來的共鳴感，也可以看其它聽友的評論尋找知音。在網易云音樂的評論區隱藏著一個手勢交互，對某一條評論雙指上滑就會針對其給出擁抱，兩個小人微笑擁抱的動畫顯示在該條評論右下角，進而用戶頭像下方會顯示“收到了抱抱”的標簽提示。

在不新增功能入口的同時，借助雙指手勢交互來滿足需求，既能不破壞原生的結構，又能帶給用戶不一樣的操作體驗。這個隱藏的彩蛋你是否注意到？以后在體驗產品的時候除了發現視覺表層的可見內容以外，也要加強手勢交互的操作來發現更多隱藏的功能。

02. 長按激活單擊退出

iOS 的設計在手勢交互的探索上比較多，全屏的模式將手勢發揮到了極致，也帶給我們對于手勢交互的更多理解。在蘋果手機桌面，我們可以通過長按激活應用管理，單擊則會退出管理模式，操作非常便利。

無需在當前的設計上面新增更多繁瑣的控件，手勢的借助可以使得我們的設計更加極簡，減少過多的內容對用戶的干擾。

03. 長按與時間跨度的結合

長按激活功能比較常見，但是結合時間長短的變化相對較少。蘋果手機桌面的應用管理，在長按應用圖標時會彈窗展示功能列表，繼續維持長按則會進入應用管理，隨著長按的時間跨度不一樣激活不同功能需求。

在手勢交互設計過程中，除了通過動作的不同激活功能操作之外，也可以結合時間跨度、力度、位置等進行組合交互，來滿足多重功能操作的需求。

04. 可以移動的紅包

通過紅包吸引用戶進而轉化是很多電商產品的玩法，在必要 APP 中紅包通過倒計時的形式營造出緊迫感，促使用戶立即使用，進而提高紅包的使用率。紅包懸浮在左側會擋住分類的展示，為了解決這個問題紅包借助滑動手勢可以移動，用戶可以在左側導航欄到底部標簽欄之間任意滑動，方便預覽分類。

單指滑動是常用的手勢交互，精準定位元素之后可以拖動使其改變位置，不僅方便內容的展示也不會造成底層內容的閱讀干擾。

05. 同一個功能不同的手勢交互

我們在觀看視頻的時候，短視頻是單擊控制播放/暫停，而視頻播放軟件則是通過雙擊控制。由于長視頻用戶需要觀看很久，容易觸屏造成誤操作，雙擊是為了形成二次確認，降低誤操作的概率。

短視頻播放由于內容比較簡短，可以通過單擊控制播放/暫停，雙擊則是更多功能的輔助，同一個功能在不同的場景需要配合不同的手勢。我們在進行產品設計的時候，可以根據業務類型和用戶場景的差異借助手勢來滿足更多功能的操作，用戶習慣培養之后將會提高其操作體驗度。

06. 通過左滑程度控制刪除

左滑動是產品設計中非常普遍的手勢交互，通過左滑展開列表隱藏功能，比如編輯、置頂、刪除等。

在脈脈 APP 的消息模塊，消息列表左滑可以進行置頂和刪除，如果繼續往左側滑動則會實現自動刪除，以此來替代點擊刪除圖標完成刪除操作的步驟。通過左滑配合點擊刪除操作路徑多一步，而左滑程度控制刪除效率更高，針對一些消息較多的產品，可以方便用戶快速清理未讀消息。

07. 雙擊頭像“拍一拍”

在微信群聊或者與好友聊天的時候，為了重點提示好友，可以通過雙擊好友頭像進行“拍一拍”，晃動的頭像和震動的提示加強好友對信息的關注度。

結合雙擊的手勢交互，在不改變當前布局的情況下加強社交屬性，增強好友間的互動提示，通過手勢豐富了社交體驗。

08. 單擊進入全屏模式

雖然手機逐步進入大屏時代，但是用戶還是希望獲得更少的干擾，全屏模式的操作可以讓干擾降到最低。

百度地圖在操作后會有彈窗式的內容呈現，用戶可以通過單擊屏幕退出彈窗，再次單擊則會進一步隱藏基礎控件，進入全屏模式。通過單擊的手勢交互來簡化內容結構，降低干擾帶給用戶更集中的操作體驗。

09. 長按快速預覽精彩片段

通過愛奇藝 APP 刷劇的時候，在搜尋影視作品的過程中，可以通過長按作品封面進行快速預覽，播放精彩片段來判斷是否值得追劇。

通過長按激活彈窗，可以在不改變當前布局結構的前提下，進行更多功能操作。適合針對隱藏式功能，也能避免誤操作。

10. 長按結合位置區域變化

很多影視類產品在全屏播放視頻時，除了通過拖動進度條進行快進/倒退之外，也能通過長按屏幕進行快進。

而騰訊視頻與之不同的是結合了屏幕區域，在全屏狀態下，左側區域長按快退，右側區域長按快進。長按結合位置區域變化功能狀態，深入了手勢交互的操作，也能帶來不一樣的操作體驗。

11. 三擊激活“輔助觸控”

單擊和雙擊的手勢交互較為常見，而三擊手勢應用較少，有待深入探索。目前來說，帶有 Home 鍵的蘋果系列手機，可以通過三擊 Home 鍵激活“輔助觸控”快捷鍵，再次三擊隱藏快捷鍵。

通過三擊可以快速激活功能快捷鍵，減少了多個步驟路徑，也不會導致用戶誤操作。

12. 下拉程度影響功能變化

手勢下滑形成下拉刷新已經成為產品設計中的基礎操作，為了進一步延展功能，很多產品在下拉過程中根據下拉的程度判斷是刷新還是進入二層樓（活動或者功能模塊）。

通常是通過控制下拉的距離來做判斷，會提示“松開刷新”的字樣，如果繼續下拉則會激活功能變化。進入二級功能界面或者二層樓活動界面，深度的功能開發帶給用戶更多的選擇性。

13. 縮放預覽相冊大小

蘋果手機自帶的相冊（照片）APP，可以通過雙指縮放來改變照片預覽的大小，方便用戶在眾多照片中通過縮小快速查看，再通過放大做進一步的選擇。借助縮放的手勢交互，方便用戶自由縮放預覽并作出快捷的操作，提高了用戶的操作體驗感。

雙指縮放對于屏幕的縮放預覽十分便利，在很多應用場景都有涉足，比如相冊、地圖、繪圖工具等。

14. 雙擊最大化圖片預覽

在圖片預覽的時候，可以通過雙擊最大化圖片，方便對細節的觀察。通過雙擊的手勢交互來快速放大圖片，在很多相冊應用、電商產品、微信等社交產品中都有涉足，只要是全屏模式下預覽圖片，都可以通過該手勢交互完成縮放。

雙指縮放屬于慢動作，而雙擊最大化屬于快速一步到位，適合查看圖片細節等操作。通常是雙擊最大化，再次雙擊恢復正常。

15. 手勢交互控制地圖預覽

手勢交互在地圖軟件中的運用表現得淋漓盡致，對于用戶來說操作變得更加便利和快捷。

以高德地圖舉例：單擊手勢可以隱藏操作欄進入全屏模式；長按固定區域會激活當前位置定位，方便隨時查看和開始導航；雙擊手勢可以對地圖進行固定倍數放大；雙指縮放可以對地圖進行任意縮放，便于精準查看位置區域等。手勢交互控制地圖預覽提升了操作便捷度，借助手勢提升了地圖類產品的體驗感。

16. 拖動完成自定義設置

隨著用戶對個性化的需求升級，很多產品都開放了部分常用功能模塊的自定義設置。比如網易云音樂的底部導航欄在設置環節中，便可通過拖動完成自定義設置。

利用壓力結合滑動可以實現拖動手勢交互，對于一些需要用戶謹慎操作的功能比較適合，也能有效防止誤操作。

17. 拖動疊加實現應用建組

當用戶下載的應用很多的時候，通常都會通過建組管理手機桌面上的各類應用軟件。可以通過拖動應用疊加到其他應用軟件上實現自動建組，建組、進組、移出等操作均可通過拖動手勢完成，操作非常便利。

拖動手勢交互針對一些防止誤操作的功能比較適合，相當于二次確認的過程。

18. 長按滑動實現多選

在百度網盤中可以通過單擊選擇控件對文件進行選擇操作，也可以通過長按整個區域實現選中，長按過程中可以結合滑動實現多選。

長按滑動進行多選針對文件較多的場景非常便利，也不用擔心誤操作。在一些相冊應用中點擊選擇按鈕之后也可以通過滑動實現多選，操作路徑多一步。無論是通過激活選擇按鈕，還是長按都是起到二次確認的作用，長按滑動操作相對更簡單。

小結

如果想做HMI體驗設計了解開發流程后，首先開始設計前最需要知道的是以什么為基準去設計，以及設計的限制，也就是設計原則。尤其HMI體驗設計是整車體驗的一部分，也變得越來越重要。

剛開始進入車載行業的同學都會存在一個誤區，會拿互聯網那一套設計規范套路汽車HMI設計，但其實汽車HMI有自己的設計原則和設計規范以及美學理念。

汽車行業本身是一個有著強烈美學理念和設計規范的行業，其實準確的說應該是汽車HMI中控設計是基于自身傳統規范，結合互聯網移動端和Web端的基礎上，慢慢形成了一種新的設計規范。加上龐大的行業從業者的外溢，互聯網的美學理念和設計規范，已經在入侵進來形成HMI設計新興的細分領域。

那很多同學問了我們想去做HMI設計應該從哪里下手啊，在這里我建議大家無論做任何的設計都應該從用戶場景、用戶痛點下手。

一、了解與用戶溝通的設計語言

在設計HMI的過程當中，都是基于用戶在智能車的場景里。就像設計APP會基于用戶痛點和用戶場景來的一樣。在智能車的體驗里，首先是駕駛員、其次是車、以及系統三個要元素組成了車內場景。

在結合了現有的互聯網車機設計原則，主要考慮的還是簡單易用和高效專注。

簡單易用

在設計上應該為駕駛員提供更完善的包容機制，操作和信息的統一性和延續性，幫助用戶降低操作成本，提升用戶體驗。

高效專注

考慮駕駛員的實際場景的多樣性，注意力容易分散或暫時中斷。所以在設計的時候 要考慮除非重要的警報，盡量用聽覺給到用戶的提示。操作上可以滿足單手操作，并為用戶的每一步操作提供及時的反饋。

二、三秒原則

之前看過一個“三秒原則”的理論，開車時在高速上要保持和前面通過一個參照物三秒的距離，才是安全的，說明人在高速行駛的反應時間是三秒。

用戶的注意力管理對減少由注意力分散導致的交通事故十分必要，開車過程中，必要操作需要遵循3秒原則，用戶必須在第1秒內找到應用場景的重點信息與功能入口，然后第2秒進行交互動作，最后第3秒得到想要的信息結果。準確把握每個過程中的時間，排除多余元素干擾，避免分散注意力。

相關鏈接：車載系統中，交互設計的「三秒原則」

在三秒原則里，一秒視覺、兩秒交互。排除車的硬件體驗，那HMI設計師在系統里要給到用戶一個什么樣的視覺原則和交互原則是我們今天要研究的問題。

三、HMI視覺設計原則

1.顏色

車載的美學他們大多是深色的，金屬質感，邊框和陰影。早期的車載用戶界面都是硬性的感覺。但是現在行業已經成熟到一個包羅萬象的男女皆宜的當代審美。所以現在的視覺可以在以往的傳統上，是汽車界面更新潮更科技。

1.1 關于色彩

主流的背景以深色為主，那是因為深色的背景更不容易分散司機注意力，減少了眩光的問題。現在一些新能源車可以切換白天黑夜模式，也會出現淺色的背景，淺色模式的整體色調不好把控，處理不好會使屏幕一直處于高亮狀態，會讓駕駛員產生一定視覺疲勞。

色彩規則以 中華人民共和國國家標準 關于駕駛安全的基礎標準為大前提，設定符合車載場景的取色類型。

色彩對比度

由于駕駛環境的復雜光線條件，需要滿足在不同照明條件（日間/夜間/暗光/眩光）下的可讀性，對比度需滿足以下條件：

• 文本與底圖對比度建議大于7：1（至少4.5：1）。背景推薦使用深色，避免大面積使用純白色，過度吸引用戶注意。

• 過高的對比度導致視覺疲勞和閱讀效率的降低。深色模式下背景與文本或圖形的對比度建議不大于18：1。

* 注：下圖來自 https://color.review/可在此鏈接查閱色彩對比度關系。

飽和度與明度的合理搭配

長時間駕駛本身精神與視覺會更加需要集中注意力在前方，此時車內環境中，不宜有過于強烈明顯的色彩干擾視線，可試想你在電影院中看電影時，身邊的人的手機亮度最高，此時會嚴重影響視覺的余光，難以聚焦在前方畫面上。

因此視覺設計的整體色彩體系應當適當的降低飽和度，同樣的，車載系統視覺的設計也應避免使用同一色系的方案，這樣無法在1秒的安全時間以內讓用戶有效果的判斷識別信息

根據 Munsell Color 原理得出，飽和度和明度的兩個數值越大，顏色越鮮艷。在車機配色選擇上請遵循以下規則：

• 越靠右上角的色值越鮮艷，所以不建議選取。

• 取色時，同時考慮飽和度和明度，這兩個因素的值之和盡量小于180（即：S + B ≤ 180）。

不建議選擇單色，建議增加輔助色

更好的可以幫助我們分組，提高信息的獲取能力。

結合 ISO 15008 （道路車輛.運輸信息和控制系統的人類工效學方面.車輛目視顯示用規范和試驗程序）

車載界面色彩傾向度定義了適合作為品牌主要控件的色調的功能色，強調品牌視覺形象。并結合 GB 4094 相關信號顏色規定同樣定義不適合的色彩闕值。

按照功能色分類可以根據常規場景將功能定位一級色、二級色、三級色。

狀態顏色

反饋成功及警戒提醒在駕駛場景中至關重要，結合 GB4094相關信號顏色規定，狀態定義需要與相關法規及駕駛者習慣思維的明確色相相結合。

狀態用色分類：此處顏色以 HSV 顏色模型參數為標準。

百度主題案例：

阿里顏色規范：

華為顏色設計規范：

設計走查自測表：阿里車載-設計走查自測表

為方便車載小程序設計，提供輕量化的小程序設計走查表以供參考； 可用于項目前期設計自測、項目中研發自測檢查、項目上線后設計/產品協同開發同學完成自測問題，查缺補漏規避風險點；

2. 字體

中控與駕駛員的距離處在70cm-85cm之間，設計稿一定要在實車上感受，是否足夠清晰，是否能快速識別，中控屏搭載的更多是各種應用，顯示的文字相對會多一點，除了文字需要保證在可視區間里，文字內容應當通過字號字重來區分主次關系，用戶在掃一眼的過程中即可準確的看到重點信息。保證易讀性。

字體的顏色盡量選擇對比度高的，參考WCAG標準。方便用戶能快速掃視。

字體的大小，層級，對比度等都是影響視覺可讀性和閱讀效率的重要因素，為保障文本的易讀性，界面文字需滿足以下要求：

• 最小可識別文字尺寸：5.4mm。
• 字體層級：區分文本主副層級，字號差距需保持4-6sp。
• 需要用戶閱讀和處理的重要段落文字不超過20個字（700字/分鐘，2秒內讀完）。
• 對于需要用戶關注的文本信息可通過增加字重的方式突出內容。

推薦閱讀：適合車載顯示的10款字體

百度字體設計規范：

阿里字體設計規范：

3. ICON

ICON的設計形式，可更多結合應用的內容，應注意在內容與形式結合時，視線上要保持一致性，可有助于在一秒的安全時間內讓用戶快速瀏覽并判斷信息

點擊是交互行為中最為常用的動作，為確保用戶點擊操作的易用性和成功率，操作按鈕及熱區需滿足以下規則：

• 圖標：最小的圖標尺寸為6.9mm，推薦圖標大小為9.2mm。
• 熱區：最小10.7mm，推薦熱區15.3mm以上，熱區間隔3mm以上。

4. 內容排版

車載以駕駛員的操作為主，功能布局盡量設計在離手最近的位置，縮短操作距離，盡可能將熱區放大，展示信息放在右側。

4.1 層次和數量

所有的信息按照使用場景、功能。分組展示，確保信息按照的優先級進行交付。在任何場景下展示盡可能少的信息。避免過多信息的干擾，必須做到界面顯示輕量化。數量盡量不超過3-4個。

4.2 閱讀排版

可以根據閱讀瀏覽模型Z字型和F字型。混排的時候建議使用一種字體。

4.3 預留安全熱區

避免元素熱區過近或重疊，需要使可觸摸目標之間預留足夠的安全距離，至少保持 3.5mm 的熱區間隔。

5、品牌IP

用戶對傳統汽車的品牌感認知，還是停留在車標、車造型等硬件外觀，而智能汽車，搭載了一個智能系統，除了駕駛需求，人和車的交互更多的會停留在HMI，所以，對于HMI融入品牌元素也相當重要，品牌化是智能座艙視覺設計重要的發展趨勢之一。

現在主要品牌的體現形式是車載的IP管家，他有具體的名字，可以用語音喚醒。

四、HMI的設計六大交互原則

說到HMI設計，雖然所有人都很容易理解，HMI設計要考慮注重安全，需要在設計上適應車載的使用場景。但是UI設計原則和UX設計原則很少有人系統性的回答過。對比原有的交互六大原則，適配到車載的場景下，提煉出六大交互設計原則。

1、基本原則

1.1、安全性原則  ?? ?? ?? ?? ??

HMI涉及到的載體都是汽車零部件中的安全件，HMI設計首先考慮的必須是以安全為第一導向， 所有顯示信息都應該按照人機工程學進行合理排布，按照駕駛者的行為習慣進行設計。

與移動端的視覺顯示不同，HMI設計師需要注意除了基礎的視覺顯示規范外，還需格外注意與安全相關信息的展示、視覺警告、文字易讀性和顯示眩光等顯示問題。

1.2、及時反饋原則

人的大腦每天通過五種感官接受外部信息的比例分別為：味覺1%；觸覺1.5%；嗅覺3.5%；聽覺11%；視覺83%。

時刻保障關鍵信息是最高優先級的，保證在各種環境場景下具有良好的可見性和易讀性，無需駕駛員費力尋找和識別。

隨著大屏、多屏化的發展趨勢，除了依賴視覺反饋，以及減少或避免觸摸屏的誤觸功能，聽覺和觸覺也可以輔助視覺反饋。

1.2.1 不同場景下的提示

除以上正常駕駛場景外，還有部分對特殊場景的提示，如油耗、故障、雨雪天、超速、疲勞等

車載系統需要有能力面對復雜的應用場景，處理需要更加智能，（比如復雜路況+不良天氣的提示），以及車內的環境控制（如聲音、氣溫）需要更加敏感。

車載系統的設計相比于移動端有著更明顯的約束，不論是從空間（使用環境）、時間（三秒原則）、行為（交互方式）、心智（心理訴求），都有著明顯獨特的場景和特點，要做好車載系統設計，我們需要有豐富的同理心以及親身體驗并反復驗證設計。

圖片來源：https://dribbble.com/czx

1.2.2 信息獲取效率

同樣，現在的智能汽車，信息呈現的方式，主要也還是視覺為主，聽覺為輔。在還沒有完全實現自動駕駛前，信息呈現層級保持不變。

在汽車行駛的過程中當中最高優先級是視覺，時刻要觀察道路，查看導航。聽覺輔助也是很有必要考慮的場景，通過語音反饋司機需要獲取的信息，能讓司機盡量保持視覺焦點在路況上。多場景的融合考慮信息獲取的效率，能減少在開車過程中的安全隱患。

1.3、完整性原則

將頁面信息根據某些關聯性，分區塊進行顯示，這將有助于用戶更容易的建立信息位置記憶，用極少量的時間查看車輛狀態，減少搜索信息帶來的注意力分散，保障駕駛安全。

1.4、簡單學習原則

面對C端用戶，設計師要考慮盡最大可能使用符合用戶習慣交互方式，減少學習和適應。讓駕駛員更有安全感和便捷的操作。如果交互界面改變了，用戶極有可能必須從頭開始學習一些基本操做。在市場競爭壓力這么大的情況下，用戶很容易就轉向自己接受程度高的產品。隨著屏幕越做越大，需要駕駛員操做的功能也越來越多，所以駕駛員會因為復雜操做，面臨交通路況擁擠的情況下的額外壓力。

1.5、信息可視化原則

盡可能的采用圖像化/擬物化風格，避免或減少使用復雜的、過于專業的、技術性的圖標和術語。

1.6、情感化原則

馬斯洛需求指出，人們需要動力實現某些需求，有些需求優先于其他需求。我們當下在滿足基礎需求后需要的更高階的需求。情感化設計是用戶體驗和需求金字塔的最高層級，情感化需求也是必然的需求。在移動端，情感化的體現主要還是視覺層面，比如加載過程中的動效、缺省頁的插畫、異常狀態的提示等，還有就是和品牌的結合，增加用戶對品牌的認知。

而對于汽車而言，它是一個空間，就靠屏幕里的視覺元素是遠遠不夠的，應該從整車的角度去分析，通過五感（視、聽、觸、嗅、知）創造更豐富的全局體驗，比如可以根據自己的駕駛需求和個人行為習慣，自定義氛圍燈，香氛、語音等。

汽車IP

汽車IP用虛擬的人物語音來扮演管家的角色，功能包括了記錄車主的駕駛習慣，不斷優化程序來契合車主習慣，讓車主有更好的駕駛體驗。

比如蔚來的nomi，既可以陪玩陪聊，還有表情互動，若是加上管家功能，汽車豈不立馬變身駕駛員最好的伙伴？看這小表情，是不是還挺可愛、暖心的哇？

2、分場景

在討論如何對超寬一體屏進行體驗設計前，我們需要對人在不同場景下的多樣化需求有大致的了解。為此，我們將人與車空間關系的場景劃分為四大方向依次是：生活、娛樂、辦公和共享。

如生活場景下，全家出游，疲憊的人可以直接在車上睡覺休息，無聊的人可以玩游戲，車內空間采用多音道技術，不同的音道技術可以避免彼此干擾。除此之外，還可以起到保護隱私的作用，滿足每個人對個人空間的需求。

在娛樂場景下，人可以進行多項休閑娛樂，比如：看電影或者讀書看報，其中使用超寬一體屏觀看電影時，大屏會給人以良好的觀感體驗。

在辦公場景下，人可以在駕艙內進行各項辦公活動，諸如：視頻會議、電腦辦公、商務信息處理等。

在共享場景下，車不僅可以是運輸人的移動工具，還能成為運輸貨物的移動工具、移動商城、移動酒店等等。

3、交互方式

3.1觸控：

這里分兩種，一種是通過按鍵控制；一種是通過觸屏控制。都是通過不斷的觸控功能按鈕行程鍛煉肌肉記憶，現在的趨勢越來越趨向重觸屏，輕按鈕，這樣不僅系統迭代成本小，功能可以動態分布。但是對于一些精準調節的功能還是按鍵控制好一些。

微軟 的Surface Dial可以給我們很好的啟發，智能旋鈕可以解決大部分屏幕調節的不精準的痛點，而效率又高。

3.2語音：

在汽車人機交互中，語音交互被認為是車內場景下最自然的交互方式，而語音交互需要一個載體來傳達多樣化的情感。

語音控制的前景主要在于兩個因素，一個是可以把除了界面以外的利用起來，一個可以與HMI自由交談，二是最小化HMI手動操作產生的干擾，增加安全性。

3.3手勢：

手勢交互是對語音交互、觸控交互的很好補充，能夠讓車主通過簡單的手勢和語音就能完成車內的交互任務，也是能夠增加交互趣味性、表達情感、傳達情緒的另一個自然交互方式。

常用的手勢：單指滑動（上下左右）、雙指滑動（左右）、五指抓取等。

HMI的交互手勢不同于手機和IPAD，手機和IPAD握在手里，左右手都可以操作，多指組合的可能性也多，而HMI的手勢定義，更多的是需要滿足駕駛員的使用場景，屏幕是固定在車上的，要規避掉一些不方便的手勢。比如雙指往上滑動就很不方便，向上推不靈活，也有阻力。

五、六大車載系統開源網站

大家要是想了解的更深入，或者想針對于某個平臺去做設計可以參考一下開源網站。

1. 阿里 Alios 開放平臺

https://miniapp.alios.cn/index#/document

2. 百度車載生態開放平臺

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

3. 騰訊-車載小場景 (私我領取PDF)

4. 谷歌駕駛

https://developers.google.com/cars/design/design-foundations

5. 蘋果 Apple Car Play

iOS – CarPlay 車載

6. 華為車機三方應用交互設計規范

https://developer.huawei.com/consumer/cn/doc/50902

六、設計開眼

如果同學們還是對中控設計的設計標準沒有一個概念的話，建議多去看些現有設計，去展廳試駕試乘實車，感受下交互，或者在網站上看看視覺不錯的界面設計都是可以的。

部分圖片來源于https://dribbble.com/czx

圖片來源于網絡，侵刪

今天的分享就到這里！接下來我會分模塊去跟大家講解歡迎持續關注

歡迎大家補充交流！

原文地址：站酷

作者：郝小七

 轉載請注明：學UI網》HMI設計需要遵循什么設計原則？

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務