基于UI設(shè)計的交互性與界面視覺設(shè)計研究

王銳

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

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

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

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

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

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

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

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

2.1? 交互性功能

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

2.2? 交互性設(shè)計

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

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

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

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

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

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

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

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

4? ? 結(jié)語

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

[參考文獻]

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

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

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

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

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

[6]蔣飛燕.UI設(shè)計的交互性與界面視覺設(shè)計研究[J].美與時代，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