還記得十年前的 iPhone 么？行業(yè)一片叫衰，特別是諾基亞。。。 今天要聊的 Tesla Model 3 ，會讓你想到10年前的 iPhone 。 如果你是一位汽車設(shè)計師或者極客，應(yīng)該會給 Tesla Model 3打個比較高的分?jǐn)?shù)，自從喬幫主給工業(yè)設(shè)計界樹立起了一個最高的標(biāo)桿之后，其他的一些企業(yè)也學(xué)到了將“科技、美學(xué)、藝術(shù)”完美統(tǒng)一的精髓。

馬斯克對產(chǎn)品的要求之高，腦洞之大，可以比肩喬布斯。 當(dāng)然啦，小編認(rèn)為，國內(nèi)也是有這樣企業(yè)的，國內(nèi)也有一家，叫大疆，品質(zhì)也是可以媲美 iPhone 滴。

總之，他們都是對產(chǎn)品的極致追求者，打造最高品質(zhì)的產(chǎn)品體驗~~并且一直在打造未來的生活方式在努力。 當(dāng)下的很多汽車 UI 依然是擬物化的風(fēng)格，但是從 Tesla 開始改變，采用大屏幕，注重整體的交互體驗，可能一些老司機不習(xí)慣，但是不得不說，這是未來，當(dāng)人工智能徹底走向生活的時候，擬物化應(yīng)該會徹底消失了吧，畢竟用戶的認(rèn)知已經(jīng)被構(gòu)建起來，需要做減法了。

 今天我們來聊聊，Tesla Model 3 的儀表板控制和界面的一些細(xì)節(jié)問題（雖然小編買不起，但是可以學(xué)的起的，哈哈），通過 Tesla Model 3 的 UI 設(shè)計，你可能會有跟我一樣的感覺，哇咔咔，看著就是爽！也許你會意識到這就是無人駕駛、汽車 UI 的未來。特斯拉 Model 3 從一開始，我就一直在關(guān)注特斯拉的各種6到爆的故事。去年入手了特斯拉S型，就愛上了它如何操控駕駛、以及敏銳的客戶體驗調(diào)整，所謂的一見鐘情，大抵就是這種感覺吧。 是的，你沒看錯，它挖掘我了我的隱性需求，深度洞察到了我的未來生活方式。。6不6？是不是想到了當(dāng)年的iPhone，沒出現(xiàn)時，你也不知道原來手機也可以這樣設(shè)計， Model 3給我的感覺也是一樣。

 我發(fā)現(xiàn)自己也迷上了“經(jīng)濟(jì)實惠”版本的Model 3，所以關(guān)于 Model 3 的所有信息，我都會去關(guān)注。 Model 3 概念很酷，但是我不相信特斯拉真的會在把汽車推向消費者的，把儀表板放倒。“現(xiàn)在可能很酷，但市場營銷人員或消費者不會接受，這應(yīng)該只是一個概念。。?！?我這么認(rèn)為，因為這種設(shè)計確實不當(dāng)下的消費主流。 但是....我錯了。

當(dāng)你體驗的時候，你會迅速學(xué)習(xí)，它的設(shè)計大大降低的汽車駕駛的成本，就像當(dāng)年，iPhone拿掉了實體按鍵一樣。Model 3，沒有旋鈕，沒有空調(diào)通風(fēng)口，也沒有打開手套箱的手柄。他們將所有一切都收在了汽車中間的觸摸屏上。

如此而已，當(dāng)人工智能非常成熟，需要做的就是在屏幕上點點、劃劃就可以了。Model 3 操作屏的界面設(shè)計的很酷，作為設(shè)計師的我，還是想給他在設(shè)計一下。畢竟，看到如此酷炫產(chǎn)品，我的職業(yè)病又犯了，那就把界面設(shè)計的再酷一點，算是致敬Model系列的未來了吧。來說說，為什么我決定重新創(chuàng)建用戶界面靜態(tài)圖像還不足以滿足我的好奇心，哈哈，我想很多人也是，就像iPhone還沒推出，各種概念設(shè)計就已經(jīng)出來了一樣。

當(dāng)然啦，要想重新設(shè)計，也不是那么容易了，我至少得分析這些零部件，并確切地了解特斯拉如何設(shè)計其瘋狂的新車儀表板......以及為什么這樣設(shè)計。 我開始從官方提供的圖，重建特斯拉 Model 3 UI。我制作了一系列的圖標(biāo)，系統(tǒng)顏色，設(shè)計了一個自定義的地圖框視圖，將 Figma 組件、開關(guān)、按鈕等所有東西組合在一起。 然后，我用 Figma 做了大部分的設(shè)計工作： （Figma是在線協(xié)作的交互原型工具，可以無限放大界面，不用安裝非常好用）原型交互 點擊可查看原型鏈接。 打開后，界面是下面這個樣子，可以無限放大哦。我感覺，這輛車不是為完美的駕駛體驗而設(shè)計的。 Whattt???你可能有這樣的疑惑。 特斯拉 Model 3 是一款設(shè)計時不考慮駕駛員的汽車，并且是故意這樣設(shè)計的。

用戶可能一開始摸不著頭腦，why？ 沒有旋鈕、幾乎沒有方向盤，你必須點擊屏幕，才能打開擋風(fēng)玻璃刮水器。（有一個控制臺杠桿可以打開它們，但頻率是通過屏幕控制的。） 你必須點擊屏幕才能打開手套箱，你必須點擊屏幕才能打開緊急制動。（這也是自動的，但手動應(yīng)用程序似乎在設(shè)置中。） 對一個司機來說，這個聽起來是不是很糟糕？他們不能再依靠純粹的本能和肌肉記憶來操縱自己的汽車。

如果是傳統(tǒng)汽車操作體驗，這是不合理的，但是當(dāng)無人駕駛的未來到來了呢？ 所以，我不認(rèn)為特斯拉這樣做只是為了前衛(wèi)的概念，他們這樣做，是在為沒有司機的世界做好準(zhǔn)備，為未來的無人駕駛做準(zhǔn)備。為乘坐體驗而設(shè)計的產(chǎn)品我們來看看Model 3 UI 中屏幕分辨率。

 這輛車，本來是可以像垂直的屏幕一樣，就像S型和X型一樣，但是它沒有。相反，Model 3 的長寬比為 8：5，分辨率約為1920x1200px。 Why？為什么要這么做？ 我們來看下，底部控件是 120px 高。 1200 - 120 = 1080。 1920 × 1080。 這是一個高清電視啊，當(dāng)處于無人駕駛的時候，吃著火鍋，看著電視，唱著歌，這有多爽啊。大家明白了吧，特斯拉的中央控制臺是用來看東西的，而不是讓你去駕駛操作汽車的。這個“Bad Boy” ，將是無人駕駛的未來，未來一遍開車，一遍看電視，或者來個緊急會議也不是問題。 當(dāng)法規(guī)和技術(shù)非常成熟的時候，看電影就沒有比在車中間更好的位置了（微笑）。我想，這一天應(yīng)該不會太遠(yuǎn)，就會到來，不知道大家怎么看呢下面讓我們看看特斯拉 Model 3 的用戶界面以下是 UI 不同部分的截圖。拉到底部，會有更多的UI圖展示，只能說酷到?jīng)]朋友，甩開傳統(tǒng)汽車幾條街。。。整體UI風(fēng)格，扁平化，關(guān)注信息本身，很具有未來感。途中駕駛模式界面,非常類似手機用戶界面。 注意了，儀表板是在駕駛員的手臂長度范圍內(nèi)，并且在駕駛員的外圍視野內(nèi)。對于右駕駛員來說，這個視野很容易被翻轉(zhuǎn)的，體驗很不錯。停放模式，所有的干線和控制器都在觸摸屏上 看起來， Model 3 上有很多潛在的交互行為。比如，當(dāng)你停車時，只適用于停車的控制器才會出現(xiàn)。方向盤上的快速設(shè)置 在這款車上，其實是有很多設(shè)置的，你可以根據(jù)自己的需求，快速配置一個屬于你自己的常用操作功能，可以說是非常人性化的了。以后，這輛車的操作行為，只屬于你，別人借車開，可能會不習(xí)慣。。音樂播放界面 車上有很多專輯，用聲音來控制，這從技術(shù)上來說，沒什么難度，這種自語音交互的設(shè)計，可能要由特斯拉 Model 3 引領(lǐng)了。。不知大家怎么看最后，再來聊聊特斯拉與蘋果最近，我正在重新審視 Steve Jobs 推出的 iPhone 的主題演講，想到 Model 3 和 iPhone 有著明顯的相似之處。 都沒有物理按鈕。這也讓我想到了07年iPhone剛推出時，用戶的個各種不習(xí)慣，不過iPhone對用戶行為的培養(yǎng)，也是畫了好幾年，終于在iPhone4以后爆發(fā)了。 我相信，Model 3 可能不會迅速的占領(lǐng)市場，但不可否認(rèn)的是，他就是未來。 喬布斯2007年的 iPhone 演講 也許未來，會多一個職位叫：汽車APP用體驗設(shè)計師。再來個汽車的應(yīng)用商店也不是不可能。 下面是Model 3 的一些UI界面，走過路過，不要錯過~~現(xiàn)在，該你告訴我，你對Model 3怎么看？要不要入手一輛？ 文章轉(zhuǎn)自公眾號：設(shè)計夾 翻譯加編輯：曉黑 點擊此處查看原文

返回第一電動網(wǎng)首頁 >