本站小編為你精心準(zhǔn)備了傳統(tǒng)元素在手機(jī)交互設(shè)計中的應(yīng)用參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

摘要：

在現(xiàn)代移動互聯(lián)網(wǎng)高速發(fā)展的浪潮中，傳統(tǒng)平面設(shè)計逐漸向新媒體交互設(shè)計轉(zhuǎn)變，以智能手機(jī)APP交互設(shè)計為代表的移動互聯(lián)網(wǎng)應(yīng)用設(shè)計正逐漸快速發(fā)展。目前，國內(nèi)交互設(shè)計發(fā)展滯后于智能手機(jī)的發(fā)展，手機(jī)應(yīng)用交互設(shè)計仍停留在滿足用戶功能需求的層面，很少有智能手機(jī)應(yīng)用深入挖掘人們對文化與情感的訴求。無論是現(xiàn)代的市場環(huán)境導(dǎo)致了設(shè)計方向的改變，還是出于傳承中華文化的考慮，將中國傳統(tǒng)元素與交互設(shè)計融合都是值得研究和思考的。所以應(yīng)從交互界面、動效設(shè)計、情感化設(shè)計、用戶體驗等多方面著手，以塑造出充滿創(chuàng)新意義的以智能手機(jī)為代表的移動新媒體應(yīng)用設(shè)計界面。

關(guān)鍵詞：

傳統(tǒng)元素；互聯(lián)網(wǎng)；交互設(shè)計；UI；APP

一、目前手機(jī)交互設(shè)計的現(xiàn)狀

隨著移動互聯(lián)網(wǎng)及智能手機(jī)的不斷發(fā)展，智能手機(jī)APP正深刻影響著人們衣食住行的各個方面。用戶出行打車使用滴滴出行APP，訂餐使用餓了么、百度外賣、美團(tuán)外賣等APP。通過這些操作簡便的App，用戶減少了等車、等餐的時間。在現(xiàn)代移動互聯(lián)網(wǎng)高速發(fā)展的浪潮中，傳統(tǒng)平面設(shè)計逐漸向新媒體交互設(shè)計轉(zhuǎn)變，以智能手機(jī)APP交互設(shè)計為代表的移動互聯(lián)網(wǎng)應(yīng)用設(shè)計正逐漸快速發(fā)展。手機(jī)應(yīng)用的設(shè)計風(fēng)格從擬物化的界面設(shè)計逐漸轉(zhuǎn)向更直觀、簡潔的扁平化設(shè)計。目前，國內(nèi)交互產(chǎn)品設(shè)計設(shè)計發(fā)展滯后于智能手機(jī)的發(fā)展，手機(jī)應(yīng)用交互設(shè)計仍停留在滿足用戶功能需求的層面，很少有智能手機(jī)應(yīng)用深入挖掘人們對文化與情感的訴求。從國外傳入中國的設(shè)計理論幾乎都是以歐美國家的設(shè)計理念為主導(dǎo)，界面設(shè)計中很少能看到較為符合中國人審美潮流的設(shè)計。

二、中國傳統(tǒng)元素加入交互設(shè)計的必要性

有著五千年文明史的中國，經(jīng)過無數(shù)風(fēng)雨滄桑，創(chuàng)造了偉大的中華文明。在歷史的長河中，華夏兒女創(chuàng)作了一個又一個傳奇，以萬里長城為代表的中國古跡為世人敬仰。隨著中國經(jīng)濟(jì)的飛速發(fā)展，人們的物質(zhì)生活水平在不斷提高，生活也越來越便捷。然而，與此同時，中國的傳統(tǒng)文化卻逐漸在人們的意識中消退，許多優(yōu)良的傳統(tǒng)被人們忘記、拋棄。目前隨著國家的偉大復(fù)興，中國文化應(yīng)將傳統(tǒng)的中國元素與新興技術(shù)相結(jié)合，借助互聯(lián)網(wǎng)平臺在世界范圍內(nèi)進(jìn)行快速傳播，從而擴(kuò)大人們的認(rèn)知領(lǐng)域，增加世界對中國傳統(tǒng)文化的了解。將中國傳統(tǒng)元素加入交互設(shè)計既是一種創(chuàng)新，同時也是傳播中國傳統(tǒng)文化、增加交互設(shè)計活力的必要趨勢。創(chuàng)新逐漸開始成為互聯(lián)網(wǎng)產(chǎn)品設(shè)計中的重中之重。我們幾乎天天都能看到行業(yè)中各類推陳出新的“新”生代，在感嘆這些創(chuàng)新的時候，將原有成熟的中國元素加入交互設(shè)計中，會給用戶帶來更多懷舊的體驗。將中國傳統(tǒng)元素融入用戶手機(jī)APP中，使中華文明元素?zé)o處不在，當(dāng)我們使用APP時，這既對中國傳統(tǒng)文化進(jìn)行了宣傳，又可以吸引用戶去探究其意義，使中國傳統(tǒng)元素被有效地傳承。人類通過眼睛來獲取信息建立自己的視覺資料庫。因此，將存在于書本之上的中國元素突破傳統(tǒng)媒介的傳播方式，以新媒體的視覺形式呈現(xiàn)在群眾眼前，可以吸引群眾的注意力，使用戶產(chǎn)生點擊欲。

三、中國傳統(tǒng)元素與交互設(shè)計的融合策略

現(xiàn)在的手機(jī)界面很多都較為簡潔和扁平化。蘋果手機(jī)擁有自身品牌的iOS系統(tǒng)，并進(jìn)行了扁平化風(fēng)格設(shè)計；小米手機(jī)擁有自身品牌的miUI系統(tǒng)，并開發(fā)了小米的眾多應(yīng)用；微軟擁有自己的一套WindowsPhone系統(tǒng)，并首先將扁平化設(shè)計融入其中。我們可以根據(jù)安卓系統(tǒng)的可適應(yīng)性設(shè)計一款含中國風(fēng)元素的UI界面，融入中國傳統(tǒng)文化的元素并將其推廣?，F(xiàn)在市場上將中國元素加入交互設(shè)計中的案例屈指可數(shù)，從創(chuàng)新方面來說，這是設(shè)計師從未思考的地方，更是值得研究的地方。

（一）從界面元素交互分析從交互的角度考慮，交互設(shè)計是一個迭代過程，通過交互設(shè)計評估，可以及早發(fā)現(xiàn)設(shè)計中的缺陷，進(jìn)而能進(jìn)一步完善交互流程。通過交互評審，也可發(fā)現(xiàn)交互設(shè)計中可行、合理或優(yōu)秀的地方，從而為后續(xù)產(chǎn)品的交互設(shè)計提供借鑒。因此，是否滿足用戶體驗是手機(jī)產(chǎn)品交互設(shè)計的評估標(biāo)準(zhǔn)。由于用戶體驗是用戶使用產(chǎn)品過程中的感受，具有較強(qiáng)的主觀性，所以，目前用戶體驗還沒有一個具體的標(biāo)準(zhǔn)。當(dāng)交互設(shè)計產(chǎn)品層級比較深的時候，設(shè)計師要清楚地了解這個產(chǎn)品有多少二級頁面，多少三級頁面，并要考慮頁面之間的關(guān)系——它們是否可以用到不同頁面中的內(nèi)容，是否需要重新進(jìn)行構(gòu)造設(shè)計等，以及標(biāo)簽欄、按鈕、對話框、框等空間使用的便利性和icon繪制的精細(xì)性。一個頁面的好壞要注意這些細(xì)節(jié)的把控。例如有兩個頁面都需要二級標(biāo)簽欄，你如果出兩套樣式，說明你并沒有思考icon控件的問題，這樣很大程度會造成FE（前端開發(fā)）資源浪費，而用戶也會對控件的實際意義產(chǎn)生疑惑。二級標(biāo)簽欄，在從屬內(nèi)容樣式的設(shè)計表達(dá)不清的時候，用戶可能把這個二級標(biāo)簽欄看成是一個可點擊的icon。根據(jù)交互的形式，在表現(xiàn)上可以采用中國元素來替代原有的二級標(biāo)簽欄、列表、按鈕等等，例如古琴、文房四寶、燈籠等元素來替代二級標(biāo)簽中的音樂、信息、照片等功能的圖標(biāo)。通常可以使用具有中國元素的UI手機(jī)交互主題設(shè)計實現(xiàn)推廣，這樣的案例也隨處可見。

（二）從動效設(shè)計角度分析當(dāng)今互聯(lián)網(wǎng)行業(yè)發(fā)展迅速，谷歌推出了全新的設(shè)計語言MaterialDesign，這是谷歌拿出媲美蘋果的設(shè)計，也是將來界面設(shè)計的新趨勢。這說明了現(xiàn)在的設(shè)計并不僅局限于平面的展示，也更多地趨向于動效的展示?，F(xiàn)在的用戶群體，很大程度上已經(jīng)厭倦了僅僅只是扁平化的簡潔設(shè)計。一些添加了交互動效的設(shè)計越來越吸引用戶群體。2014年58同城的APP設(shè)計，整體風(fēng)格仍然是屬于大潮流的扁平化界面設(shè)計，但是在一級標(biāo)簽欄的切換交互上，融入了MaterialDesign的理念，在切換的過程中，增加了彈性的動效，增強(qiáng)了用戶使用的趣味性。還有一個典型的案例就是社交軟件twitter。twitter在早期的時候也是和設(shè)計整體潮流一樣，采用了擬物化的設(shè)計形勢。隨著蘋果iOS7扁平化的出現(xiàn)twitter也逐漸開始進(jìn)行轉(zhuǎn)變，但是twitter并不僅僅只是界面上的變化，在交互動效上也做出了一些改變。當(dāng)用戶群體看到某條推送想要點贊的時候，將鼠標(biāo)hover愛心點擊時，twitter有它獨有的動效，增加了用戶使用時的趣味。

（三）從情感化設(shè)計分析未來UI互聯(lián)網(wǎng)行業(yè)的發(fā)展趨勢是逐漸上升的，而怎樣在眾多UI樣式中進(jìn)行情感化的設(shè)計是值得我們思考的。情感化設(shè)計，在未來互聯(lián)網(wǎng)交互設(shè)計中越來越重要。我們要設(shè)計一個符合大眾情感的事物而不是把這個事物設(shè)計成一個能讓用戶投入情感的容器。所以目前市場上一些需要特殊皮膚的產(chǎn)品，例如QQ、百度輸入法、QQ音樂等都屬于用戶群龐大、年齡層次不統(tǒng)一，卻奢望用一款皮膚將所有的用戶都吸引。即使現(xiàn)在很多設(shè)計觀念致力于提升視覺效果，希望可以讓用戶群體喜愛，但設(shè)計的表現(xiàn)層到了一定程度就會越來越膚淺。如果將一些有文化底蘊的中國元素加入其中就能更好地提升設(shè)計的文化底蘊。在一定程度上采用一些有意義的中國元素，一方面可以宣傳中國的文化，另一方面也加強(qiáng)了用戶的情感。情感化設(shè)計近期在互聯(lián)網(wǎng)公司的UED用戶體驗團(tuán)隊中是經(jīng)常被提起的，將中國傳統(tǒng)元素與情感化設(shè)計結(jié)合是有巨大意義的。曾經(jīng)流行的復(fù)古風(fēng)便是在界面中增加用戶的情感體驗。一個有著中國風(fēng)的精致按鈕能夠輕松地引起用戶的注意，而隨后的用戶行為可以是任何動作，比如點擊按鈕、進(jìn)入等等。

（四）從用戶體驗角度分析在互聯(lián)網(wǎng)產(chǎn)品設(shè)計中一定會涉及到兩個詞：“用戶價值”和“用戶體驗”。所以在很多擁有較為完整體系的互聯(lián)網(wǎng)公司中，往往會設(shè)立UED用戶體驗中心這樣的部門。用戶體驗對于一個產(chǎn)品而言，首先是能用，然后是好用，最后是能給用戶帶來身心愉悅的感覺。例如騰訊的CDC、百度的MUX都是在用戶體驗上研究較為深入的典范。將中國傳統(tǒng)元素融入新媒體是交互設(shè)計中需要重點考慮的。手機(jī)交互設(shè)計需要更多地考慮其功能及用戶體驗，并非滿屏的中國元素就能吸引到用戶，反而會造成界面的雜亂和用戶體驗的不佳，所以要將中國元素納入交互設(shè)計的范圍就要考慮到兩方面：一是這個按鈕所用元素的功能性和可識別性，二是考慮到交互性。在將中國傳統(tǒng)元素與交互設(shè)計融合的時候，要思考其價值，并非多就是好，而是要用到該用的地方。例如在百度的MUX的一次演講時，史玉潔曾經(jīng)說過“我招了一個很厲害的設(shè)計師，需要他設(shè)計一個界面，這個設(shè)計師在很短時間就設(shè)計了一個很炫酷的界面，大家都很驚嘆，但是在要使用的時候卻找不到進(jìn)入的按鈕。當(dāng)我詢問那位設(shè)計師時，他很自豪地告訴我，你猜。”這是一種很可笑的行為，當(dāng)你設(shè)計一款界面的時候，你是需要用戶群體來使用的，如果這套界面在視覺上很驚艷，在體驗上卻讓用戶很困惑，那么這是一款失敗的界面設(shè)計。

四、結(jié)語

無論是現(xiàn)代的市場環(huán)境導(dǎo)致了設(shè)計方向的改變，還是出于傳承中華文化的考慮，將中國傳統(tǒng)元素與交互設(shè)計融合都是值得研究和思考的。所以應(yīng)從交互界面、動效設(shè)計、情感化設(shè)計、用戶體驗等多方面著手，以塑造出充滿創(chuàng)新意義的以智能手機(jī)為代表的移動新媒體應(yīng)用設(shè)計界面。

參考文獻(xiàn):

[1]騰訊CDC.在你身邊，為你設(shè)計——騰訊的用戶體驗設(shè)計之道[M].北京：電子工業(yè)出版社，2013.

[2]徐延章.新聞媒體客戶端的情感設(shè)計策略分析[J].青年記者，2015，(11):63-64.

作者：胡佳妮 徐延章 單位：天津師范大學(xué)美術(shù)與設(shè)計學(xué)院