時楓哲 何程

摘 要：互聯(lián)網(wǎng)產(chǎn)品的交互應用是隨著計算機和通信技術的快速發(fā)展逐漸實現(xiàn)的。文章通過對交互設計以及互聯(lián)網(wǎng)中交互感念的分析，以手機UI設計的視覺傳達為例，對互聯(lián)網(wǎng)產(chǎn)品的交互應用及實踐效果進行研究。

關鍵詞：互聯(lián)網(wǎng)產(chǎn)品;交互;應用;手機UI設計;視覺傳達

0 引言

隨著我國移動互聯(lián)網(wǎng)的發(fā)展，其技術與用戶規(guī)模、應用創(chuàng)新等都呈現(xiàn)出飛速變化的態(tài)勢。另一方面，受移動互聯(lián)網(wǎng)的應用環(huán)境與特征等因素影響，其產(chǎn)品均具有移動互聯(lián)網(wǎng)的移動特征和優(yōu)勢，能夠通過互聯(lián)網(wǎng)社交平臺以及感應技術、定位系統(tǒng)等的支持，不斷滲透人們的日常生活，對人們的生活方式產(chǎn)生了較大影響，進而促進具有更加高效與便捷特征的移動信息網(wǎng)絡的構建?；诖?，對互聯(lián)網(wǎng)產(chǎn)品的交互設計和應用實踐進行研究，以促進移動互聯(lián)網(wǎng)交互設計和應用不斷創(chuàng)新發(fā)展，從而為人們的日常生活創(chuàng)造更加便捷的條件，推動我國社會經(jīng)濟的全面發(fā)展，具有十分積極的作用和意義。本文將通過對交互設計和互聯(lián)網(wǎng)交互概念的分析，以手機UI設計的視覺傳達為例，對互聯(lián)網(wǎng)產(chǎn)品的交互應用及實踐效果進行研究

1 交互設計與移動互聯(lián)網(wǎng)中的交互概念分析

交互設計實際上就是在人和產(chǎn)品或者服務與系統(tǒng)之間進行一系列對話創(chuàng)建。交互設計在人們的日常生活中存在著廣泛的應用和體現(xiàn)，比如，人們通過手機或互聯(lián)網(wǎng)移動終端進行各種信息瀏覽、書籍閱讀等，這種方式在互聯(lián)網(wǎng)還未得到廣泛應用和普及的情況下是不能實現(xiàn)的。所以，交互設計能夠隨著科學技術的發(fā)展逐漸在人們的日常生活中普及，同時與多學科之間存在著較為密切的聯(lián)系。尤其是計算機技術和現(xiàn)代通信技術的不斷發(fā)展，促進了該技術支持下的產(chǎn)品及其功能不斷增加，同時也使得其中的數(shù)字化內(nèi)容越來越多，為人們的日常生活創(chuàng)造了更加便捷的環(huán)境和條件。值得注意的是，由于在日常生活中，多數(shù)情況下，人們是通過手機在網(wǎng)站或者是軟件上進行交互實現(xiàn)，從而會導致有人將交互設計認為是網(wǎng)站設計，但實際上交互設計是以人為中心，并非以技術作為中心，它在設計中會更加注重用戶的體驗，并不是以人作為關注點的創(chuàng)意過程部分[1]。

移動互聯(lián)網(wǎng)中的交互設計具有較為多樣的形勢變化特征。在手機為代表的移動互聯(lián)網(wǎng)終端中，手機的更新及其功能不斷完善，在帶給人們更多的手機交互新體驗的同時，也促使人們對手機使用從最初的只用于打電話、發(fā)短信等需求層面，逐漸轉(zhuǎn)變?yōu)橥ㄟ^手機應用對自身的各種與日常生活有關的需求關注上。比如，人們通過手機軟件對自身健康狀況的關注等。人們使用手機在軟件、網(wǎng)站上進行交互過程中，是以數(shù)據(jù)和信息為基礎的，并且通過數(shù)據(jù)和信息最終實現(xiàn)智慧演進的過程，實際上也是其交互設計中進行信息架構設置的根本目標，這也是在一定層面體現(xiàn)了交互設計的優(yōu)勢。

2 手機UI設計的交互性與功能分析

UI設計，即用戶界面設計，它是通過一種符號形式進行信息表現(xiàn)，從而為觀看者提供一種能夠更加直接的實現(xiàn)自身想要了解內(nèi)容獲取的方式。UI界面能夠進行各種軟件管理，也能夠根據(jù)用戶個人意愿進行管理操作，而UI設計的目的則是實現(xiàn)信息傳遞，信息的傳遞就是進行人機交互的過程，因此，UI設計具有一定的交互性功能。

隨著信息技術的發(fā)展和應用，信息在人們?nèi)粘Ｉ钆c工作中的作用日益顯著，信息的傳遞和交流在人們的日常生活中也越來越多見。而UI設計中的交互性功能是以界面設計體現(xiàn)的。在界面設計中，通過更多較為新穎的畫面設計，吸引人們的注意，從而通過界面在人機交互下實現(xiàn)信息傳遞。根據(jù)UI設計的交互性功能特征不難看出，在UI設計中，應以人性化理念作為設計的基本理念，并堅持以人為中心的設計原則，在設計人員的較高軟件應用和設計能力支持下，來促進UI設計的不斷提升和目標實現(xiàn)[2]。此外，要注意的是，在UI設計中，有關設計人員對界面視覺設計及其應用要有充分的認識，從而使UI設計能夠滿足人機交互與用戶體驗需求。

3 手機UI的界面視覺設計與交互性中的視覺需求分析

3.1 手機UI的視覺界面設計

手機UI設計的視覺傳達是通過界面視覺設計實現(xiàn)的。視覺設計是指從用戶的視覺、聽覺、觸覺、味覺、感覺等各器官感知層面，通過巧妙的設計對其形成沖擊，從而帶給用戶一種新的體驗。在產(chǎn)品設計中，用戶對產(chǎn)品所產(chǎn)生的交互刺激、用戶的體驗等，對人機交互的實現(xiàn)以及信息傳遞和交流，均有著十分重要的作用和影響[3]。因此，在手機UI設計中，對其界面視覺設計，需要從視覺思維的創(chuàng)新和運用等方面把握和思考，從而確保設計的質(zhì)量和效果。手機UI的界面視覺設計要從視覺思維的創(chuàng)新和應用上分析，也就是要根據(jù)藝術設計中從人本身對事物的本能、積極的看法出發(fā)，準確把握人的視覺思維，開展合理、有效的界面視覺設計。通常情況下，人的視覺系統(tǒng)可以理解為包括人的眼睛與感覺等有關神經(jīng)系統(tǒng)，設計人員需要將視覺設計本身作為一個較為系統(tǒng)的分析鏈合理分析與設置，從而滿足對其產(chǎn)品交互性設計及有關需求。

3.2 手機UI交互中的視覺需求

根據(jù)上述情況分析可以看出，手機UI設計中，界面視覺設計對其交互性功能有著非常重要的作用和影響，對界面視覺設計的合理把控是促進手機UI設計的交互性功能實現(xiàn)的重要基礎。手機UI的界面視覺設計對其交互的最終效果有著直接的影響，為滿足手機UI設計及其交互性功能需求，需要設計人員重視具體設計中顏色、空間與圖形的相互關系及其合理搭配，以保障能夠吸引用戶的注意力，而且要求空間的組織與設計科學、合理，使用戶在人機交互體驗中能夠獲取賞心悅目的體驗效果。

結合上述對手機UI設計中交互性視覺需求的分析，在具體設計中應注意以下幾個方面。

（1）對手機UI的界面視覺設計，首先需要運用視覺思維分析。為滿足手機UI設計的交互性功能視覺需求，需要設計人員在設計過程中通過視覺形成相應的較為完整的可視化系統(tǒng)，從而在視覺藝術表達和設計中展現(xiàn)交互對象的特點，第一時間吸引用戶的關注點，以達到較好的界面視覺設計效果，充分發(fā)揮手機UI設計及其交互性功能實現(xiàn)的重要作用[4]。

（2）手機UI的界面視覺設計，還需要設計人員合理利用文字、圖片等設計元素，通過圖文并茂的界面設計，吸引用戶的注意力。因此，設計人員要合理把握視覺設計中圖片、文字等要素的運用和圖形、圖片的布置，結合視覺思維以及大腦視覺沖擊模式等有關理論，即人們在視覺信息接收過程中，對圖片與圖形的印象表現(xiàn)最為深刻，能夠在較短時間內(nèi)對其進行有效識別和記憶，從而結合這一理論，充分利用圖形和圖片，使界面視覺效果得到優(yōu)化和提升，以使用戶通過手機在實現(xiàn)人機交互中獲取更加良好的視覺感官體驗，以賞心悅目的體驗感受信息傳遞和接收[5]。

（3）手機UI界面視覺設計對交互性視覺需求的滿足，還需要設計人員在自身專業(yè)技能與知識水平支持下，合理處理和調(diào)整圖片大小與規(guī)格，以確保界面視覺設計的空間利用充分，保障圖片信息的完整性及其傳遞，以滿足界面人機交互的視覺需求。此外，還需要結合圖片合理調(diào)整界面視覺設計中的文字元素，針對不同字體合理搭配應用，保證界面的整潔與信息完整，從而對用戶形成較為強烈的視覺沖擊。

4 結語

總之，以手機UI設計的視覺傳達為例，研究互聯(lián)網(wǎng)產(chǎn)品的交互應用和實踐，有利于促進互聯(lián)網(wǎng)產(chǎn)品的交互設計和應用在移動互聯(lián)網(wǎng)時代取得新的突破和發(fā)展，從而推動移動互聯(lián)網(wǎng)的交互應用程序及產(chǎn)品開發(fā)不斷創(chuàng)新，滿足人們的日常生活及各產(chǎn)品應用需求，推動我國社會經(jīng)濟與信息網(wǎng)絡建設的持續(xù)發(fā)展，具有十分積極的作用和意義。

[參考文獻]

[1]戚裕敏，高娃，武莉.面向室內(nèi)生態(tài)環(huán)境健康的智能家居產(chǎn)品客戶端交互設計[J].設計，2018（17）：136-138.

[2]朱媛，張祖耀.基于服務場景的智能養(yǎng)老產(chǎn)品交互設計研究[J].包裝工程，2019（22）：153-159.

[3]王瑋，韓鵬，黃琳皓，等.SOLOMO模式下在線旅游產(chǎn)品的交互界面設計[J].創(chuàng)意設計源，2018（3）：60-65.

[4]翁佩佩.智能家電產(chǎn)品的交互設計研究—以交互終端的界面設計為例[J].藝術與設計（理論版），2018（5）：86-88.

[5]梅俊.從交互設計角度淺談To B產(chǎn)品與To C產(chǎn)品的異同點—以“某支付系統(tǒng)”為例[J].設計，2017（5）：126-127.

（編輯 王雪芬）