雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

文字在UI界面設(shè)計(jì)中的作用是什么?一分鐘帶你認(rèn)識(shí)汽車UI界面設(shè)計(jì)重要性

Time: 2021-12-29

  文字排版無(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ǔ)層面。

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

  圖片來(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ì)變化

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

  圖片來(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界面,那就要在文字排版上做好工作。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)