張俊文 李瓊霞 郭凌志

摘 要：當(dāng)今互聯(lián)網(wǎng)時(shí)代，人們的生活離不開各類電腦軟件和手機(jī)APP，在大部分的軟件開發(fā)過程中更注重的是技術(shù)強(qiáng)大和功能豐富，常忽略界面UI設(shè)計(jì)，良好的UI不僅在系統(tǒng)開發(fā)、網(wǎng)頁(yè)設(shè)計(jì)、以及移動(dòng)應(yīng)用市場(chǎng)端都備受用戶青睞，還讓用戶在操作使用軟件時(shí)變得方便、快捷、舒適，帶來(lái)更多的經(jīng)濟(jì)價(jià)值。本文從UI發(fā)展的背景入手，結(jié)合其與用戶的關(guān)系和重要性，分析UI的設(shè)計(jì)原則和設(shè)計(jì)過程，加以作者曾經(jīng)設(shè)計(jì)過的"古樹寶"軟件UI設(shè)計(jì)為經(jīng)驗(yàn)，對(duì)UI設(shè)計(jì)在軟件開發(fā)應(yīng)用中的重要性進(jìn)行淺談與分析。一個(gè)成功的軟件產(chǎn)品，主要目標(biāo)就是能夠吸引用戶，使用戶可以更舒適的使用與消費(fèi)。

關(guān)鍵詞：界面設(shè)計(jì)；用戶體驗(yàn)；信息交互

一、UI的發(fā)展背景

UI，英文全稱為User Interface，中文意思是用戶界面。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。軟件界面是人機(jī)交互的橋梁和窗口，對(duì)于完整的軟件而言，UI主要指系統(tǒng)界面美術(shù)設(shè)計(jì)和人與系統(tǒng)之間人機(jī)交互兩個(gè)方面。

在國(guó)內(nèi)，根據(jù)以往的情況看，大部分軟件技術(shù)人員只關(guān)注軟件的功能如何實(shí)現(xiàn)，項(xiàng)目有無(wú)漏洞，安全性是否保障等等，然而卻忽略了軟件的界面設(shè)計(jì)。但隨著時(shí)代的變化，現(xiàn)如今的電腦用戶的觀念也在發(fā)生著變化，用戶的審美度越來(lái)越高，用戶的體驗(yàn)感有更高的要求，軟件除了技術(shù)齊全、功能強(qiáng)大外，也開始注重視覺效果，舒適度，美觀度，便捷度等各種用戶的體驗(yàn)感。

二、UI與用戶的關(guān)系

UI是人機(jī)交互的橋梁，優(yōu)秀的軟件UI能給用戶使用帶來(lái)極大的便捷，引導(dǎo)用戶如何操作，給其帶來(lái)輕松之感。軟件界面的好與壞，并非是管理者或經(jīng)理的指示有多么清晰，也不是軟件功能有多么豐富和完善，而是用戶使用時(shí)最直接體驗(yàn)評(píng)價(jià)。用戶在使用某種產(chǎn)品或服務(wù)時(shí)，會(huì)建立起來(lái)一種使用的主觀心理感受。這種感受是用戶通過手去操作、眼睛去看、大腦去思考、心去體會(huì)到的，好的產(chǎn)品能讓用戶用起來(lái)很舒適，不需要費(fèi)神就把整個(gè)使用流程跑完了，體驗(yàn)到。

所以我們?cè)谠O(shè)計(jì)與構(gòu)思軟件界面過程中，要著重把界面和用戶體驗(yàn)結(jié)合起來(lái)，把用戶體驗(yàn)作為界面好與壞的唯一標(biāo)準(zhǔn)。這的確是一件很難的事兒，但如果真能做到，想必這個(gè)產(chǎn)品的參與者和產(chǎn)出者就是成功的。

三、UI設(shè)計(jì)的重要性

當(dāng)前互聯(lián)網(wǎng)時(shí)代，人們的生活離不開電腦和手機(jī)，電腦軟件和手機(jī)APP的數(shù)量也是不計(jì)其數(shù)，同一類型功能的手機(jī)app都就很多個(gè)，用戶在選擇下載后，軟件界面就如同門面，用戶的第一印象就是軟件的界面帶給你的直觀感受。界面的好與壞，會(huì)給用戶留下了深刻印象，此后才是具體的操作功能與使用感受，軟件強(qiáng)大的功能是在對(duì)界面產(chǎn)生良好的印象之后才能體驗(yàn)到的，所以，用戶第一時(shí)間不一定能感知其功能的強(qiáng)大，而是直接感知軟件界面的舒適度，對(duì)整個(gè)軟件是否做出評(píng)價(jià)。除了界面的美觀舒適外，功能板塊的劃分布局是否符合大眾的體驗(yàn)效果，若是使用繁瑣和復(fù)雜，這也會(huì)直接影響用戶對(duì)本軟件的評(píng)價(jià)，影響軟件推廣和使用。

軟件界面活潑極具感染力，就如國(guó)外的蘋果、三星、黑莓，以及國(guó)內(nèi)的華為、OPPO、VIVO、小米等幾大公司都開發(fā)了屬于自己的操作系統(tǒng)，擁有一套自己的UI設(shè)計(jì)各具特色，使用戶操作簡(jiǎn)單、方便，各層次知識(shí)水平的用戶都能輕松應(yīng)用。所以一款優(yōu)秀的軟件界面設(shè)計(jì)就能夠吸引更多的用戶，為操作起到更好的引導(dǎo)作用，增加在用戶心目中的滿意度，這樣，才能在殘酷的市場(chǎng)中立于不敗之地。

四、UI設(shè)計(jì)的原則

電腦軟件和手機(jī)APP的UI設(shè)計(jì)直接關(guān)系到APP開發(fā)以后的運(yùn)營(yíng)推廣，移動(dòng)端扁平化設(shè)計(jì)的發(fā)展，色塊、圖標(biāo)、字體、組合、視覺體驗(yàn)效果等，每一個(gè)元素都是關(guān)鍵。那么如何才能做好手機(jī)APP開發(fā)中的UI設(shè)計(jì)呢。

1.色彩搭配設(shè)計(jì)

主色調(diào)的使用會(huì)給用戶留下一定的印象，所以要選擇好主色調(diào)。界面的色彩及風(fēng)格與系統(tǒng)界面統(tǒng)一，軟件界面的總體色彩應(yīng)該接近和類似系統(tǒng)界面的總體色調(diào)。比如系統(tǒng)色調(diào)以綠色為主，軟件界面、按鈕等使用的色彩就最好要與之吻合。

2. 界面布局設(shè)計(jì)

手機(jī)APP開發(fā)具體要采用的什么樣的設(shè)計(jì)風(fēng)格，還是要依據(jù)產(chǎn)品具體的需求等元素去進(jìn)行選擇。信息之間層級(jí)關(guān)系的羅列展示非常重要，恰當(dāng)?shù)牟季?，能直接通過視覺力來(lái)暗喻信息之間的層級(jí)關(guān)系。

3.圖形設(shè)計(jì)

圖形決定著整個(gè)產(chǎn)品線的調(diào)性，能直接將產(chǎn)品所蘊(yùn)含的情感文化通過視覺表現(xiàn)傳達(dá)給用戶。在UI界面設(shè)計(jì)中圖形更多的體現(xiàn)在圖標(biāo)及按鈕上，這里可以嘗試統(tǒng)一的風(fēng)格、統(tǒng)一的圖形元素來(lái)提升形的統(tǒng)一感。

4.字體設(shè)計(jì)

字體的形狀及樣式會(huì)直接影響到信息傳遞的速度，根據(jù)不同的場(chǎng)景，使用不同的字體樣式是極為重要的。在UI設(shè)計(jì)中，理解字體也是個(gè)重要的技能，合理的使用字體樣式，字重，字距等都是字體設(shè)計(jì)中的關(guān)鍵。

5.情感化設(shè)計(jì)

在一些細(xì)節(jié)上需要考慮到情感化的設(shè)計(jì)，將情感融入于設(shè)計(jì)中，這樣可以去提升手機(jī)APP設(shè)計(jì)的品質(zhì)，提高用戶使用體驗(yàn)感。

五、UI設(shè)計(jì)的過程

UI設(shè)計(jì)包括交互設(shè)計(jì)、用戶研究、界面設(shè)計(jì)三個(gè)部分。一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟：需求階段，分析設(shè)計(jì)階段，調(diào)研驗(yàn)證階段，方案改進(jìn)階段，用戶驗(yàn)證反饋階段。通過以上步驟最終要實(shí)現(xiàn)Logo設(shè)計(jì)，按鈕設(shè)計(jì)，主頁(yè)面設(shè)計(jì)，啟動(dòng)頁(yè)設(shè)計(jì)等。

（1）Logo設(shè)計(jì)

商標(biāo)可以說(shuō)就是個(gè)符號(hào)，是同等重要的概念和圖形的綜合。LOGO設(shè)計(jì)要簡(jiǎn)單直接，盡量簡(jiǎn)化一些不必要的修飾，圖標(biāo)制作不能太繁瑣，在制作上盡量使用矢量圖，確保圖形質(zhì)量清晰，使在有限的屏幕空間里，展示最好的效果。在曾經(jīng)創(chuàng)作過的古樹寶App設(shè)計(jì)過程中，其功能為古樹名木的生長(zhǎng)保護(hù)，所以在logo設(shè)計(jì)中又改為以樹木的基本形為原型，加上充滿生機(jī)的綠色，抽象簡(jiǎn)化而成。

（2）按鈕設(shè)計(jì)

設(shè)計(jì)風(fēng)格也有很多細(xì)微的差別，圓角還是直角，面還是線行都有不同的含義和表意性，選擇具有典型特征的圖符，有助于用戶的識(shí)別，方便操作。在古樹寶App共有兩個(gè)比較重要的按鈕：開和關(guān)，用來(lái)控制單片機(jī)上指示燈的打開和關(guān)閉操作。按鈕采用了茂盛的樹木和樹干枝丫兩個(gè)圖形制作。

（3）軟件主頁(yè)設(shè)計(jì)

界面設(shè)計(jì)要簡(jiǎn)單直接，盡量簡(jiǎn)化一些不必要的修飾，使在有限的屏幕空間里，展示最好的效果。在古樹寶app中主頁(yè)面上顯示包括的內(nèi)容為標(biāo)題、按鈕、溫度數(shù)據(jù)、濕度數(shù)據(jù)、光照度數(shù)據(jù)、PM2.5濃度數(shù)據(jù)幾個(gè)項(xiàng)目，告別了傳統(tǒng)整齊劃一的表格式風(fēng)格，將各個(gè)內(nèi)容板塊排列成菱形，具有不一樣的使用體驗(yàn)。

（4）啟動(dòng)頁(yè)設(shè)計(jì)

App啟動(dòng)進(jìn)入主頁(yè)面時(shí)，會(huì)有一個(gè)啟動(dòng)界面，用來(lái)過渡和緩沖，進(jìn)一步展示軟件的功能和內(nèi)容。動(dòng)效是進(jìn)行人機(jī)UI設(shè)計(jì)的一個(gè)體現(xiàn)，精心策劃的啟動(dòng)頁(yè)可以為APP產(chǎn)品增添不少精彩，給予用戶更好的視覺享受，讓用戶在使用產(chǎn)品過程中擁有愉悅的心情，同時(shí)對(duì)企業(yè)也是一種很好的宣傳。

六、總結(jié)

對(duì)于軟件UI設(shè)計(jì)的評(píng)價(jià)中，目前還沒有統(tǒng)一的評(píng)價(jià)規(guī)則，每個(gè)行業(yè)的UI設(shè)計(jì)可能會(huì)有的不同的評(píng)價(jià)體系。但是不變的是需要評(píng)價(jià)用戶對(duì)軟件界面是否滿意，是否符合標(biāo)準(zhǔn)化、布局是否合理科學(xué)等。因此，軟件界面的重要性和必要性不可低估，在今后的設(shè)計(jì)中，加強(qiáng)對(duì)界面設(shè)計(jì)的重視，可以促進(jìn)其帶給用戶第一印象的直接效果，對(duì)軟件的推廣和使用有積極促進(jìn)的效果。

參考文獻(xiàn)：

[1]加瑞特.用戶體驗(yàn)要素：以用戶為中心的產(chǎn)品設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社.2011.

[2]周陟.UI進(jìn)化論：移動(dòng)設(shè)備人機(jī)交互界面設(shè)計(jì)[M].北京：清華大學(xué)出版社.2010.

[3]JeffJohnson.認(rèn)知與設(shè)計(jì)：理解UI設(shè)計(jì)準(zhǔn)則[M].北京：人民郵電出版社.2011.

[4]王軍鋒.郭偎.武艷芳.移動(dòng)應(yīng)用UI設(shè)計(jì)模式[M].北京：人民郵電出版社.2013.

[5] 潘成超.吳愛清.王微等.論軟件用戶界面的重要性和必要性[M].安徽：電子技術(shù)與軟件工程.2016.

作者簡(jiǎn)介：

張俊文（1987-），男，漢族，云南昆明人，黨員，碩士研究生，西南林業(yè)大學(xué)研究生院，研究方向：信息技術(shù)，農(nóng)業(yè)信息管理。