文字排版無(wú)論是在什么行業(yè)中都是需要做的，智能設(shè)備也是需要做文字排版，那么文字在UI界面設(shè)計(jì)中起到什么作用呢？這個(gè)對(duì)于大家都是非常想知道的，今天就讓faceui來(lái)告訴大家文字在UI界面設(shè)計(jì)中的作用。

　　UI界面設(shè)計(jì)

　　UI是指人與信息交互的媒介，它是信息產(chǎn)品的功能載體和典型特征。UI作為系統(tǒng)的可用形式而存在，比如以視覺(jué)為主體的界面，強(qiáng)調(diào)的是視覺(jué)元素的組織和呈現(xiàn)。這是物理表現(xiàn)層的設(shè)計(jì)，每一款產(chǎn)品或者交互形式都以這種形態(tài)出現(xiàn)，包括圖形、圖標(biāo)(Icon)、色彩、文字設(shè)計(jì)等，用戶通過(guò)它們使用系統(tǒng)。在這一層面，UI可以理解為User Interface，即用戶界面，這是UI作為人機(jī)交互的基礎(chǔ)層面。

　　圖片來(lái)源于網(wǎng)絡(luò)

　　UI設(shè)計(jì)中字體分為重要字體、較重要字體和一般字體，根據(jù)文字信息的重要性來(lái)確定文字的字體和字號(hào)。其中重要的文字一般為大標(biāo)題、導(dǎo)航欄；較重要的文字為二級(jí)頁(yè)面小標(biāo)題、欄目標(biāo)題等；一般字體為普通正文文字和說(shuō)明性文字。在字體字號(hào)選擇時(shí)，還可以結(jié)合其相應(yīng)的背景色來(lái)選擇，運(yùn)用色彩的搭配太突出顯示或者弱化顯示相應(yīng)的文字。

　　文字在UI界面設(shè)計(jì)中的作用

　　智能駕艙，AI智能，無(wú)人駕駛活躍了這么多年，汽車儀表的視覺(jué)設(shè)計(jì)中必不可少的字。

　　一、如何解讀儀表盤

　　當(dāng)我們意識(shí)到文字在設(shè)計(jì)中的重要性，那么，我們就應(yīng)該花時(shí)間研究用戶的使用習(xí)慣，以及字體設(shè)計(jì)對(duì)閱讀體驗(yàn)的影響。當(dāng)每一個(gè)數(shù)字、每一個(gè)詞語(yǔ)都會(huì)給用戶的信息讀取產(chǎn)生極大影響時(shí)，我們就能明白文字的設(shè)計(jì)有多么重要：

　　1.一個(gè)有效的儀表盤顯示用戶可以采取行動(dòng)的有用信息，并且可以直觀地表示什么是復(fù)雜的數(shù)據(jù)，易于理解。

　　2.一個(gè)好的儀表盤能夠幫助用戶理解，分析以及呈現(xiàn)關(guān)鍵的見(jiàn)解。

　　3.一個(gè)好用的儀表盤盡管空間有限，但是可以為最重要的數(shù)據(jù)組件和小部件提供空間，而不會(huì)顯得過(guò)于混亂。

　　二、可視的安全性

　　汽車儀表與駕駛者的距離在60cm-85cm之間，儀表屏物理尺寸也各有不同，在儀表盤設(shè)計(jì)中字體有著舉足輕重的作用。所以在設(shè)計(jì)中儀表上的重要信息一定要以足夠清晰的大小顯示，不可虛化或混淆。

　　三、字體就是交互

　　汽車智能設(shè)備上的UI顯示的每一個(gè)詞、每一個(gè)字母都非常重要。好的字體就是好的設(shè)計(jì)。文字出現(xiàn)的本身目的就是交互。同樣的文字用不同的字體也能表達(dá)出不一樣的氣氛。

　　而我們的工作不是把這些文字隨機(jī)擺放在屏幕上讓他們看起來(lái)不錯(cuò)就行了，而是需要從最終的需求——字體和內(nèi)容開(kāi)始著手，其他的元素應(yīng)該以此為中心延伸開(kāi)來(lái)。

　　我們最終目的是讓用戶能在第一時(shí)間接受到主要信息的輸入。特別是在汽車儀表的使用中，汽車信息顯示在汽車制造中都有嚴(yán)格的規(guī)定。

　　四、如何做到信息快速讀取

　　看到這個(gè)問(wèn)題可能會(huì)覺(jué)得很難回答。儀表信息規(guī)劃每個(gè)大型車企都有自己的設(shè)計(jì)規(guī)范，而且會(huì)在產(chǎn)品迭代中會(huì)繼承和保留原有的布局，用戶長(zhǎng)期的使用習(xí)慣能夠讓他們?cè)陂喿x中快速地汲取需要的信息。

　　五、字體的可讀性也舉足輕重

　　我們的用戶畫(huà)像在使用環(huán)境下要辨識(shí)出單個(gè)字的時(shí)間非常短，但是隨著我們所用的功能和信息越來(lái)越多，字的辨識(shí)度就變得重要起來(lái)。

　　雖然影響字體的可讀性的元素有許多，比如：各個(gè)元素之間的平衡、位置、對(duì)稱性、結(jié)構(gòu)等。但是好的字體設(shè)計(jì)能夠更清晰快速地表達(dá)內(nèi)容，讓用戶一目了然是最好的字體。好的設(shè)計(jì)師懂得字體不止是內(nèi)容，他會(huì)把字體當(dāng)做UI來(lái)設(shè)計(jì)。

　　六、字體對(duì)于可讀性的影響

　　我們首先需要把句子中的單詞一個(gè)個(gè)拆分開(kāi)來(lái)，再把單詞拆分成一個(gè)個(gè)字母，再把字母分成一個(gè)個(gè)不同的元素，以研究微觀層面上的設(shè)計(jì)特點(diǎn)。2008年，維多利亞大學(xué)的心理學(xué)院利用實(shí)證研究，揭示拉丁字母在什么大小范圍最適合閱讀。

　　并且，線條終止的方式是影響字母辨識(shí)的最重要的因素。上面圖片顯示的就是我們?cè)诒嬲J(rèn)字母時(shí)最為關(guān)注的部分。在選擇字體時(shí)這些部分應(yīng)該要考慮到閱讀的一般規(guī)律和特定規(guī)律，同時(shí)要考慮到每個(gè)字母的特殊性。（摘自 NIU-ROU-MIAN）

　　七、屏幕分辨率和字體的關(guān)系

　　汽車儀表與駕駛者的距離在60cm-85cm之間，在確定儀表盤尺寸設(shè)計(jì)之后，需要了解清楚液晶屏的像素，實(shí)際顯示區(qū)域的大小，這對(duì)開(kāi)發(fā)界面、顯示信息的可視化做到一個(gè)保障。我們計(jì)算出每個(gè)厘米里面包含多少像素，這樣我們?cè)谠O(shè)計(jì)溫度和各類行車信息的時(shí)候，能設(shè)計(jì)出最合理的顯示尺寸。

　　具體計(jì)算如下：

　　DPC=分辨率÷液晶屏顯示實(shí)際尺寸；

　　舉個(gè)例子

　　AUO 12.3寸液晶屏分辨率：1920*720；

　　液晶屏實(shí)際尺寸：292.32（H）X109.62（v）mm；

　　DPC(每1厘米像素）＝1920÷29.2＝65.75；

　　同樣的36像素的字號(hào)，不同字體會(huì)有不同的大小區(qū)別，最多使用兩種或三種字體

　　太多的字體只會(huì)讓畫(huà)面混亂，甚至只注重形式。我們使用字體時(shí)做的一定要有意義。一次運(yùn)用同一種字體類別，利用不同字寬字重的區(qū)別和字體主次透明度的變化來(lái)豐富視覺(jué)觀感。分清主次，先后出擊

　　說(shuō)到主次，先對(duì)一種顏色進(jìn)行視覺(jué)強(qiáng)化吸引觀眾的注意力。然后用一系列的大小、重量、色彩的變化等，來(lái)引導(dǎo)觀眾。在重要的元素下劃線或說(shuō)明。使用戶能直接理解信息。同樣的字體，不同字號(hào)大小，顏色和粗細(xì)變化

　　圖片來(lái)源于網(wǎng)絡(luò)

　　八、按需選擇色彩

　　一般來(lái)說(shuō)儀表選擇的背景色主要以深色為主，再搭配其他輔色，而字體色彩幾乎是以白色為主，保持強(qiáng)對(duì)比度，使重要信息突出。

　　對(duì)于儀表這一特殊的汽車安全件，需要適應(yīng)各種駕駛環(huán)境，比如，夜晚和白天對(duì)于人眼的適應(yīng)度是不一樣的，而往往在白天覺(jué)得不夠亮的色度在夜晚時(shí)則會(huì)十分晃眼，會(huì)造成一定程度上的色彩干擾，所以在設(shè)計(jì)初就應(yīng)當(dāng)考慮到用戶視線的舒適度。（目前儀表已有調(diào)節(jié)白天和夜晚的模式，但是還做不到像手機(jī)一樣智能）

　　九、能夠做到精準(zhǔn)定位

　　在車載產(chǎn)品中最重要的要考慮到功能，文本信息盡量簡(jiǎn)潔、易讀，保證信息傳達(dá)清晰。長(zhǎng)篇大論或文字信息表達(dá)不清晰容易造成駕駛分心，在信息消化上花費(fèi)太久時(shí)間造成危險(xiǎn)。在此基礎(chǔ)上進(jìn)行設(shè)計(jì)和美化，其中要考慮到用戶長(zhǎng)時(shí)間開(kāi)車后視覺(jué)疲勞，就可以在駕駛時(shí)改變視覺(jué)配色和動(dòng)效，提醒和緩解用戶的疲勞感。

　　以上就是faceui給大家?guī)?lái)了關(guān)于文字在UI界面設(shè)計(jì)中的作用，看完上面的文章之后，相信各位朋友都清楚的了解到原來(lái)汽車UI界面設(shè)計(jì)的文字中都是有著重要關(guān)系，所以想要設(shè)計(jì)好汽車UI界面，那就要在文字排版上做好工作。