王銳

摘? ?要：經(jīng)濟(jì)與社會(huì)的快速發(fā)展最大限度推動(dòng)了我國(guó)的科技發(fā)展進(jìn)程，人們對(duì)軟件使用與UI設(shè)計(jì)的要求也在不斷地提升。在此情況之下，相關(guān)人員必須要對(duì)UI設(shè)計(jì)進(jìn)行全面的研究分析，以市場(chǎng)和用戶需求為導(dǎo)向，對(duì)界面視覺設(shè)計(jì)和交互性設(shè)計(jì)進(jìn)行系統(tǒng)的研究與革新，以確保UI設(shè)計(jì)能夠取得預(yù)期的成效。文章首先分析了UI設(shè)計(jì)及其發(fā)展現(xiàn)狀，然后分析了UI設(shè)計(jì)當(dāng)中的交互性功能及其應(yīng)用，最后分析了UI設(shè)計(jì)過程當(dāng)中的界面視覺要素及其設(shè)計(jì)應(yīng)用，希望能對(duì)相關(guān)的研究有所助益。

關(guān)鍵詞：用戶界面設(shè)計(jì);交互性;界面視覺設(shè)計(jì);研究

用戶界面（User Interface，UI）設(shè)計(jì)不僅要充分體現(xiàn)界面和用戶的交互關(guān)系，還需要滿足不同群體用戶的使用需求，根據(jù)用戶的角度來進(jìn)行有效的研發(fā)和設(shè)計(jì)。以為人們提供更加便捷和優(yōu)質(zhì)的服務(wù)為基礎(chǔ)，全面提升UI設(shè)計(jì)的交互性與易用性。因此，設(shè)計(jì)人員需要對(duì)相關(guān)的概念和理論進(jìn)行深入的研究和分析，掌握軟件設(shè)計(jì)的總體目標(biāo)與要求，避免涉及過度偏向和過度側(cè)重的現(xiàn)象，并從不同層面和維度入手來進(jìn)行規(guī)劃與設(shè)計(jì)。此外，在設(shè)計(jì)完成之后還需進(jìn)行反復(fù)的對(duì)比和分析，根據(jù)軟件測(cè)試數(shù)據(jù)來進(jìn)行相應(yīng)的調(diào)整，才能夠有效地解決UI設(shè)計(jì)當(dāng)中存在的矛盾與問題。

1? ? UI設(shè)計(jì)及其發(fā)展現(xiàn)狀

UI設(shè)計(jì)是網(wǎng)絡(luò)軟件操作與運(yùn)用過程當(dāng)中的重要組成部分。根據(jù)其性質(zhì)和作用可將其分為虛擬UI設(shè)計(jì)和實(shí)體UI設(shè)計(jì)，整個(gè)設(shè)計(jì)囊括了界面美觀、操作邏輯、人機(jī)交互[1]。

在設(shè)計(jì)過程中，相關(guān)人員需要充分遵循UI設(shè)計(jì)的簡(jiǎn)易性、一致性、靈活性、安全性以及人性化、習(xí)慣規(guī)律、記憶負(fù)擔(dān)最小化、用戶語言等設(shè)計(jì)原則。根據(jù)設(shè)計(jì)軟件的性質(zhì)來確定目標(biāo)客戶，并通過各種方式來了解直接用戶和最終用戶的實(shí)際需求，利用科學(xué)的方式來采集用戶的交互習(xí)慣與交互方式，按照軟件特性來進(jìn)行界面元素設(shè)計(jì)，通過反饋信息和用戶操作結(jié)果來引導(dǎo)其進(jìn)行后續(xù)操作。以期能夠?yàn)橛脩籼峁└恿己玫囊曈X體驗(yàn)和交互體驗(yàn)。

現(xiàn)階段，受到各方面因素的影響和限制，實(shí)際的界面視覺設(shè)計(jì)和交互設(shè)計(jì)仍然存在較大的提升空間。部分相關(guān)人員仍然將界面設(shè)計(jì)的中心放在平面設(shè)計(jì)和美工層面。在具體研發(fā)時(shí)，也只是將UI設(shè)計(jì)當(dāng)成是需要由相關(guān)人員完成的頁面描邊工作，導(dǎo)致界面視覺設(shè)計(jì)與網(wǎng)絡(luò)設(shè)計(jì)的聯(lián)系不足，對(duì)用戶界面與網(wǎng)絡(luò)界面的交互與應(yīng)用造成一定程度的影響。部分UI設(shè)計(jì)人員更加偏重于軟件設(shè)計(jì)的技術(shù)研究與應(yīng)用，并沒有花費(fèi)較多時(shí)間來琢磨和設(shè)計(jì)界面圖形，也沒有對(duì)版式編排設(shè)計(jì)、風(fēng)格設(shè)計(jì)、創(chuàng)新設(shè)計(jì)進(jìn)行研發(fā)與改進(jìn)，從而使得整體的UI設(shè)計(jì)效果大打折扣。

2? ? UI設(shè)計(jì)當(dāng)中的交互性功能及其應(yīng)用

2.1? 交互性功能

UI設(shè)計(jì)主要是讓用戶能夠更加快速地掌握軟件的應(yīng)用方法，并能夠根據(jù)自身的需求來應(yīng)用軟件獲得相關(guān)的信息。以軟件為媒介來進(jìn)行信息的傳遞與溝通，使人們對(duì)相互信息產(chǎn)生較為深刻的印象，以彰顯UI設(shè)計(jì)的交互性功能。但程序員的專業(yè)水平和編碼能力相對(duì)較高，與最終用戶進(jìn)行交互方面存在一定的問題，導(dǎo)致了大部分軟件的功能相對(duì)齊全，但整體的使用較為繁瑣，且部分軟件還存在著交互設(shè)計(jì)粗糙、簡(jiǎn)單的現(xiàn)象，極大程度地增加相關(guān)人員的學(xué)習(xí)困難和使用難度。在進(jìn)行人機(jī)交互設(shè)計(jì)之后，UI設(shè)計(jì)師可以通過網(wǎng)絡(luò)信息分析和數(shù)據(jù)調(diào)查的方式來了解軟件使用情況，以人們對(duì)信息的訴求和使用需求為目的，設(shè)計(jì)出具有吸引力和創(chuàng)新性的全新界面，通過多元化的方式來完成信息的傳遞和共享，進(jìn)而實(shí)現(xiàn)界面視覺效果和使用效果的最優(yōu)化[2]。

2.2? 交互性設(shè)計(jì)

UI設(shè)計(jì)師必須要樹立以人為本的設(shè)計(jì)理念和創(chuàng)新設(shè)計(jì)思想，掌握現(xiàn)階段人機(jī)交互過程當(dāng)中存在的問題，并不斷地挖掘人機(jī)交互的潛能。例如，新型號(hào)的智能手機(jī)除了具備傳統(tǒng)手機(jī)的使用壽命長(zhǎng)、待機(jī)時(shí)間長(zhǎng)、信號(hào)強(qiáng)度高的優(yōu)勢(shì)之外，還研發(fā)了能更好地滿足不同群體需求的功能，側(cè)重于音樂、游戲、拍照的手機(jī)。其中，人機(jī)交互性能、攝像頭、屏幕界面、應(yīng)用軟件等的優(yōu)化與創(chuàng)新，使得手機(jī)應(yīng)用更具操作邏輯性和人機(jī)交互性。

在設(shè)計(jì)過程當(dāng)中，首先，設(shè)計(jì)師必須要立足于軟件使用的不同群體、用戶需求和設(shè)計(jì)任務(wù)進(jìn)行全面的分析和深入市場(chǎng)進(jìn)行詳細(xì)的調(diào)研，利用大數(shù)據(jù)技術(shù)獲取海量的信息與資訊，借助計(jì)算機(jī)系統(tǒng)和云計(jì)算技術(shù)來進(jìn)行有效分析和評(píng)估。以具有價(jià)值性的信息和準(zhǔn)確的數(shù)據(jù)為切入點(diǎn)，從用戶范圍、用戶技術(shù)水平、用戶人文素養(yǎng)等層面入手，對(duì)用戶需求進(jìn)行深度剖析，選擇能夠滿足消費(fèi)者對(duì)軟件的功能和性能要求的設(shè)計(jì)方案[3]。

其次，設(shè)計(jì)師需要考慮交互性能在軟件設(shè)計(jì)當(dāng)中的體現(xiàn)方式，參考成功的人際交互案例和設(shè)計(jì)經(jīng)驗(yàn)，對(duì)界面行為和外觀設(shè)計(jì)進(jìn)行預(yù)設(shè)，結(jié)合用戶的思維方式和使用習(xí)慣，選擇最具推廣性和合理性的交互方式。

3? ? UI設(shè)計(jì)過程當(dāng)中的界面視覺要素及其設(shè)計(jì)應(yīng)用

3.1? 界面視覺設(shè)計(jì)

UI設(shè)計(jì)的建立視覺元素包括：感覺、觸覺、聽覺、視覺等，設(shè)計(jì)師需要對(duì)軟件功能和要求進(jìn)行深入的了解，利用信息化技術(shù)來對(duì)相關(guān)的資料進(jìn)行全面分析和研究，快速定位使用方式、使用環(huán)境、使用者，以能夠充分地滿足最終用戶的使用需求為目的來進(jìn)行一系列設(shè)計(jì)活動(dòng)[4]。另外，還必須要充分考慮不同用戶群體的閱讀習(xí)慣、使用規(guī)律、興趣偏好等特性，對(duì)設(shè)計(jì)形式進(jìn)行深入的思考和創(chuàng)新在具體實(shí)踐過程當(dāng)中，設(shè)計(jì)師要巧妙利用時(shí)代性元素和創(chuàng)新設(shè)計(jì)理念，掌握用戶的視覺思維規(guī)律，科學(xué)地利用創(chuàng)新科技方法來對(duì)初步設(shè)計(jì)進(jìn)行精細(xì)加工，并對(duì)設(shè)計(jì)細(xì)節(jié)進(jìn)行有效的優(yōu)化。以確保能夠更好地完成信息的傳遞、溝通、交流。

3.2? 界面視覺要素應(yīng)用

在具體設(shè)計(jì)時(shí)，設(shè)計(jì)師必須要充分遵循界面視覺設(shè)計(jì)的一致性、交互性、易用性原則，掌握交互、目標(biāo)、設(shè)計(jì)、元素之間存在的關(guān)聯(lián)，考慮用戶的使用體驗(yàn)和使用情緒，為用戶設(shè)計(jì)出可供選擇的不同界面設(shè)計(jì)風(fēng)格，或根據(jù)用戶的使用反饋情況來對(duì)界面設(shè)計(jì)外觀進(jìn)行優(yōu)化[5]。文字是UI設(shè)計(jì)當(dāng)中最直接、有效的視覺元素，是人機(jī)交互中重要的信息傳遞和交互形式。所設(shè)置的界面，字體大小趨勢(shì)中，盡可能避免大量的使用繁體字或生僻字，多使用簡(jiǎn)潔、無裝飾的文字符號(hào)。UI設(shè)計(jì)師可根據(jù)網(wǎng)絡(luò)調(diào)查數(shù)據(jù)設(shè)置默認(rèn)字體、字號(hào)、格式，在界面當(dāng)中設(shè)置相應(yīng)的文字引導(dǎo)或者模板工的說明，引導(dǎo)用戶根據(jù)自身需求來進(jìn)行個(gè)性化設(shè)置。板式設(shè)計(jì)需要具有較強(qiáng)的美觀性和功能性，既要能夠滿足人們的審美訴求，還需要能夠準(zhǔn)確而清晰地傳遞相關(guān)信息。在進(jìn)行按鈕、圖標(biāo)等的圖形視覺元素設(shè)計(jì)時(shí)，需根據(jù)界面主題和整體效果，科學(xué)確定形態(tài)、顏色、構(gòu)成、屬性、功能、名稱，并對(duì)交互性的操作，如觸摸、點(diǎn)擊、滑動(dòng)等進(jìn)行優(yōu)化[6]。也可在頁面當(dāng)中增加BMP，PSD，PEG，PNG，GIF，Web格式的靜態(tài)圖像，利用壓縮算法來進(jìn)行呈現(xiàn)，并在考慮亮度和顏色失真等情況的前提下，在后期設(shè)計(jì)當(dāng)中增加應(yīng)用差值彌補(bǔ)算法。在進(jìn)行界面色彩選擇時(shí)，需要考慮色調(diào)的使用效果和用戶的舒適度，對(duì)色彩明暗度、標(biāo)準(zhǔn)色應(yīng)用、配色與主色劃分進(jìn)行優(yōu)化。在進(jìn)行布局設(shè)計(jì)時(shí)，可參考用戶自左向右、自上而下的瀏覽習(xí)慣，將常用應(yīng)用功能集中在某個(gè)區(qū)域，使用戶能夠在第一時(shí)間關(guān)注并進(jìn)行操作。將一些不常用功能隱藏，用戶可根據(jù)自身需求來進(jìn)行查看，從而使得界面更加干凈整潔。

4? ? 結(jié)語

現(xiàn)在，網(wǎng)絡(luò)是人們獲得相關(guān)消息的主要來源和渠道。近年來，UI界面設(shè)計(jì)在交互性和視覺體驗(yàn)上都得到了迅速發(fā)展，相關(guān)人員需要對(duì)UI設(shè)計(jì)的內(nèi)涵進(jìn)行全面了解，充分地掌握界面視覺設(shè)計(jì)和交互性設(shè)計(jì)的特征和規(guī)律，科學(xué)制定具有較高科學(xué)性和可行性的UI設(shè)計(jì)方案。與此同時(shí)，相關(guān)人員還必須要充分地了解不同群體用戶的視覺思維發(fā)展規(guī)律，以此為切入點(diǎn)來進(jìn)行UI設(shè)計(jì)的研究，科學(xué)地將界面視覺設(shè)計(jì)和交互性設(shè)計(jì)進(jìn)行有機(jī)組合，利用科學(xué)的方式和多樣化的元素來進(jìn)行體現(xiàn)，才能為UI設(shè)計(jì)的界面視覺設(shè)計(jì)和交互性設(shè)計(jì)的全面發(fā)展奠定良好的基礎(chǔ)。

[參考文獻(xiàn)]

[1]鄧朝暉.UI設(shè)計(jì)中的配色及應(yīng)用[J].電腦編程技巧與維護(hù)，2020（1）：140-141，152.

[2]杜翔宇.UI設(shè)計(jì)中用戶交互體驗(yàn)的視覺思維分析[J].大眾文藝，2019（23）：68-69.

[3]吳文娟.手機(jī)UI界面設(shè)計(jì)中視覺藝術(shù)元素的構(gòu)成[J].科技傳播，2019（23）：105-106.

[4]孔德威.手機(jī)UI界面設(shè)計(jì)及視覺藝術(shù)元素分析[J].牡丹江大學(xué)學(xué)報(bào)，2019（11）：108-111，140.

[5]高振清.UI設(shè)計(jì)的交互性和界面視覺設(shè)計(jì)[J].電腦與電信，2019（9）：56-57，60.

[6]蔣飛燕.UI設(shè)計(jì)的交互性與界面視覺設(shè)計(jì)研究[J].美與時(shí)代，2019（5）：87-89.

Research of based on UI design interactivity and interface visual design

Wang Rui

（Liaoning Mechatronics College， Dandong 118009， China）

Abstract：The rapid development of economy and society has promoted the development of science and technology in our country to the maximum extent， and peoples requirements for software use and UI design are constantly improving. At this point， the relevant personnel must carry on the comprehensive research analysis to the UI design， take the market and the user demand as the direction， carries on the systematic research and the innovation to the interface visual design and the interactive design. to ensure that the UI design can achieve the desired results. This paper first analyzes the UI design and its development status， then analyzes the interactive function and its application in UI design， and finally analyzes the interface visual elements and their design in the process of UI design? application， hoping to be helpful to the relevant research.

Key words：user interface design; interactivity; interface vision design; research