互聯(lián)網(wǎng)產(chǎn)品的交互應(yīng)用與實(shí)踐—手機(jī)UI設(shè)計(jì)的視覺傳達(dá)

時(shí)楓哲 何程

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

關(guān)鍵詞：互聯(lián)網(wǎng)產(chǎn)品;交互;應(yīng)用;手機(jī)UI設(shè)計(jì);視覺傳達(dá)

0 引言

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

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

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

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

2 手機(jī)UI設(shè)計(jì)的交互性與功能分析

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

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

3 手機(jī)UI的界面視覺設(shè)計(jì)與交互性中的視覺需求分析

3.1 手機(jī)UI的視覺界面設(shè)計(jì)

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

3.2 手機(jī)UI交互中的視覺需求

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

結(jié)合上述對手機(jī)UI設(shè)計(jì)中交互性視覺需求的分析，在具體設(shè)計(jì)中應(yīng)注意以下幾個(gè)方面。

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

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

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

4 結(jié)語

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

[參考文獻(xiàn)]

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

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

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

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

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

（編輯 王雪芬）