當(dāng)前位置: 首頁 » 資訊 » 商用車資訊 » 熱點關(guān)注 » 正文

請看車內(nèi)人機交互的文本、可讀性及顏色如何設(shè)計?

商用車之家訊:文本、可讀性、顏色可稱之為設(shè)計里面最基本的東西,本文為您分享它們應(yīng)該如何被設(shè)計,同時如何以最合適的方式運用到車內(nèi)環(huán)境中?

——歡迎到訪! 專業(yè)商用車網(wǎng)絡(luò)媒體 為您服務(wù)



       文本、可讀性、顏色可稱之為設(shè)計里面最基本的東西,本文為您分享它們應(yīng)該如何被設(shè)計,同時如何以最合適的方式運用到車內(nèi)環(huán)境中?


文本、可讀性


       車內(nèi) HMI 上的文本用途需要重點考慮:文本在原則上應(yīng)該是最小化,這將能夠保證可讀性(此處非易讀性),如果在開車的時候能夠完全避免那當(dāng)然最好。長篇大論不僅閱讀起來很費勁,更可怕的是駕駛員容易分心,花在消化信息上的時間太長將造成危險。


       繁復(fù)的文本或者圖形總是有合適對應(yīng)的簡潔表現(xiàn)形式(這也是所有 UI 的真諦),簡潔的表現(xiàn)會保證易讀性。


       好的屏幕設(shè)計基于:亞原子水平上的「微觀排印」(字體的精確定義),不可見的網(wǎng)格的「宏觀排印」(字體如何使用),交互設(shè)計和信息構(gòu)架里面隱形的東西。最小化的輸入、最大化的輸出、最小的理性思索都是屏幕設(shè)計師所關(guān)注的?!狾liver Reichenstein


       盡管和某些試驗不同,但深色背景看起來還是汽車設(shè)計的最多選擇。為什么這么多汽車 UI 設(shè)計都是深色背景?原因是這樣更不易使駕駛員分散注意以及減少炫目,后者更占主要。考慮到背景應(yīng)該是深色的,所以文本的最佳選擇是白色或者或是淺灰色等其他淺色。我們通常選擇深灰色作為背景(因為深黑色和白色像素之間的對比度過高,而高對比度的文本容易讓閱讀障礙人群更難以閱讀)。


       閱讀:為了對對象更全面的理解,閱讀需要關(guān)注單詞和字母,這需要較長的停留時間。


       瀏覽:為了對對象范圍更廣的理解,瀏覽需要對信息進行跳讀。這樣相對停留的時間酒會短一些,通常情況下是瞟一眼就能大概獲取信息。


       閱讀白色文本段落會使眼睛很有壓力,這是因為在人眼內(nèi),3 種對顏色敏感的視覺接受器都會被刺激,使得眼睛「壓力」過大。白色(或比較亮的色彩)的相近的圖形反射出的光,比如字母-數(shù)字字符,相鄰字符的分散,這些都對于可讀性有很大負面影響。


干貨-1.jpg

 

       考慮到我們應(yīng)該預(yù)計到駕駛員的「微停留」時間,總之閱讀不太符合實際,而瀏覽在駕駛過程中是很合適的(因為我們可以設(shè)計)。黑色(深灰)背景上的白色(淺灰)這樣的設(shè)計不僅是很好的防眩色彩方案,而且能讓駕駛員更快的瀏覽信息,「微-停留」時間消散了眼睛的壓力。


       黑底白字的設(shè)計在各種光照情況下都有很好的效果,包括明亮、陰暗、甚至黑暗的環(huán)境。屏幕能根據(jù)周圍光照條件自動調(diào)節(jié)明暗,也是一個很有用的功能,就像是有很多自動調(diào)節(jié)明暗的臺燈一樣。如果汽車內(nèi)部光線變暗,與之匹配的汽車內(nèi)部和 UI 設(shè)計就應(yīng)隨之改變,最后使得汽車內(nèi)部環(huán)境和 UI 能夠相融合。


色彩:美&大腦


       當(dāng)我們研究汽車 UI 的位置,以及之前汽車 UI 設(shè)計時,我們很快發(fā)現(xiàn)這些 UI 都看起來基本相同。它們大都是黑暗、憂郁、帶霓虹藍色調(diào)、金屬材質(zhì)、有擋板、陰影。


       當(dāng)我們看看以往的 UI 樣例時,會明顯發(fā)現(xiàn)很多的 UI 傳達出一種「陽剛」的感覺(這和之前幾十年的整個汽車產(chǎn)業(yè)倒是很契合)。車內(nèi) UI 設(shè)計似乎受困于過去,然而行業(yè)內(nèi)的其他部分早已步入一個包羅萬象、中性化、現(xiàn)代化的階段。這樣我們也能看到汽車 UI 設(shè)計還是有很大的進步空間,以達到汽車其他部分發(fā)展的節(jié)奏。為了進步,我們的設(shè)計就必須挑戰(zhàn)過去陳舊的事物。


干貨-2.jpg

 

       第一件事情就是把黑暗的背景變成淺白,一個淺色的 UI 設(shè)計更易喚醒生活方式、現(xiàn)代化、簡潔、易接近的生活理念,這正是我們想要在設(shè)計里面表達的。黑暗的背景常讓人憂郁,且「充滿男性色彩」的調(diào)調(diào)。


       不過在對于用戶進行測試和調(diào)研后,事情并不是如上一段我們那樣想的。原因在于,深色背景會減少駕駛員關(guān)注,避免其注意力的分散,相比淺色背景更安全?;谶@一事實,我們就不得不選擇深色背景,那我們就得通過特別的車內(nèi) UI 設(shè)計,來盡量避免上面說到過的常見的「男性化」色彩、科幻小說似的審美。


       所有事物都有其性格:因為所有東西都會發(fā)出情感信號。雖然這并不是設(shè)計師們最關(guān)注的點,但是人們確確實實是更偏愛于有性格、和情感化的網(wǎng)頁或其他設(shè)計?!狣on Norman


       顏色的選擇就是一種補償「性別偏向」的方法。炭灰色或其他深色相較黑色來說能夠柔化整個畫面。我們同樣仔細選擇低飽和度的調(diào)色板,明亮的顏色可以中和掉很多的消極意味的東西(這和很多汽車 UI 的霓虹藍則相反)。


       顏色使用的好處不僅是外觀和感覺,更能夠表現(xiàn)其傳達的意思(我們能夠給信息標(biāo)記上顏色代碼)。我們使用一系列的顏色而不是單調(diào)相同色調(diào)的方案。這不僅有助于是整個體驗更明亮,而且還能在顏色中添加附加的信息。我們使用顏色編碼來分類信息到屏幕上,每一種顏色都代表一種類別的信息。比如:藍色部分就代表音樂播放器的屏幕,綠色就代表系統(tǒng)性能信息。只要用戶一瞥,顏色就能幫助找到對應(yīng)功能的屏幕塊。我們的觀點是:顏色編碼信息甚至可以使的多個屏幕聯(lián)系起來,增強用戶的理解。


       顏色同樣是表達個性設(shè)計的強有力方式,剛冷或是友好的感覺,顏色在其中產(chǎn)生了很大的作用。顏色還能包含大量信息,它可以編碼、分類、突出重點、給信息做優(yōu)先級的處理。但是顏色并不是設(shè)計時用來同時表達情感和信息的唯一工具……



       版權(quán)聲明:此文源自上海FACEUI,如需轉(zhuǎn)載請尊重版權(quán)并保留出處。內(nèi)容若存有質(zhì)量疑問請立即與本網(wǎng)聯(lián)系,商用車之家將盡快處理并予以回應(yīng)。

責(zé)任編輯:
分享到:
 
 

網(wǎng)友評論
 

 
推薦圖文
推薦資訊
點擊排行