視覺傳達(dá)設(shè)計(jì)在移動UI界面設(shè)計(jì)中的應(yīng)用

王崇寧 何其彪

許繼集團(tuán) 河南 許昌 461000

引言

人類能夠接收外界一切信息的主要途徑就是視覺,如果想要實(shí)現(xiàn)公共信息的傳播,還要對圖像,顏色和文字通過視覺進(jìn)行把他們組織起來,這樣的行為就叫做視覺傳達(dá)設(shè)計(jì)。我們一切看到的東西都是視覺設(shè)計(jì)的效果。在當(dāng)今這個互聯(lián)網(wǎng)發(fā)展迅速的時代,視覺設(shè)計(jì)運(yùn)用的更廣泛,起的作用也更加重大,UI設(shè)計(jì)師要在UI.設(shè)計(jì)的平臺上,使得移動應(yīng)用的特點(diǎn),交互設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)與傳統(tǒng)的視覺設(shè)計(jì)相結(jié)合,設(shè)計(jì)出用戶覺得更好看好用的移動應(yīng)用界面。

一、互聯(lián)網(wǎng)移動應(yīng)用的UI設(shè)計(jì)

互聯(lián)網(wǎng)時代已經(jīng)來到了人們的日常生活中,這就使得UI界面設(shè)計(jì)更加得到了越來越多人的重視和關(guān)注。UserInterface是UI的全稱,其實(shí)也就是用戶界面的意思,它的整體設(shè)計(jì)中包含了軟件和硬件的人機(jī)交互,行為的路徑,操作過程中的邏輯,用戶的體驗(yàn)和界面的排版。比如我們打開我們的手機(jī)屏幕,出現(xiàn)在眼前的屏幕也就是UI設(shè)計(jì)的一部分,所以我們的生活中無時無刻都存在著UI設(shè)計(jì)?；ヂ?lián)網(wǎng)的發(fā)展越來越快,移動應(yīng)用也是涌現(xiàn)出來越來越多,所以人們在選擇移動APP的時候就變得要求更高了。當(dāng)人們打開移動應(yīng)用的第一界面就是人們對這個APP的第一印象,只有人們的第一印象很好,才會選擇使用這個APP,所以這就要求人們要更加的重視UI界面的設(shè)計(jì)。因?yàn)閁I設(shè)計(jì)被不斷的更加重視,這也使得UI設(shè)計(jì)規(guī)范在不斷的完善著。其實(shí)在現(xiàn)在每個平臺都有屬于自己不同的UI設(shè)計(jì),這就使得UI設(shè)計(jì)的也是越來越廣泛。與此同時,隨著社會的不斷發(fā)展,UI設(shè)計(jì)風(fēng)格也一直緊跟著社會發(fā)展的腳步不斷的進(jìn)步,從擬物化風(fēng)格發(fā)展到了扁平化風(fēng)格,發(fā)展到現(xiàn)在,設(shè)計(jì)的風(fēng)格已經(jīng)是多樣化的了。

UI界面在隨著社會發(fā)展的腳步不停的前進(jìn)發(fā)展,在這個發(fā)展中,它也是有著自己的發(fā)展設(shè)計(jì)原則的,比如UI設(shè)計(jì)具有一個簡單原則,因?yàn)橛脩舻臅r間是有限而且寶貴的,設(shè)計(jì)的UI界面不能夠讓用戶很難理解和學(xué)習(xí),用戶在對UI界面第一次接觸的時候,是要學(xué)習(xí)和接受新的事物,這時候他們需要很大的學(xué)習(xí)成本,如今快節(jié)奏社會的發(fā)展,人們的時間和精力都是有限的,而且時間是如此的寶貴,為了能夠讓用戶可以更快更好的學(xué)習(xí)UI界面的知識,和對它進(jìn)行更快的了解,UI界面在設(shè)計(jì)的時候就要追求簡單明了,越簡單反而是越好的。比如UI界面的設(shè)計(jì)還具有統(tǒng)一原則,對于排版布局,設(shè)計(jì)風(fēng)格,信息提示,系統(tǒng)字體,字體大小和整體的顏色等都有一定的統(tǒng)一性,這樣可以讓用戶更好的記住我們移動應(yīng)用的使用方法,而不會因?yàn)椴僮麇e誤而出現(xiàn)失誤。這就是統(tǒng)一性原因。

二、UI界面設(shè)計(jì)中的視覺傳達(dá)設(shè)計(jì)的應(yīng)用

1.UI界面設(shè)計(jì)中版式布局的應(yīng)用。在手機(jī)上使用手機(jī)APP的時候,雖然受到了手機(jī)的尺寸大小的限制,雖然沒有很大面積來向我們展示太多的信息,但是就在這么幾寸的手機(jī)屏幕上,我們也要用心的等待,也要在有限的范圍內(nèi)設(shè)計(jì)出最完美的符合設(shè)計(jì)規(guī)范的畫面,必須讓它擁有良好的視覺交互系統(tǒng)。

移動應(yīng)用的界面的版面,還有整個頁面的布局會直接影響用戶使用該應(yīng)用的習(xí)慣。如此小的界面既需要交互上的設(shè)計(jì),也需要視覺傳達(dá)的美感設(shè)計(jì),要讓人們用起來方便看起來舒服,所以也要能夠很好的利用傳統(tǒng)視覺傳達(dá)中的版面設(shè)計(jì)方式,要合理的對想要表達(dá)的信息進(jìn)行合理的排版,重要的信息能夠很好的凸顯出來,同類信息的整合也很重要。想要追求更加的美觀,就需要版面設(shè)計(jì)師能夠把視覺傳統(tǒng)方式很好的運(yùn)用發(fā)現(xiàn)UI界面設(shè)計(jì)中。

2.在UI.界面設(shè)計(jì)中色彩的應(yīng)用。色彩設(shè)計(jì)法則和色彩心理學(xué)要能夠很好的被運(yùn)用在UI界面的設(shè)計(jì)中,從而才能夠在移動應(yīng)用中很好的取到作用,要設(shè)計(jì)出讓用戶更加習(xí)慣和喜歡的界面。色彩的運(yùn)用是和視覺傳達(dá)一樣的,移動應(yīng)用對于界面色彩的原則,要根據(jù)喜歡使用它的用戶的喜好掌握好,整體色調(diào)的選擇和布局要用使用它的一般場景來決定。比如如果這款移動應(yīng)用是娛樂性很強(qiáng)的,那么它的色彩就需要在設(shè)計(jì)中選擇明亮歡快的顏色進(jìn)行設(shè)計(jì),還有的移動應(yīng)用要根據(jù)使用的用戶的心理期待來決定,比如刪除的時候就要對人有提示的作用,那么我們就可以選擇大紅色進(jìn)行設(shè)計(jì),這樣能夠讓人更加的關(guān)注和喜愛。

3.在UI界面設(shè)計(jì)中文字的應(yīng)用。最直接的視覺傳達(dá)方式就是文字,它也是傳統(tǒng)的視覺傳達(dá),它作為傳統(tǒng)信息和界面信息傳達(dá)的主體,視覺設(shè)計(jì)的組織和編排它都參與其中,能夠很好的與用進(jìn)行交流和溝通。由于文字相對來說會比較枯燥無味,所以它沒有圖形和圖片有吸引力,它的視覺吸引力比較弱,但是它依然占據(jù)很重要的地位。UI界面設(shè)計(jì)需要能夠與用戶進(jìn)行直接的溝通,就必須使用文字進(jìn)行簡單明了的交流,突出信息的重點(diǎn)。要給用戶一個簡潔明了的視覺效果以及高效的體驗(yàn),避免讓用戶產(chǎn)生困惑甚至是誤導(dǎo)。比如在信息比較詳細(xì)的頁面中,文字信息占據(jù)比較大部分,我們?yōu)榱四軌蜃層脩羰褂玫谋容^舒適,就要注意文字大小和間距的設(shè)計(jì),需要重點(diǎn)提醒客戶的信息我們可以給文字加粗一些,字體可以大一點(diǎn)或者加上顏色,但是要盡量保證整個APP的字體字號是一樣的,能夠讓用戶用起來更加流暢,減少用戶的認(rèn)知。

三、結(jié)束語

在這個移動互聯(lián)網(wǎng)發(fā)展迅速的時候,我們的設(shè)計(jì)師要隨時與時俱進(jìn),UI界面設(shè)計(jì)是當(dāng)前社會一個非常廣泛火熱的項(xiàng)目,設(shè)計(jì)的時候?yàn)榱瞬唤o設(shè)計(jì)師帶來困擾,這就要求他們要保持平靜不要急燥。由于UI界面設(shè)計(jì)是一個新興的領(lǐng)悟,所以這方面的發(fā)展?jié)摿κ欠浅４蟮?發(fā)展前景非常值得深入研究。我們需要把視覺傳達(dá)更好的在UI界面設(shè)計(jì)中更好的運(yùn)用,能夠給人們的生活帶來更多的樂趣。