朱穎芳 董漢鈞

摘要：當(dāng)前時代是網(wǎng)絡(luò)信息快速發(fā)展的時代：科學(xué)技術(shù)的發(fā)展極大地改變了人們的日常生活。包括智能手表在內(nèi)的越來越多的智能電子產(chǎn)品正在融入人們的生活。智能醫(yī)療家用設(shè)備，兒童學(xué)習(xí)電子產(chǎn)品等，這些產(chǎn)品不斷豐富產(chǎn)品形式。作為將產(chǎn)品表面與用戶連接起來的用戶界面的表面設(shè)計，它已經(jīng)進入了公眾視野。用戶界面稱為UserInterface，它是用戶界面。用戶界面設(shè)計是產(chǎn)品界面的設(shè)計，它在連接用戶和產(chǎn)品方面起著重要作用。UI界面設(shè)計的視覺性能是用戶最直接的部分，設(shè)計的質(zhì)量與重要問題有關(guān)，例如信息傳遞和與用戶通信的功能實現(xiàn)。這表明I曲面設(shè)計的視覺性能很重要。哪種UI界面設(shè)計可提供出色的視覺效果？用戶需要的設(shè)計嗎？這是本文的初衷。隨著網(wǎng)絡(luò)和智能日常生活的加深，用戶與用戶界面設(shè)計的接觸深度和廣度進一步增加。從第一次使用用戶界面時的陌生感到現(xiàn)在，它是緊密相關(guān)的。當(dāng)用戶熟悉用戶界面并識別它們時，知識技能的逐步增強也對UI界面設(shè)計的視覺性能的發(fā)展和變化提出了新的要求：純功能的實現(xiàn)不再能滿足大多數(shù)用戶的需求，并且更加用戶友好和人性化的UI界面設(shè)計的視覺效果正變得越來越強大，用戶喜歡它。因此，用戶不僅是UI界面設(shè)計視覺性能的服務(wù)方向，而且是UI界面設(shè)計視覺性能的起點，只有真正了解了用戶的需求，用戶的心理變化和可能出現(xiàn)的問題才可以。使用過程。更貼近用戶的是，最終用戶界面設(shè)計的視覺表示確實可以是人為的?；诖耍覀冃枰獙τ脩艚缑嬖O(shè)計的視覺性能進行詳細的研究，并著重于用戶體驗，以更新人性化的作品以實現(xiàn)未來的設(shè)計性能。

關(guān)鍵詞：UI界面設(shè)計;智能化;視覺表現(xiàn)

中圖分類號：TB47;TP311.1

文獻標(biāo)識碼：A

文章編號：1005-5312（2020）05-0017-03

一、引言

在當(dāng)前的網(wǎng)絡(luò)信息時代，UI界面設(shè)計專門針對智能電子產(chǎn)品界面的設(shè)計。與原始的傳統(tǒng)界面設(shè)計相比，強調(diào)了用戶的參與并且不再分離用戶界面。用戶界面。對待它，但將它們作為一個整體對待。隨著網(wǎng)絡(luò)技術(shù)和高科技產(chǎn)品的不斷發(fā)展，智能電子產(chǎn)品越來越能抓住人們的生活，并抓住人們生活的方方面面。作為連接人和產(chǎn)品的用戶界面，人們經(jīng)常出現(xiàn)在人們中間。在這種情況下，這種情況下，當(dāng)班級設(shè)計的視覺設(shè)計發(fā)揮良好的交流作用并且與產(chǎn)品的交流變得更加和諧時，此主題特別重要。

與傳統(tǒng)的紙質(zhì)媒體相比，互聯(lián)網(wǎng)正在全球范圍內(nèi)蓬勃發(fā)展，并.且增長速度驚人。用戶界面的設(shè)計是一個新興的設(shè)計類別，盡管中國目前的發(fā)展水平仍落后于國外的設(shè)計水平，但國內(nèi)藝術(shù)設(shè)計領(lǐng)域的設(shè)計師越來越關(guān)注用戶界面的設(shè)計。在國際層面上調(diào)查和積極提高用戶界面設(shè)計的競爭力。如您所見，中國用戶界面設(shè)計的發(fā)展帶來了新的機遇和挑戰(zhàn)。

在這種大趨勢中，用戶體驗是設(shè)計的起點和終點，并且您希望使設(shè)計真正具有用戶友好性，這取決于類設(shè)計的視覺效果是否真的可以釋放用戶的內(nèi)部需求。本文檔旨在確保易用性和可用性，并實現(xiàn)良好的用戶界面設(shè)計目標(biāo)。在此基礎(chǔ)上，本文檔從用戶體驗入手，并以人機工程學(xué)，設(shè)計心理學(xué)和美學(xué)原則等設(shè)計原則作為設(shè)計的理論基礎(chǔ)，并研究了界面設(shè)計的視覺性能。面向用戶體驗的用戶界面具有創(chuàng)新性。

二、UI界面設(shè)計中感官體驗的視覺要素應(yīng)用分析

（一）感官體驗和版式布局

用戶界面設(shè)計的視覺表示設(shè)計基于用戶的認知和使用習(xí)慣，自由形式的界面設(shè)計，對稱的界面設(shè)計，多樣化的卡式界面設(shè)計。

相同的源界面設(shè)計（如圖1所示）：頁面的中心是主題內(nèi)容，頂部是主菜單欄，下一個類別提供了其他信息，右側(cè)是Web鏈接，左側(cè)是子菜單的特定列。該界面被設(shè)計為非常清晰和分層，這有助于將用戶用作常規(guī)設(shè)計。但是，也存在一些缺點，這些缺點過于流行并且缺乏個性。因此，有必要調(diào)整細節(jié)，例如使用顏色來改善個性，從而使用戶對它有很大的興趣。

設(shè)計類似，不同之處在于廣告或菜單選項水平排列在頁面底部。這種設(shè)計的好處是它可以提供更多信息，提高操作舒適性并改善頁面空間的使用。

自由型界面布局（如圖3所示）：圖片很多，文本更少，并且相關(guān)信息通過圖片傳達給用戶。該用戶界面非常漂亮，優(yōu)雅且設(shè)計自由。缺點是圖像太多時用戶界面打開緩慢。由于圖像占用的空間太大，因此會影響加載速度。

（二）顏色的影響力

“人們的心理，情感，行為等都會受到顏色的影響。盡管存在一定的差異，但不受國界的影響。用戶體驗認為，用戶界面設(shè)計的顏色會產(chǎn)生更大的影響。在視覺設(shè)計方面用戶界面，用戶界面空間有限，顏色占用面積大，給用戶帶來了最直觀的第一印象。設(shè)計人員在色彩調(diào)整上更加注重科學(xué)性和合理性，以便用戶可以快速找到控制按鈕和符號。通過使用顏色布局和管理信息，可以在用戶界面中分類許多信息并在用戶面前顯示，視覺表現(xiàn)中的顏色是設(shè)計用戶時與用戶交互最有用的工具之一。用戶界面，也包括圖形用戶界面語言也必須受到用戶自己的本能感知的限制，對于大多數(shù)組來說，視覺感知中的顏色感知具有相應(yīng)的限制和特殊功能，并且會因用戶自己的喜好而有所不同。在用戶界面的交互設(shè)計中有效使用顏色可以提高交互的舒適度，即使是單調(diào)的顏色，人類視覺思維的基礎(chǔ)也會對用戶的實際使用產(chǎn)生不小的影響。

可以通過顏色分類和連接通過顏色構(gòu)建完整的系統(tǒng)，還可以構(gòu)建與該系統(tǒng)相關(guān)的分支系統(tǒng)。用戶可以使用顏色來區(qū)分和連接信息，并且顏色可以對各種邏輯信息起到很好的輔助作用。借助易于理解的顏色代碼，用戶可以快速了解更復(fù)雜的信息和關(guān)系。這是多色在用戶界面設(shè)計中的作用。例如（如圖4所示），為用戶提供了可選的標(biāo)簽：共享的首選項，提交，保存，取消等全部由一種顏色來區(qū)分，該顏色在視覺上易于識別并且易于用戶理解。

（三）文字的可讀性設(shè)計

文字是人類生活中的一種表達和交流的形式，也是人們生活中的感受和記錄的直接表達，文本的排列和組合的質(zhì)量不僅與印刷品有關(guān)，還與視覺效果直接相關(guān)。但也以信息內(nèi)容表示。在設(shè)計具有較大且擴展的操作選項的用戶界面時，字體，字體大小以及不同的排版和文本組合可以改善設(shè)計美感，改善設(shè)計作品的交流性能并反映布局的美學(xué)價值。由于大量的信息和從用戶界面?zhèn)鬏數(shù)拇罅績?nèi)容，直接使用的文本通常以粗體打印。在設(shè)計適合視覺思維的用戶界面時，類似設(shè)計中的字體和字體大小必須確保高度的協(xié)調(diào)。可能引起視覺混亂并阻礙短期取回。

三、UI界面設(shè)計中交互體驗的視覺要素的應(yīng)用分析

（一）高效的設(shè)計可視化

如今，隨著Internet的發(fā)展，人們每天都淹沒在信息之海中，面臨著各種各樣的信息，各種想要的和不需要的信息。對我們來說，聯(lián)網(wǎng)意味著更快，更方便的體驗，使用戶可以節(jié)省時間。無論用戶是主動搜索信息還是被動接收信息，從頭到尾，“效率”都是中心要求之一。通常這與期望值相矛盾：在信息爆炸的時代，一些設(shè)計不可避免地會消耗大量的認知細節(jié)要求，一些更復(fù)雜的大型功能也會增加用戶界面的視覺性能負擔(dān)，并增加用戶操作的錯誤率。和認知成本。

鑒于這些可能使用戶感到困惑的情況，視覺通信設(shè)計師的設(shè)計的核心任務(wù)是使界面信息的視覺表示足夠直觀和可理解。如何將大量信息轉(zhuǎn)變?yōu)橐环N有效的信息傳輸方式，以便用戶可以看到自己所得到的信息，這是很明確的，因此有必要“可視化”信息。這是一個被設(shè)計師和隨后的發(fā)展方向廣泛接受的論點。（二）細致的微交互的融入

設(shè)計一直是解決人們問題的工作，改善生活是服務(wù)的目標(biāo)，確定成功或失敗的作用。Dan Saffer是Smart Design交互設(shè)計負責(zé)人，他認為細節(jié)可以使交互更加人性化。為此，他提出了“微交互”的概念，并寫了一本書來討論交互的細節(jié)，標(biāo)題是“微交互”。

什么是“微互動"？Saffer認為，他們應(yīng)該基于用戶，觀察用戶使用過程中的每時每刻和每項簡單任務(wù)，并考慮用戶體驗的變化。例如，解鎖手機是一個微交互過程，無論按下，移動還是輸入密碼，它都是用戶與用戶界面之間的微交互過程。微交互取決于用戶行為：UI界面設(shè)計的可視化表示用作顯示方法，并集成到整個類的可視化設(shè)計中。用戶和界面之間的交互然后由許多微交互組成。為了獲得成功的用戶體驗，我們需要注意微交互的細節(jié)：用戶越習(xí)慣小房間中的所謂真相并經(jīng)常忽略它們，我們應(yīng)該做的工作就越多，而人性化設(shè)計應(yīng)該從細節(jié)開始。

四、UI界面設(shè)計中情感體驗的視覺要素的應(yīng)用分析

（一）減少體驗中不可避免的不適感

盡管設(shè)計人員試圖改進和完善產(chǎn)品，但始終存在一些不可避免的問題或可能的錯誤以及無效的外部條件等，這些都會在使用過程中引起用戶體驗。拒絕，例如，發(fā)生下載錯誤，頁面正在等待或訪問錯誤頁面。這給使用者帶來不舒服的心理體驗，從而引起諸如恐懼和煩躁的負面情緒。此時，有必要通過視覺表現(xiàn)來減輕不適感。下圖（如圖5所示）顯示了一些富有創(chuàng)意的404錯誤頁面：設(shè)計良好的404錯誤頁面可能會失去訪問者的信任，并在用戶遇到錯誤時重定向用戶。投訴并引導(dǎo)訪問者返回網(wǎng)站上的其他頁面，以便他們可以在用戶界面上停留更長時間。

（二）增加用戶體驗中的趣味性

與用戶界面的通信永遠不會讓用戶感到無聊，而對樂趣的熱愛也在于人的天性。有趣的設(shè)計的融合不僅可以激發(fā)用戶的本能，還可以為用戶帶來驚喜和愉悅的情感體驗，激發(fā)用戶的獨特興趣，增加用戶的關(guān)注度和興趣，并增加設(shè)計的親和力。如下圖（如圖6所示）所示，圖中的貓頭鷹在單擊密碼字段時遮住了眼睛，使人感到胖與甜，用戶的內(nèi)心喜悅增加并愛上了此框。

為了創(chuàng)建既美觀又耐用的用戶界面設(shè)計，它與情感動機是分不開的，情感交流通常是不可見的和無意識的。這就要求設(shè)計師將用戶完全納入設(shè)計過程。以經(jīng)驗為導(dǎo)向，對可能出現(xiàn)的任何問題進行全面檢查，基于減少認知負擔(dān)和優(yōu)化視覺表現(xiàn)來優(yōu)化體驗過程，在很大程度上與后續(xù)活動，創(chuàng)意與想法的設(shè)計，有趣的動態(tài)圖像等密不可分。更詳細，更廣泛，創(chuàng)造令人印象深刻的效果，打動用戶的思想，建立情感聯(lián)系，并使他們體驗用戶界面的生動一面。

五、結(jié)語

基于UI設(shè)計視覺性能的來源，研究內(nèi)容與智能電子產(chǎn)品的界面相關(guān)聯(lián)，而不是孤立存在，而是對產(chǎn)品功能和性能的圖形描述。您不僅需要注意設(shè)計。視覺性能的美觀還必須考慮到產(chǎn)品功能和用戶要求的滿意度。因此，建議將面向用戶體驗的設(shè)計進行集成，并充分考慮設(shè)計中的用戶環(huán)境，身體和心理問題以及生活氛圍。用戶必須隨著認知水平的變化而改變，因此UI設(shè)計的視覺性能始終與智能產(chǎn)品的科學(xué)技術(shù)特性并駕齊驅(qū)，將設(shè)計的藝術(shù)品質(zhì)轉(zhuǎn)化為科學(xué)技術(shù)的生產(chǎn)力，是一種智能舒適的產(chǎn)品。設(shè)計生活，使用戶可以體驗人文科學(xué)。

參考文獻：

[1]曾君怡.基于用戶體驗的智能車載后視鏡界面設(shè)計研究[J].藝術(shù)科技，2019（05）.

[2]李奕飛，何人可.基于用戶體驗的洗衣機軟界面設(shè)計原則研究[J].包裝工程，2019（10）.

[3]袁浩，勞超超，張清林，梁伯科，臧崇運.基于用戶體驗的數(shù)控壓力機觸摸式交互界面設(shè)計[J].包裝工程，2019（12）.

[4]朱榮熙，姚君，唐曉騰.以醫(yī)患用戶體驗優(yōu)化的APP界面可用性評價設(shè)計[J].機電產(chǎn)品開發(fā)與創(chuàng)新，2019（02）.

[5]曹文鼎.簡約之美——簡約界面風(fēng)格對社交類APP用戶體驗的影響[J].藝術(shù)工作，2019（03）.

[6]曾青菲.基于用戶體驗的智能寵物產(chǎn)品界面交互設(shè)計研究[J].中國包裝，2019（07）.

[7]劉曉倩.移動學(xué)習(xí)網(wǎng)站界面布局與導(dǎo)航樣式對用戶體驗影響因素的眼動研究[J].教育教學(xué)論壇，2019（35）.

[8]王崇莉，陳洪，梁華秋.基于用戶體驗的手機營業(yè)廳APP界面對比分析[J].現(xiàn)代商貿(mào)工業(yè)，2019（27）.

[9]付文桂，劉寧，文斌，劉漢中，張凱.基于用戶體驗的兔場環(huán)境監(jiān)控助手APP界面設(shè)計[J].草學(xué)，2019（04）.

[10]張晨.基于用戶體驗下的手機銀行APP界面設(shè)計研究[D].保定：河北大學(xué)，2019.

[11]王鈺珂.基于用戶體驗的女性購物類APP界面設(shè)計[D].長春：長春工業(yè)大學(xué)，2019.