我們通過多篇文章分享了應用圖標和系統圖標的設計原則和案例分析，得到了很多設計師朋友的認可和好評。你們的好評就是考拉老師寫作的動力。2018年到來了在新的一年也希望能分享更有意思更前沿的設計經驗給大家。

隨著特斯拉智能電動汽車憑借其全新的電動能源和智能化的大屏操作系統在全球的走紅。在中國也引起了強烈的蝴蝶效應，小鵬汽車，蔚來汽車和威馬汽車等主打互聯網智能的汽車應運而生。在新的一年汽車UI可能會成為下一個設計熱點。那么這次為大家帶來的是手機UI與汽車UI的設計分析。（我們這里說的汽車UI是指以特斯拉為代表的智能電動汽車中控大屏UI，手機UI指的是以蘋果手機為代表的手機UI)

汽車UI與手機UI的關聯

特斯拉被稱作是汽車界的蘋果，是電動智能汽車的開創者和領導者。蘋果則是智能手機的開創者和領導者，同時蘋果定義了智能手機的操作和交互方式。特斯拉智能汽車的大屏設備體驗設計很大程度上借鑒了蘋果的成功經經驗。所以我們可以說智能汽車UI是在借鑒手機UI成功經驗之上的演變，同時根據汽車UI 特殊的使用場景而重新定制的。

汽車UI與手機UI的區別

不同的使用場景

手機UI使用的場景主要是在室內較為安靜的環境中，當然也會在室外的環境使用。相對來說都是比較穩定的環境。

汽車UI的使用場景都是在車內，主要分為停車狀態和駕駛狀態。在停車狀態的時候用戶最多的操作是在做駕駛前的準備工作。比如在駕車前查看周邊路況是否有擁堵情況，設定目的地導航并確定行車路線。同時也可能在駕車前設定娛樂系統。而在駕車狀態的時候駕駛員最重要的就是保證行車安全。這時候駕駛員精力主要放在操作駕駛上，在高速行車的狀態中汽車UI的更多作用是展示駕駛信息保證行車的安全。比如在行車中查看導航信息，駕駛速度以及周邊車輛情況等。車載設備的使用場景決定了車載UI的形態。

不同的屏幕尺寸

手機屏幕為了滿足邊手持操作屏幕尺寸都比較小，在這里我們把手機設備統稱為小屏設備。由于手機設備屏幕尺寸較小也更容易布局和設計。

智能汽車的中控為了能更方便的展示和操作，采用了超級大屏。屏幕越大意味著越難設計，由于汽車UI本身功能的局限性決定了不可能有非常豐富的內容要去展現。所以如何在超大屏幕下合理的設計有限的內容就成了一個需要仔細研究的問題。

不同的操作習慣

手機APP的最重要的操作就是手指的滑動和點擊。比如點擊切換菜單，上下滑動瀏覽內容。

而對于汽車UI來說則是完全不同的操作習慣。首先汽車UI的操作不僅僅用到手指而是胳膊加手指的操作方式。所以在汽車UI上操作點擊相對來說比較方便省力。滑動操作由于需要手臂懸空滑動所以會比較費力操作的精準度也有所下降。另外滑動的操作比點擊的操作所用的時間會長，如果是在行車過程中也就是說安全成本會更高。例如：如果在行車過程中要精確的快進歌曲的進度，那么首先要胳膊懸空然后滑動進度條。由于胳膊的懸空導致我們很難精確的控制位置當然也會耗費更多時間造成行車中的安全隱患。

?

不同的使用環境

手機的使用室內環境居多當然也會有很多室外場景。但是手機是掌控在自己手中的如果遇到反光的情況我們只需要調整自身的角度即可避免。

汽車室外行車過程中經常處于強烈的陽光照射之中，導致車內的反光強烈。然而在行車過程中不可能隨意的調整角度。在這種環境下設計UI必須考慮如何降低反光對內容展示造成的影響。一般我們會采用亮度較亮的顏色降低反光對信息傳遞造成的影響。在夜間行車的時候車內的光線會變得灰暗如果還是高亮的界面會非常刺眼，所以一般會設計夜間模式來保證舒適的視覺體驗。

?

不同的功能需求

手機APP的功能設定都是非常有針對性的，例如：微信就是用來社交的，騰訊視頻就是用來娛樂的，淘寶就是用來購物消費的。手機APP的功能針對性非常明確，每次都是完成單任務。

汽車UI的功能設定首先都是圍繞安全駕駛進行的，其次才是娛樂系統的功能設計。所以即使是在使用娛樂系統的功能也要先保證安全駕駛的需求。例如在駕駛過程中首先要顯示安全駕駛的信息，在這過程中也可以進行播放音樂的操作。

不同的交互布局思路

手機UI最基礎的交互方式是底部欄的菜單切換方式，每一個菜單展現的內容都是相對獨立的。這樣的展現方式是因為手機的單任務的產品思路。

車載UI由于其特殊的功能需求在交互上是默認展示安全相關的信息，其他操作會更多的通過臨時彈窗的方式呈現。這樣的交互方式完全是基于產品功能的需求，所有的功能設計首先都要滿足安全駕駛的需求，所有默認情況下都優先展示安全駕駛相關的信息，爾娛樂系統的設置都是以彈窗形式出現用完即隱藏。例如：特斯拉MODEL 3默認展示汽車信息和導航信息，音樂功能則是以彈窗的形式出現操作完成后也會最小化展示。

這是對當前能夠實現的現有狀況進行的分析，相信以后自動駕駛也會慢慢成為主流。那時候的交互方式和操作方式相信也會出現巨大的變動。另外一個正在使用的交互方式語音相信在大幅提升錯識度后會成為更加主流的交互操作方式。

以上就是今天的分享希望能夠引起大家對汽車UI的關注和興趣。

UI設計高端交流群271939231