文字排版無論是在什么行業(yè)中都是需要做的,智能設(shè)備也是需要做文字排版,那么文字在UI界面設(shè)計中起到什么作用呢?這個對于大家都是非常想知道的,今天就讓faceui來告訴大家文字在UI界面設(shè)計中的作用。
UI界面設(shè)計
UI是指人與信息交互的媒介,它是信息產(chǎn)品的功能載體和典型特征。UI作為系統(tǒng)的可用形式而存在,比如以視覺為主體的界面,強調(diào)的是視覺元素的組織和呈現(xiàn)。這是物理表現(xiàn)層的設(shè)計,每一款產(chǎn)品或者交互形式都以這種形態(tài)出現(xiàn),包括圖形、圖標(Icon)、色彩、文字設(shè)計等,用戶通過它們使用系統(tǒng)。在這一層面,UI可以理解為User Interface,即用戶界面,這是UI作為人機交互的基礎(chǔ)層面。

圖片來源于網(wǎng)絡(luò)
UI設(shè)計中字體分為重要字體、較重要字體和一般字體,根據(jù)文字信息的重要性來確定文字的字體和字號。其中重要的文字一般為大標題、導航欄;較重要的文字為二級頁面小標題、欄目標題等;一般字體為普通正文文字和說明性文字。在字體字號選擇時,還可以結(jié)合其相應的背景色來選擇,運用色彩的搭配太突出顯示或者弱化顯示相應的文字。
文字在UI界面設(shè)計中的作用
智能駕艙,AI智能,無人駕駛活躍了這么多年,汽車儀表的視覺設(shè)計中必不可少的字。
一、如何解讀儀表盤
當我們意識到文字在設(shè)計中的重要性,那么,我們就應該花時間研究用戶的使用習慣,以及字體設(shè)計對閱讀體驗的影響。當每一個數(shù)字、每一個詞語都會給用戶的信息讀取產(chǎn)生極大影響時,我們就能明白文字的設(shè)計有多么重要:
1.一個有效的儀表盤顯示用戶可以采取行動的有用信息,并且可以直觀地表示什么是復雜的數(shù)據(jù),易于理解。
2.一個好的儀表盤能夠幫助用戶理解,分析以及呈現(xiàn)關(guān)鍵的見解。
3.一個好用的儀表盤盡管空間有限,但是可以為最重要的數(shù)據(jù)組件和小部件提供空間,而不會顯得過于混亂。
二、可視的安全性
汽車儀表與駕駛者的距離在60cm-85cm之間,儀表屏物理尺寸也各有不同,在儀表盤設(shè)計中字體有著舉足輕重的作用。所以在設(shè)計中儀表上的重要信息一定要以足夠清晰的大小顯示,不可虛化或混淆。
三、字體就是交互
汽車智能設(shè)備上的UI顯示的每一個詞、每一個字母都非常重要。好的字體就是好的設(shè)計。文字出現(xiàn)的本身目的就是交互。同樣的文字用不同的字體也能表達出不一樣的氣氛。
而我們的工作不是把這些文字隨機擺放在屏幕上讓他們看起來不錯就行了,而是需要從最終的需求——字體和內(nèi)容開始著手,其他的元素應該以此為中心延伸開來。
我們最終目的是讓用戶能在第一時間接受到主要信息的輸入。特別是在汽車儀表的使用中,汽車信息顯示在汽車制造中都有嚴格的規(guī)定。
四、如何做到信息快速讀取
看到這個問題可能會覺得很難回答。儀表信息規(guī)劃每個大型車企都有自己的設(shè)計規(guī)范,而且會在產(chǎn)品迭代中會繼承和保留原有的布局,用戶長期的使用習慣能夠讓他們在閱讀中快速地汲取需要的信息。
五、字體的可讀性也舉足輕重
我們的用戶畫像在使用環(huán)境下要辨識出單個字的時間非常短,但是隨著我們所用的功能和信息越來越多,字的辨識度就變得重要起來。
雖然影響字體的可讀性的元素有許多,比如:各個元素之間的平衡、位置、對稱性、結(jié)構(gòu)等。但是好的字體設(shè)計能夠更清晰快速地表達內(nèi)容,讓用戶一目了然是最好的字體。好的設(shè)計師懂得字體不止是內(nèi)容,他會把字體當做UI來設(shè)計。
六、字體對于可讀性的影響
我們首先需要把句子中的單詞一個個拆分開來,再把單詞拆分成一個個字母,再把字母分成一個個不同的元素,以研究微觀層面上的設(shè)計特點。2008年,維多利亞大學的心理學院利用實證研究,揭示拉丁字母在什么大小范圍最適合閱讀。
并且,線條終止的方式是影響字母辨識的最重要的因素。上面圖片顯示的就是我們在辨認字母時最為關(guān)注的部分。在選擇字體時這些部分應該要考慮到閱讀的一般規(guī)律和特定規(guī)律,同時要考慮到每個字母的特殊性。(摘自 NIU-ROU-MIAN)
七、屏幕分辨率和字體的關(guān)系
汽車儀表與駕駛者的距離在60cm-85cm之間,在確定儀表盤尺寸設(shè)計之后,需要了解清楚液晶屏的像素,實際顯示區(qū)域的大小,這對開發(fā)界面、顯示信息的可視化做到一個保障。我們計算出每個厘米里面包含多少像素,這樣我們在設(shè)計溫度和各類行車信息的時候,能設(shè)計出最合理的顯示尺寸。
具體計算如下:
DPC=分辨率÷液晶屏顯示實際尺寸;
舉個例子
AUO 12.3寸液晶屏分辨率:1920*720;
液晶屏實際尺寸:292.32(H)X109.62(v)mm;
DPC(每1厘米像素)=1920÷29.2=65.75;
同樣的36像素的字號,不同字體會有不同的大小區(qū)別,最多使用兩種或三種字體
太多的字體只會讓畫面混亂,甚至只注重形式。我們使用字體時做的一定要有意義。一次運用同一種字體類別,利用不同字寬字重的區(qū)別和字體主次透明度的變化來豐富視覺觀感。分清主次,先后出擊
說到主次,先對一種顏色進行視覺強化吸引觀眾的注意力。然后用一系列的大小、重量、色彩的變化等,來引導觀眾。在重要的元素下劃線或說明。使用戶能直接理解信息。同樣的字體,不同字號大小,顏色和粗細變化

圖片來源于網(wǎng)絡(luò)
八、按需選擇色彩
一般來說儀表選擇的背景色主要以深色為主,再搭配其他輔色,而字體色彩幾乎是以白色為主,保持強對比度,使重要信息突出。
對于儀表這一特殊的汽車安全件,需要適應各種駕駛環(huán)境,比如,夜晚和白天對于人眼的適應度是不一樣的,而往往在白天覺得不夠亮的色度在夜晚時則會十分晃眼,會造成一定程度上的色彩干擾,所以在設(shè)計初就應當考慮到用戶視線的舒適度。(目前儀表已有調(diào)節(jié)白天和夜晚的模式,但是還做不到像手機一樣智能)
九、能夠做到精準定位
在車載產(chǎn)品中最重要的要考慮到功能,文本信息盡量簡潔、易讀,保證信息傳達清晰。長篇大論或文字信息表達不清晰容易造成駕駛分心,在信息消化上花費太久時間造成危險。在此基礎(chǔ)上進行設(shè)計和美化,其中要考慮到用戶長時間開車后視覺疲勞,就可以在駕駛時改變視覺配色和動效,提醒和緩解用戶的疲勞感。
以上就是faceui給大家?guī)砹岁P(guān)于文字在UI界面設(shè)計中的作用,看完上面的文章之后,相信各位朋友都清楚的了解到原來汽車UI界面設(shè)計的文字中都是有著重要關(guān)系,所以想要設(shè)計好汽車UI界面,那就要在文字排版上做好工作。


在微信中搜索faceui