——歡迎到訪(fǎng)! 專(zhuān)業(yè)商用車(chē)網(wǎng)絡(luò )媒體 為您服務(wù)
文本、可讀性、顏色可稱(chēng)之為設計里面最基本的東西,本文為您分享它們應該如何被設計,同時(shí)如何以最合適的方式運用到車(chē)內環(huán)境中?
文本、可讀性
車(chē)內 HMI 上的文本用途需要重點(diǎn)考慮:文本在原則上應該是最小化,這將能夠保證可讀性(此處非易讀性),如果在開(kāi)車(chē)的時(shí)候能夠完全避免那當然最好。長(cháng)篇大論不僅閱讀起來(lái)很費勁,更可怕的是駕駛員容易分心,花在消化信息上的時(shí)間太長(cháng)將造成危險。
繁復的文本或者圖形總是有合適對應的簡(jiǎn)潔表現形式(這也是所有 UI 的真諦),簡(jiǎn)潔的表現會(huì )保證易讀性。
好的屏幕設計基于:亞原子水平上的「微觀(guān)排印」(字體的精確定義),不可見(jiàn)的網(wǎng)格的「宏觀(guān)排印」(字體如何使用),交互設計和信息構架里面隱形的東西。最小化的輸入、最大化的輸出、最小的理性思索都是屏幕設計師所關(guān)注的?!狾liver Reichenstein
盡管和某些試驗不同,但深色背景看起來(lái)還是汽車(chē)設計的最多選擇。為什么這么多汽車(chē) UI 設計都是深色背景?原因是這樣更不易使駕駛員分散注意以及減少炫目,后者更占主要??紤]到背景應該是深色的,所以文本的最佳選擇是白色或者或是淺灰色等其他淺色。我們通常選擇深灰色作為背景(因為深黑色和白色像素之間的對比度過(guò)高,而高對比度的文本容易讓閱讀障礙人群更難以閱讀)。
閱讀:為了對對象更全面的理解,閱讀需要關(guān)注單詞和字母,這需要較長(cháng)的停留時(shí)間。
瀏覽:為了對對象范圍更廣的理解,瀏覽需要對信息進(jìn)行跳讀。這樣相對停留的時(shí)間酒會(huì )短一些,通常情況下是瞟一眼就能大概獲取信息。
閱讀白色文本段落會(huì )使眼睛很有壓力,這是因為在人眼內,3 種對顏色敏感的視覺(jué)接受器都會(huì )被刺激,使得眼睛「壓力」過(guò)大。白色(或比較亮的色彩)的相近的圖形反射出的光,比如字母-數字字符,相鄰字符的分散,這些都對于可讀性有很大負面影響。
考慮到我們應該預計到駕駛員的「微停留」時(shí)間,總之閱讀不太符合實(shí)際,而瀏覽在駕駛過(guò)程中是很合適的(因為我們可以設計)。黑色(深灰)背景上的白色(淺灰)這樣的設計不僅是很好的防眩色彩方案,而且能讓駕駛員更快的瀏覽信息,「微-停留」時(shí)間消散了眼睛的壓力。
黑底白字的設計在各種光照情況下都有很好的效果,包括明亮、陰暗、甚至黑暗的環(huán)境。屏幕能根據周?chē)庹諚l件自動(dòng)調節明暗,也是一個(gè)很有用的功能,就像是有很多自動(dòng)調節明暗的臺燈一樣。如果汽車(chē)內部光線(xiàn)變暗,與之匹配的汽車(chē)內部和 UI 設計就應隨之改變,最后使得汽車(chē)內部環(huán)境和 UI 能夠相融合。
色彩:美&大腦
當我們研究汽車(chē) UI 的位置,以及之前汽車(chē) UI 設計時(shí),我們很快發(fā)現這些 UI 都看起來(lái)基本相同。它們大都是黑暗、憂(yōu)郁、帶霓虹藍色調、金屬材質(zhì)、有擋板、陰影。
當我們看看以往的 UI 樣例時(shí),會(huì )明顯發(fā)現很多的 UI 傳達出一種「陽(yáng)剛」的感覺(jué)(這和之前幾十年的整個(gè)汽車(chē)產(chǎn)業(yè)倒是很契合)。車(chē)內 UI 設計似乎受困于過(guò)去,然而行業(yè)內的其他部分早已步入一個(gè)包羅萬(wàn)象、中性化、現代化的階段。這樣我們也能看到汽車(chē) UI 設計還是有很大的進(jìn)步空間,以達到汽車(chē)其他部分發(fā)展的節奏。為了進(jìn)步,我們的設計就必須挑戰過(guò)去陳舊的事物。
第一件事情就是把黑暗的背景變成淺白,一個(gè)淺色的 UI 設計更易喚醒生活方式、現代化、簡(jiǎn)潔、易接近的生活理念,這正是我們想要在設計里面表達的。黑暗的背景常讓人憂(yōu)郁,且「充滿(mǎn)男性色彩」的調調。
不過(guò)在對于用戶(hù)進(jìn)行測試和調研后,事情并不是如上一段我們那樣想的。原因在于,深色背景會(huì )減少駕駛員關(guān)注,避免其注意力的分散,相比淺色背景更安全?;谶@一事實(shí),我們就不得不選擇深色背景,那我們就得通過(guò)特別的車(chē)內 UI 設計,來(lái)盡量避免上面說(shuō)到過(guò)的常見(jiàn)的「男性化」色彩、科幻小說(shuō)似的審美。
所有事物都有其性格:因為所有東西都會(huì )發(fā)出情感信號。雖然這并不是設計師們最關(guān)注的點(diǎn),但是人們確確實(shí)實(shí)是更偏愛(ài)于有性格、和情感化的網(wǎng)頁(yè)或其他設計?!狣on Norman
顏色的選擇就是一種補償「性別偏向」的方法。炭灰色或其他深色相較黑色來(lái)說(shuō)能夠柔化整個(gè)畫(huà)面。我們同樣仔細選擇低飽和度的調色板,明亮的顏色可以中和掉很多的消極意味的東西(這和很多汽車(chē) UI 的霓虹藍則相反)。
顏色使用的好處不僅是外觀(guān)和感覺(jué),更能夠表現其傳達的意思(我們能夠給信息標記上顏色代碼)。我們使用一系列的顏色而不是單調相同色調的方案。這不僅有助于是整個(gè)體驗更明亮,而且還能在顏色中添加附加的信息。我們使用顏色編碼來(lái)分類(lèi)信息到屏幕上,每一種顏色都代表一種類(lèi)別的信息。比如:藍色部分就代表音樂(lè )播放器的屏幕,綠色就代表系統性能信息。只要用戶(hù)一瞥,顏色就能幫助找到對應功能的屏幕塊。我們的觀(guān)點(diǎn)是:顏色編碼信息甚至可以使的多個(gè)屏幕聯(lián)系起來(lái),增強用戶(hù)的理解。
顏色同樣是表達個(gè)性設計的強有力方式,剛冷或是友好的感覺(jué),顏色在其中產(chǎn)生了很大的作用。顏色還能包含大量信息,它可以編碼、分類(lèi)、突出重點(diǎn)、給信息做優(yōu)先級的處理。但是顏色并不是設計時(shí)用來(lái)同時(shí)表達情感和信息的唯一工具……
版權聲明:此文源自上海FACEUI,如需轉載請尊重版權并保留出處。內容若存有質(zhì)量疑問(wèn)請立即與本網(wǎng)聯(lián)系,商用車(chē)之家將盡快處理并予以回應。