近幾年各大互聯(lián)網(wǎng)公司爭(zhēng)先涌入智能汽車領(lǐng)域，互聯(lián)網(wǎng)+汽車一度成為科技新聞?lì)^條。傳統(tǒng)汽車廠商互聯(lián)網(wǎng)化，互聯(lián)網(wǎng)公司進(jìn)入汽車行業(yè)，掀起互聯(lián)網(wǎng)圈的跨界風(fēng)。在“互聯(lián)網(wǎng)+”的行動(dòng)計(jì)劃下，汽車行業(yè)無(wú)疑是待被開墾的一塊移動(dòng)終端的沃土。“互聯(lián)網(wǎng)汽車”將會(huì)是多個(gè)智能領(lǐng)域的混合體，包括無(wú)人駕駛、物聯(lián)網(wǎng)、人工智能、大數(shù)據(jù)、新能源等一系列前沿科技。正如《失控》作者凱文凱利描述：“未來(lái)的汽車不再只是交通工具，而是一臺(tái)擁有四個(gè)輪子的智能化電腦，是人類除了家里、上班、公共空間之外的第四空間”。可見(jiàn)未來(lái)的智能化汽車已不僅承擔(dān)代步工具本身，而是更便利的出行方式，更貼心的生活服務(wù)、最懂你的私人助理，是擁有最強(qiáng)大腦的親密伙伴。
躋身于造車大軍的互聯(lián)網(wǎng)公司在造車領(lǐng)域有兩種制造模式，一是以阿里榜樣的，通過(guò)與上汽合作打造的互聯(lián)網(wǎng)汽車生態(tài)圈，只提供互聯(lián)網(wǎng)終端的功能與服務(wù)，而不自己涉水造車，以與車企合作的模式推進(jìn)互聯(lián)網(wǎng)汽車的演進(jìn)，包括騰訊、百度這樣的互聯(lián)網(wǎng)前三甲，都選擇了與車企合作的模式。另一種是公司進(jìn)行閉環(huán)造車，這類模式在互聯(lián)網(wǎng)圈不占少數(shù)，蔚來(lái)、小鵬、車和家、樂(lè)視等等公司，都在都形成了各自的造車閉環(huán)，自主研發(fā)軟件操作系統(tǒng)，整車研發(fā)，制造生產(chǎn)，供應(yīng)鏈，銷售等一系閉環(huán)造車創(chuàng)舉，無(wú)疑造車這種費(fèi)錢燒腦的行為，給處在創(chuàng)業(yè)環(huán)境中的互聯(lián)網(wǎng)公司不小的壓力，要承受的造車壓力比與車企深度合作的模式要成倍增長(zhǎng)。
汽車的智能操作系統(tǒng)是控制整個(gè)汽車的中樞大腦，承載著智慧交通、多媒體影音、社交通訊、車輛控制等所有應(yīng)用和服務(wù)，是”智能終端“不可或缺的必要條件。其中的產(chǎn)品需求、交互方式、視覺(jué)風(fēng)格是構(gòu)成系統(tǒng)成敗的重要因素。優(yōu)秀的視覺(jué)風(fēng)格可以為汽車增添品牌特征和個(gè)性化，更可以在汽車復(fù)雜的駕駛環(huán)境中增加安全系數(shù)和便利性。本文將對(duì)傳統(tǒng)車企和互聯(lián)網(wǎng)車企在智能操作系統(tǒng)的視覺(jué)設(shè)計(jì)層面進(jìn)行剖析，對(duì)其在智能操作系統(tǒng)中的優(yōu)劣點(diǎn)進(jìn)行對(duì)比分析。
本文會(huì)從以下三個(gè)部分展開對(duì)互聯(lián)網(wǎng)車機(jī)系統(tǒng)的理解以及行業(yè)內(nèi)競(jìng)品的調(diào)研分析：一、互聯(lián)車機(jī)操作系統(tǒng)簡(jiǎn)述；二、傳統(tǒng)車企互聯(lián)車機(jī)設(shè)計(jì)及總結(jié)；三、互聯(lián)網(wǎng)車企互聯(lián)車機(jī)設(shè)計(jì)及總結(jié)。下面就正式進(jìn)入本文的調(diào)研分析報(bào)告：
一、互聯(lián)車機(jī)操作系統(tǒng)簡(jiǎn)述：
智能車機(jī)系統(tǒng)，簡(jiǎn)單的理解就是人（駕駛&乘客）和車內(nèi)一塊或者多塊屏幕通過(guò)語(yǔ)音、觸摸、手勢(shì)等方式進(jìn)行交互，實(shí)現(xiàn)操作系統(tǒng)按照用戶的指令來(lái)控制系統(tǒng)應(yīng)用的一種智能化的操作系統(tǒng)。常見(jiàn)的車載終端包括：中控屏（駕駛員優(yōu)先使用的屏幕，用來(lái)控制系統(tǒng)應(yīng)用和汽車控制相關(guān)操作）、副駕娛樂(lè)屏（副駕乘客使用的多媒體娛樂(lè)的操作屏）、后座娛樂(lè)屏（后排乘客使用的偏娛樂(lè)功能的交互終端，主要為購(gòu)物、多媒體、LBS服務(wù)等相關(guān)功能）、HUD平視顯示器（多數(shù)汽車都加入了抬頭顯示屏，主要是使駕駛員快速、安全、有效的獲取到導(dǎo)航信息、路況及車輛信息等）、IPC儀表盤（所有汽車都具備的一塊交互屏，多為顯示不可觸摸，顯示油表和里程，以及輔助自動(dòng)駕駛等路況信息），其他車內(nèi)操作終端還包括：智能后視鏡、門窗顯示屏、車身臂柱屏、進(jìn)氣格柵數(shù)字顯示等。
常見(jiàn)車機(jī)互聯(lián)有兩種方式：一是手機(jī)投射方式，需要手機(jī)與車機(jī)通過(guò)USB連接，通過(guò)手機(jī)傳輸就可以在任何一個(gè)支持手機(jī)投射方式的車機(jī)上完成簡(jiǎn)單的車載系統(tǒng)功能。常見(jiàn)的手機(jī)投射方案的就是大家熟知的carplay（蘋果）、Android Auto（谷歌）、carlife（百度）、ecolink（樂(lè)視）、windows in the car（微軟）這幾大手機(jī)投射方案品牌。二是前裝車機(jī)系統(tǒng)，不通過(guò)其他任何媒介在整車出廠時(shí)自帶的車機(jī)系統(tǒng)，這種方式的人機(jī)交互系統(tǒng)就非常常見(jiàn)，傳統(tǒng)車企寶馬的Idrive、奔馳的Comand、沃爾沃Sensus、奧迪的MMI等，以及互聯(lián)網(wǎng)車廠的特斯拉、阿里斑馬智行的AliOS等，以及目前先鋒、阿爾派、clarion（歌樂(lè)）、JVC等公司可以實(shí)現(xiàn)將carplay改裝為前裝車機(jī)系統(tǒng)，2016谷歌I/O大會(huì)也為瑪莎拉蒂改裝了一款前裝的android automotive，實(shí)現(xiàn)了android變?yōu)榍把b系統(tǒng)的可能性。
這里也簡(jiǎn)單提一下常見(jiàn)的幾大操作系統(tǒng)平臺(tái)，winCE、linux、android、QNX、ios等五大常見(jiàn)的系統(tǒng)，最常見(jiàn)的還是基于android和linux開發(fā)的操作系統(tǒng)，其次是比較封閉的蘋果ios。這里推薦大家讀一下以下文章，會(huì)有更深入的了解。http://digi.163.com/17/0415/06/CI1S89UK001680NE.html（轉(zhuǎn)載）
二、傳統(tǒng)車企互聯(lián)車機(jī)設(shè)計(jì)及總結(jié)：
下面進(jìn)入正題，本文會(huì)按照傳統(tǒng)車廠和互聯(lián)網(wǎng)車廠這兩部分來(lái)做競(jìng)品調(diào)研和分析，對(duì)比傳統(tǒng)車廠在互聯(lián)車機(jī)HMI的設(shè)計(jì)方向及互聯(lián)網(wǎng)車廠在HMI上的設(shè)計(jì)方向，然后分析兩大類車廠在設(shè)計(jì)上的共同點(diǎn)和不同點(diǎn)。下面先從傳統(tǒng)車廠入手。
傳統(tǒng)車廠幾大著名的IOV系統(tǒng)包括奔馳Comand、寶馬Idrive、奧迪MMI、沃爾沃Sensus、路虎In Control、福特SYNC等。
奔馳的comand系統(tǒng)在不同的車型上有不同的屏幕懸掛方式和尺寸，除了S/E級(jí)轎車使用了12.3寸兩塊內(nèi)嵌屏之外，其余的型號(hào)都使用的是7/8.4英寸外掛的車機(jī)硬件。奔馳的IOV系統(tǒng)的操作方式不支持觸摸屏幕，而是通過(guò)駕駛員右側(cè)的觸摸操控旋鈕完成車機(jī)系統(tǒng)的選擇和操作。在設(shè)計(jì)風(fēng)格上，奔馳comand設(shè)計(jì)相對(duì)保守傳統(tǒng)，擬物質(zhì)感的金屬風(fēng)格，大面積使用大漸變大投影來(lái)表現(xiàn)空間感，主色使用相對(duì)保守的銀色加高光橘色，整體系統(tǒng)還是呈現(xiàn)偏金屬質(zhì)感的色調(diào)。優(yōu)點(diǎn)：與車內(nèi)飾融合的較好，基本吻合車內(nèi)高大上中控臺(tái)的氣質(zhì)，不跳脫，首頁(yè)用了疊加的布局形式，焦點(diǎn)放大，對(duì)于車內(nèi)的駕駛環(huán)境而言非常清晰明了，識(shí)別性強(qiáng)。缺點(diǎn)：圖標(biāo)、設(shè)計(jì)樣式過(guò)于傳統(tǒng)，裝飾元素復(fù)雜，過(guò)度展現(xiàn)擬物手法，和現(xiàn)在主流的設(shè)計(jì)風(fēng)格不相符。
相比目前奔馳comand系統(tǒng)，這幾年的CES展覽奔馳在未來(lái)概念I(lǐng)OV系統(tǒng)的展示上，體現(xiàn)了奔馳在視覺(jué)設(shè)計(jì)上的突破。奔馳2015年的概念車G-code，在IOV的設(shè)計(jì)理念上和整車設(shè)計(jì)結(jié)合非常緊密，軟硬件在設(shè)計(jì)元素的使用上高度一致。該款概念車在前臉使用了星光流彩樣式的進(jìn)氣格柵，由發(fā)光的無(wú)數(shù)圓點(diǎn)有秩序排列，科技感十足。在車機(jī)系統(tǒng)的設(shè)計(jì)上與進(jìn)氣格柵設(shè)計(jì)亮點(diǎn)相統(tǒng)一，也使用了圓點(diǎn)矩陣排列的設(shè)計(jì)元素，內(nèi)外遙相呼應(yīng)，可見(jiàn)設(shè)計(jì)元素的繼承性在視覺(jué)角度使該款概念車展現(xiàn)了獨(dú)特、高端、現(xiàn)代、奢華等特點(diǎn)。從奔馳近幾年的概念設(shè)計(jì)可以看出，在IOV系統(tǒng)的設(shè)計(jì)中充分體現(xiàn)了科技感，設(shè)計(jì)元素大多運(yùn)用了光、線等元素巧妙的展現(xiàn)系統(tǒng)的立體感，縱深感。而且與車身元素結(jié)合緊密，能從整車中提取設(shè)計(jì)元素，巧妙的運(yùn)用在系統(tǒng)設(shè)計(jì)中，軟硬件通過(guò)設(shè)計(jì)元素和色彩巧妙融合，增加了整車的一致性和獨(dú)特個(gè)性。
寶馬的Idrive系統(tǒng)，在整個(gè)車企里算做的很棒的IOV系統(tǒng)了，不僅有中控屏，還在高端車型中加入了后座影音娛樂(lè)屏。寶馬Idrive系統(tǒng)也是通過(guò)換擋撥桿附近的操作旋鈕對(duì)系統(tǒng)控制，同樣也不支持觸摸屏幕操作。在設(shè)計(jì)風(fēng)格上，Idirve也采用較傳統(tǒng)的擬物金屬質(zhì)感，大量使用擬物的圖標(biāo)及設(shè)計(jì)樣式，顏色相對(duì)保守和陳舊，大面積使用灰色、銀色，系統(tǒng)色為標(biāo)志性的橘色高光樣式顯示。當(dāng)然Idirve在設(shè)計(jì)上的優(yōu)勢(shì)在于結(jié)構(gòu)布局清晰，以卡片形式展現(xiàn)內(nèi)容，尤其切換當(dāng)前頁(yè)時(shí)卡片高亮橘色并放大，在車內(nèi)的駕駛環(huán)境中簡(jiǎn)潔易懂，提高安全性。車輛相關(guān)界面中有車內(nèi)飾直觀表現(xiàn)，使功能的展現(xiàn)更有說(shuō)服力。缺點(diǎn)是設(shè)計(jì)風(fēng)格過(guò)重，使用過(guò)多裝飾性元素使界面冗繁，不匹配當(dāng)下設(shè)計(jì)流行趨勢(shì)。
寶馬2016年i Vision Future Interaction和2017年HoloActive Touch在CES中亮相，對(duì)IOV系統(tǒng)有了全新的展示，引入了通過(guò)“全息虛擬觸控”進(jìn)行虛擬的人機(jī)交互，將信息投射在駕駛室內(nèi)，把信息從中控位置投射到方向盤等高的地方，便于駕駛員手勢(shì)操作。在視覺(jué)風(fēng)格上也是較idirve有很大的突破，從金屬質(zhì)感變成微扁平的設(shè)計(jì)風(fēng)格，顏色上引入了更具科技感和神秘色彩的藍(lán)綠色，科技感十足。在設(shè)計(jì)元素的使用上偏愛(ài)多邊形&不規(guī)則矩形，設(shè)計(jì)布局大膽，通過(guò)區(qū)塊做內(nèi)容的區(qū)分。可以看出在設(shè)計(jì)沒(méi)有完全的扁平化，微質(zhì)感加漸變的設(shè)計(jì)樣式，使整個(gè)中控飽滿不單調(diào)，在平面中體現(xiàn)了縱深感和立體感。
沃爾沃sensus在我看來(lái)是傳統(tǒng)車企里IOV做的相當(dāng)不錯(cuò)的，她與前兩個(gè)品牌不同，使用的是觸摸的方式人機(jī)交互。優(yōu)勢(shì)是首先系統(tǒng)處理器的性能可以超過(guò)ipad的流暢體驗(yàn)，再就是觸控反應(yīng)相當(dāng)靈敏，這兩點(diǎn)比其他高端車的用戶體驗(yàn)要好的多。sensus目前采用的是一塊9英寸高分辨率電容屏，豎屏配置，在硬件上還配備了類似蘋果的home鍵，這些大膽的嘗試使智能車載交互系統(tǒng)進(jìn)入智能交互大屏?xí)r代。在視覺(jué)設(shè)計(jì)上，整體視覺(jué)風(fēng)格偏向目前主流的設(shè)計(jì)趨勢(shì)，扁平帶微質(zhì)感，圖標(biāo)清晰，設(shè)計(jì)布局能突出功能的展現(xiàn)，沒(méi)有過(guò)多復(fù)雜的裝飾元素，整體呈簡(jiǎn)潔干凈。不足之處在于設(shè)計(jì)過(guò)于中庸保守，沒(méi)有犯大錯(cuò)但是沒(méi)有太多亮眼之處，除此之外在顏色上，基本只有黑白灰三色，沒(méi)有突出系統(tǒng)色的使用，導(dǎo)致系統(tǒng)缺少生機(jī)，缺乏個(gè)性。
最后說(shuō)說(shuō)捷豹路虎的incontrol系統(tǒng)，該系統(tǒng)的高端配置incontrol touch pro duo（智能馭領(lǐng)雙屏尊享觸控信息娛樂(lè)系統(tǒng)）目前在路虎攬勝星脈這款車型上可以看到。該系統(tǒng)最大的亮點(diǎn)在于使用了兩塊“雙10英寸”的觸摸屏上下排列，上面那塊屏幕可以按照駕駛員位置調(diào)整角度，下面那塊屏幕將物理旋鈕和液晶屏有機(jī)結(jié)合，不僅在觸摸屏幕的同時(shí)可以快速使用旋鈕完成操作，可謂是物理和虛擬的科技結(jié)合，打造了非凡的用戶體驗(yàn)。在功能上除了常規(guī)的導(dǎo)航音樂(lè)，還可以完成車輛相關(guān)的控制，尤其是空調(diào)溫度，下方的旋鈕和液晶屏顯示完美結(jié)合，相互呼應(yīng)。在視覺(jué)設(shè)計(jì)上incontrol更是亮點(diǎn)多多，在傳統(tǒng)車企的設(shè)計(jì)中，路虎這款系統(tǒng)可謂向設(shè)計(jì)趨勢(shì)邁進(jìn)了一大步，不僅在人機(jī)交互上高度創(chuàng)新，在視覺(jué)設(shè)計(jì)上也是超越其他傳統(tǒng)車企，扁平的設(shè)計(jì)風(fēng)格讓該款車型不僅是具備科技感，更多了一些時(shí)尚和年輕，在顏色上也用色大膽，主題鮮明，該突出表現(xiàn)的內(nèi)容使用了圖形展示，更為直觀易操作。不足之處在設(shè)計(jì)上犯了裝飾元素過(guò)多的大忌，有些不必要的元素可以避免，讓內(nèi)容優(yōu)于裝飾，避免不必要的喧賓奪主。想了解更多的同學(xué)可以在youtube上搜索該系統(tǒng)，有更為詳細(xì)的功能介紹。
以上介紹了四個(gè)傳統(tǒng)車廠的IOV設(shè)計(jì)，當(dāng)然調(diào)研遠(yuǎn)不止這幾個(gè)車企，就不在此一一列舉了，這四個(gè)算是非常典型的傳統(tǒng)車企當(dāng)前與未來(lái)的IOV系統(tǒng)設(shè)計(jì)，從中可以找到很多相似點(diǎn)，其中設(shè)計(jì)上的優(yōu)缺點(diǎn)在這里做一個(gè)小結(jié)。傳統(tǒng)車廠目前IOV的設(shè)計(jì)風(fēng)格還是偏重金屬質(zhì)感的擬物風(fēng)格，大多顯得厚重陳舊，在設(shè)計(jì)樣式上沒(méi)有什么創(chuàng)新，顏色上大多保守的使用黑白灰三色構(gòu)建，缺乏大膽和對(duì)品牌色的運(yùn)用。究其原因，傳統(tǒng)車廠之所以用擬物手法，我推測(cè)是希望通過(guò)擬物的圖形模擬現(xiàn)實(shí)生活中的場(chǎng)景，讓用戶能在虛擬的屏幕中找到真實(shí)的感官和觸覺(jué)。但是目前國(guó)內(nèi)外流行的設(shè)計(jì)風(fēng)格快速迭代，以蘋果為首的扁平風(fēng)已經(jīng)深入到各個(gè)領(lǐng)域和終端，好的設(shè)計(jì)和布局，可以引導(dǎo)消費(fèi)者從扁平、簡(jiǎn)潔的圖形元素找到物理體驗(yàn)。好在是傳統(tǒng)車企已經(jīng)逐漸意識(shí)到設(shè)計(jì)的重要性，也試圖在概念設(shè)計(jì)中優(yōu)化視覺(jué)風(fēng)格，從視覺(jué)表現(xiàn)層面突出車本身的獨(dú)特個(gè)性，向優(yōu)秀的感官體驗(yàn)邁出了一大步。從傳統(tǒng)車企的互聯(lián)設(shè)計(jì)設(shè)計(jì)中可以看出，化繁為簡(jiǎn)，突出核心功能，從車身提煉設(shè)計(jì)元素，主色調(diào)符合駕駛場(chǎng)景和品牌色的運(yùn)用，優(yōu)秀的設(shè)計(jì)布局，用圖形圖案體現(xiàn)縱深和空間感，是汽車智能交互系統(tǒng)未來(lái)的主流趨勢(shì)。
三、互聯(lián)網(wǎng)車企互聯(lián)車機(jī)設(shè)計(jì)及總結(jié)：
智能互聯(lián)網(wǎng)電動(dòng)汽車在近幾年是絕對(duì)大熱的行業(yè)，不僅BAT躋身進(jìn)入造車大軍，包括滴滴、蘇寧、格力等也加入造車行列，無(wú)論是傳統(tǒng)企業(yè)還是互聯(lián)網(wǎng)公司，都在造車領(lǐng)域試水，想搶占移動(dòng)終端的最后一個(gè)大入口。也不乏很多新的創(chuàng)業(yè)公司也加入其中，包括蔚來(lái)、車和家、威馬、小鵬、游俠、樂(lè)視等新興的創(chuàng)業(yè)團(tuán)隊(duì)。當(dāng)然在國(guó)內(nèi)外知名度最高，駕駛體驗(yàn)最佳的已量產(chǎn)車企中，要當(dāng)屬特斯拉和斑馬AliOS了。下面就對(duì)特斯拉和搭載AliOS的榮威RX5在設(shè)計(jì)層面做一個(gè)對(duì)比分析。
首先是特斯拉，無(wú)論是否從事汽車相關(guān)工作，都對(duì)特斯拉這個(gè)品牌不陌生。特斯拉(Tesla)，是一家美國(guó)電動(dòng)車及能源公司，首席執(zhí)行官埃隆馬斯克。2012年至今共發(fā)售了三款電動(dòng)汽車：modelS、modelX和model3。其三代產(chǎn)品的IOV設(shè)計(jì)也發(fā)生了巨大的變化。試乘過(guò)早期特斯拉的車主都曾經(jīng)吐槽過(guò)其UI設(shè)計(jì)，其系統(tǒng)版本在這幾年中經(jīng)歷了6.0、7.0、8.0三個(gè)大版本的迭代，在其交互框架產(chǎn)品需求沒(méi)有變的情況下，這三個(gè)版本在UI上的變化可以看出特斯拉開始注重用戶的視覺(jué)感受，也接受了現(xiàn)階段視覺(jué)的流行趨勢(shì)。特斯拉車內(nèi)有兩塊顯示屏，一是駕駛員正前方的全液晶顯示儀表盤，以及位于駕駛和副駕之間一塊17英寸超大豎向中控屏，而第三代產(chǎn)品model3則取消了儀表盤的設(shè)計(jì)，而是通過(guò)中控臺(tái)上一塊橫向15英寸屏幕完成絕大多數(shù)操作，對(duì)行業(yè)來(lái)說(shuō)馬斯克的這一次創(chuàng)舉無(wú)疑顛覆了所有人對(duì)汽車駕駛的想象。
上圖為特斯拉3個(gè)版本、兩種屏幕尺寸的UI風(fēng)格迭代，從視覺(jué)上可以分為三大塊分解來(lái)看其中的變化：依次是頂部導(dǎo)航欄、中間內(nèi)容區(qū)域、底部空調(diào)控制區(qū)三部分。先看頂部導(dǎo)航欄的變化，6.0用了很重的金屬質(zhì)感，在導(dǎo)航欄底部加了一個(gè)類似金屬托盤的襯底，試圖用形狀將導(dǎo)航欄區(qū)域與其他區(qū)域做區(qū)隔，擬物質(zhì)感加重投影的圖標(biāo)，使導(dǎo)航欄變成系統(tǒng)中最重的一個(gè)區(qū)域；在7.0的迭代中，取消了底部金屬托盤造型，圖標(biāo)的樣式上做了精簡(jiǎn)和優(yōu)化，去掉了繁重的投影，圖形樣式上也作以簡(jiǎn)化；到8.0的時(shí)候，在歷史版本基礎(chǔ)上，對(duì)圖標(biāo)樣式做了重新設(shè)計(jì)，圖標(biāo)的細(xì)節(jié)和造型達(dá)到了高度的一致性。
再看看中間內(nèi)容區(qū)域的變化（因?yàn)槲茨苷业饺齻€(gè)版本相同的界面，故通過(guò)其他了解來(lái)闡述該區(qū)域的變化）。該區(qū)域的變化可以體現(xiàn)出整個(gè)UI風(fēng)格的演進(jìn)，從6.0強(qiáng)質(zhì)感風(fēng)格，漸變+大投影+擬物質(zhì)感；到7.0作為中間的過(guò)渡版本，可以看到在設(shè)計(jì)細(xì)節(jié)上做了精簡(jiǎn)，去掉了一些復(fù)雜的裝飾元素，使整體界面更趨于干凈扁平，按鈕等控件也減弱了漸變和投影的運(yùn)用，頁(yè)面逐漸清爽；到目前的8.0版本，已經(jīng)將之前的版本遺留問(wèn)題清理差不多了，首先是去掉了所有的復(fù)雜裝飾，一切從簡(jiǎn)，從質(zhì)感風(fēng)格拍平到扁平風(fēng)格，顏色上也變得清爽干凈，之前灰白的顏色變?yōu)楦儍舻陌祝?jí)到8.0后頁(yè)面果然變得輕量、干凈、簡(jiǎn)潔了許多，能更明確的突出產(chǎn)品功能。
最后是底部空調(diào)控制區(qū)域的變化，和其他兩個(gè)模塊一致，都是化繁為簡(jiǎn)，一切以突出功能為主，用來(lái)做區(qū)域分割的襯底、分割線、塊面統(tǒng)統(tǒng)取消，改用圖標(biāo)之間間距、形狀、顏色來(lái)做區(qū)域的劃分。
以上就是對(duì)特斯拉近幾個(gè)版本UI風(fēng)格迭代的分析，對(duì)特斯拉的研究還有更多值得深挖的點(diǎn)，后面可以專門分析一下在產(chǎn)品、交互、視覺(jué)三個(gè)方面的設(shè)計(jì)細(xì)節(jié)，model3橫屏版本相較于豎屏版本也有非常大差異的交互邏輯和體驗(yàn)，感興趣的同學(xué)可以深入研究一下。
最后簡(jiǎn)單的說(shuō)一下搭載了AliOS的榮威RX5這款車型的IOV系統(tǒng)。榮威RX5搭載的AliOS是阿里和上汽合作下的產(chǎn)物，是新生代互聯(lián)網(wǎng)智能車機(jī)系統(tǒng)中的領(lǐng)軍人，無(wú)論從交互邏輯還是視覺(jué)風(fēng)格，都有著濃濃的阿里yunOS的縮影。單從這個(gè)產(chǎn)品的角度來(lái)看，這款車機(jī)系統(tǒng)在眾多躋身于互聯(lián)網(wǎng)造車大軍的一大片企業(yè)來(lái)講，是相當(dāng)出彩的一個(gè)產(chǎn)品，無(wú)論從產(chǎn)品形態(tài)、交互邏輯、還是視覺(jué)風(fēng)格，都可謂是互聯(lián)網(wǎng)車機(jī)濃墨重彩的一筆，為后續(xù)大片企業(yè)提供了很多有價(jià)值的參考依據(jù)。在這里主要分析的是AliOS的視覺(jué)風(fēng)格。
AliOS的UI風(fēng)格一看就是近幾年互聯(lián)網(wǎng)設(shè)計(jì)風(fēng)格的產(chǎn)物，也有著濃厚的阿里視覺(jué)風(fēng)格的縮影。縱向排列的多彩卡片，是yunOS的標(biāo)志性元素。系統(tǒng)的主色是藍(lán)綠色，和斑馬LOGO主色相呼應(yīng)，有著強(qiáng)烈的家族特征和品牌化；內(nèi)容上用色大膽，相較于特斯拉來(lái)說(shuō)，AliOS的配色是非常青春靚麗的年輕色，符合榮威這款車型的用戶定位；在內(nèi)容的布局上，沒(méi)有什么特別的形式，依然使用相對(duì)保守不會(huì)出錯(cuò)的卡片式做內(nèi)容的區(qū)分，卡片式的設(shè)計(jì)在車機(jī)上是非常易識(shí)別實(shí)用性特別高的一類設(shè)計(jì)手法，點(diǎn)擊范圍廣，顏色識(shí)別度高，很適合駕駛環(huán)境下盲操作。AliOS系統(tǒng)有兩個(gè)特別值得學(xué)習(xí)的地方：一是完整性，從事車機(jī)設(shè)計(jì)幾年，對(duì)于一個(gè)龐大的系統(tǒng)設(shè)計(jì)來(lái)說(shuō)，設(shè)計(jì)的完整性是特別難保證的，首先得有非常詳盡的設(shè)計(jì)規(guī)范，并落實(shí)到每一個(gè)模塊每一個(gè)細(xì)節(jié)，尤其在項(xiàng)目時(shí)間緊的情況下，能保證設(shè)計(jì)的完整和一致性是非常大的挑戰(zhàn)；其次是龐大的系統(tǒng)設(shè)計(jì)需要多人協(xié)作完成，從大風(fēng)格的制定到細(xì)分到每個(gè)設(shè)計(jì)師，到交付工程師實(shí)現(xiàn)代碼，整個(gè)過(guò)程設(shè)計(jì)師和工程師都得保證足夠的細(xì)心和耐心，完成每一個(gè)細(xì)節(jié)的驗(yàn)收和聯(lián)調(diào)。二是動(dòng)效的實(shí)現(xiàn)，在AliOS系統(tǒng)設(shè)計(jì)中，加入了很多動(dòng)效，頁(yè)面的跳轉(zhuǎn)、控件的轉(zhuǎn)換、功能的展現(xiàn)等方面都加入了細(xì)膩的動(dòng)畫效果，增加了系統(tǒng)的趣味性和靈動(dòng)感，也使系統(tǒng)變得具備科技感和獨(dú)特性。
本文認(rèn)為AliOS這款車機(jī)系統(tǒng)更像是一個(gè)平臺(tái)級(jí)的產(chǎn)品，在設(shè)計(jì)細(xì)節(jié)上沒(méi)有過(guò)多的定制化元素，雖然該系統(tǒng)最早是為榮威RX5定制，但是從整個(gè)系統(tǒng)的設(shè)計(jì)上并沒(méi)有發(fā)現(xiàn)從榮威汽車中提取設(shè)計(jì)元素，系統(tǒng)還是保持著比較中規(guī)中矩的設(shè)計(jì)方案，可以適用在更多品牌的車型中，從設(shè)計(jì)的角度來(lái)說(shuō)是非常平臺(tái)化的一款產(chǎn)品。后續(xù)AliOS和神龍汽車牽手，甚至更多品牌，都是通用性非常強(qiáng)的設(shè)計(jì)，目前看來(lái)AliOS并不會(huì)單獨(dú)為每個(gè)車企定制UI皮膚。
目前做車機(jī)系統(tǒng)的公司有太多，但大都沒(méi)有量產(chǎn)的產(chǎn)品，都還處在概念設(shè)計(jì)中，只能在網(wǎng)絡(luò)中找到個(gè)別公司的設(shè)計(jì)諜照，所以就不一一做詳細(xì)的設(shè)計(jì)分析了，以下是特斯拉、小鵬汽車、游俠、斑馬這幾家公司IOV的設(shè)計(jì)對(duì)比：
目前能找到資料的這幾家公司在設(shè)計(jì)上都大同小異，無(wú)論是交互層面還是視覺(jué)層面，都有類似之處，特斯拉最早進(jìn)入大家視野，給未來(lái)的車機(jī)設(shè)計(jì)上提供了不少借鑒，很多車企甚至照搬特斯拉交互原型在其基礎(chǔ)上換皮，幾個(gè)版本迭代后在融入符合自己企業(yè)特質(zhì)的元素。在屏幕的尺寸上都清一色選擇15英寸及以上高分辨率觸摸大屏；視覺(jué)設(shè)計(jì)上基本都以扁平設(shè)計(jì)為主，個(gè)別需要突出的樣式用漸變和陰影強(qiáng)調(diào)主次關(guān)系，內(nèi)容多以塊面形式展現(xiàn)，顏色上每個(gè)品牌都有公司特質(zhì)的系統(tǒng)色搭配深色調(diào)背景；細(xì)節(jié)上，各品牌在頁(yè)面中需要強(qiáng)調(diào)與車相關(guān)的功能時(shí)，都會(huì)有整車3D渲染圖，既直觀又使得頁(yè)面飽滿有說(shuō)服力；頁(yè)面的布局上四個(gè)品牌都基本可以做到盲操，點(diǎn)擊區(qū)域大，頁(yè)面布局不擁擠，該突出的地方用色彩和圖形表現(xiàn)，更為直觀。總的來(lái)看，目前互聯(lián)網(wǎng)車企在IOV系統(tǒng)視覺(jué)表現(xiàn)層變的設(shè)計(jì)趨勢(shì)是類似的，究其哪一個(gè)品牌會(huì)在眾多設(shè)計(jì)中脫穎而出，不光是要具備強(qiáng)有力的識(shí)別表現(xiàn)力，重要的還是要保證系統(tǒng)的完整性。拭目以待更多量產(chǎn)汽車的IOV系統(tǒng)設(shè)計(jì)吧！
以上就是本文對(duì)傳統(tǒng)車企和互聯(lián)網(wǎng)車企車機(jī)互聯(lián)系統(tǒng)做的調(diào)研分析，主要從視覺(jué)設(shè)計(jì)的層面對(duì)幾大知名車聯(lián)網(wǎng)交互系統(tǒng)進(jìn)行對(duì)比，無(wú)論是傳統(tǒng)車企還是互聯(lián)網(wǎng)車企，在視覺(jué)設(shè)計(jì)上還是緊跟了設(shè)計(jì)了流行趨勢(shì)，更加扁平化的設(shè)計(jì)方向，更青睞化繁為簡(jiǎn)的設(shè)計(jì)元素，并能夠結(jié)合車內(nèi)駕駛場(chǎng)景，使用更易交互、操作的控件和設(shè)計(jì)元素，顏色上也能結(jié)合企業(yè)特征提煉系統(tǒng)主色。對(duì)視覺(jué)空間感的打造，顯然傳統(tǒng)車企的概念設(shè)計(jì)要做的更好一些，會(huì)利用車身元素結(jié)合背景制造縱深感。在視覺(jué)設(shè)計(jì)的表現(xiàn)上，我認(rèn)為只要把握好用戶使用場(chǎng)景，結(jié)合車本身的特殊屬性，做到用顏色、形狀、設(shè)計(jì)元素、布局來(lái)實(shí)現(xiàn)互聯(lián)車機(jī)的個(gè)性化、科技感、易用性就能做出一款適合該款車的視覺(jué)風(fēng)格。但是在產(chǎn)品需求的定義和挖掘、人機(jī)交互的便利性上，每個(gè)車企還需要付出更多的精力和時(shí)間，畢竟視覺(jué)設(shè)計(jì)是依托于產(chǎn)品本身需求的合理性所做出的錦上添花，還需要各個(gè)團(tuán)隊(duì)更多的付出才能夠打造更完美的互聯(lián)網(wǎng)車機(jī)系統(tǒng)，也期待未來(lái)有更多更優(yōu)秀的人機(jī)交互車機(jī)產(chǎn)品出現(xiàn)，共同學(xué)習(xí)！
本文是個(gè)人對(duì)互聯(lián)網(wǎng)車機(jī)產(chǎn)品的理解和認(rèn)識(shí)，歡迎大家一起討論研究！(ps微信號(hào)：smilesh1030）
