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

請(qǐng)看車(chē)內(nèi)人機(jī)交互的文本、可讀性及顏色如何設(shè)計(jì)?

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

——?dú)g迎到訪(fǎng)! 專(zhuān)業(yè)商用車(chē)網(wǎng)絡(luò)媒體 為您服務(wù)



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


文本、可讀性


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


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


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


       盡管和某些試驗(yàn)不同,但深色背景看起來(lái)還是汽車(chē)設(shè)計(jì)的最多選擇。為什么這么多汽車(chē) UI 設(shè)計(jì)都是深色背景?原因是這樣更不易使駕駛員分散注意以及減少炫目,后者更占主要??紤]到背景應(yīng)該是深色的,所以文本的最佳選擇是白色或者或是淺灰色等其他淺色。我們通常選擇深灰色作為背景(因?yàn)樯詈谏桶咨袼刂g的對(duì)比度過(guò)高,而高對(duì)比度的文本容易讓閱讀障礙人群更難以閱讀)。


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


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


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


干貨-1.jpg

 

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


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


色彩:美&大腦


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


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


干貨-2.jpg

 

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


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


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


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


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


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



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

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

網(wǎng)友評(píng)論
 

 
推薦圖文
推薦資訊
點(diǎn)擊排行