大數(shù)據(jù)時代下移動端用戶界面設(shè)計

于宛露

摘要：隨著現(xiàn)代科學(xué)技術(shù)的飛速發(fā)展，人類已經(jīng)真正意義上進入信息化的大數(shù)據(jù)時代。目前，互聯(lián)網(wǎng)技術(shù)與移動通信技術(shù)已得到廣泛的運用，這兩大信息產(chǎn)業(yè)在市場發(fā)展中，存在著巨大的潛力。手機作為人們?nèi)粘Ｉ钪械耐ㄓ嵐ぞ咧唬F(xiàn)在手機市場上主要是iOS系統(tǒng)的蘋果手機與安卓系統(tǒng)的各種品牌的手機兩大系統(tǒng)平分手機系統(tǒng)市場，同時也在影響著整個移動端用戶界面以及其他視覺領(lǐng)域的設(shè)計風(fēng)格。應(yīng)市場的變化，兩系統(tǒng)產(chǎn)品更新速度非?？欤谑芡皇袌霏h(huán)境的影響下有很多共同點，也有各自的特點。分析這兩系統(tǒng)的用戶界面設(shè)計淺談?wù)麄€移動端用戶的界面設(shè)計

關(guān)鍵詞：數(shù)據(jù)時代;用戶界面;視覺設(shè)計;APP

一、時代背景

（一）數(shù)字化的時代背景

現(xiàn)代科學(xué)技術(shù)的飛速發(fā)展，高速推動著信息時代的到來，也在大刀闊斧的改變著人們的生活，人類已經(jīng)真正意義上進入信息化的大數(shù)據(jù)時代。這樣的時代背景之下，人們的生活質(zhì)量顯著提高，然數(shù)字化革命也在高速煥發(fā)新的技術(shù)，且也向人類生活的各個領(lǐng)域全面推進，尤其對于移動通信技術(shù)的運用，在社會的各行各業(yè)之中，由于移動端技術(shù)的廣泛應(yīng)用，進一步擴展了數(shù)字化和信息化的普及范圍，對于個人來說也是如此，我們通過移動端網(wǎng)絡(luò)技術(shù)可實現(xiàn)數(shù)據(jù)信息的共享，加強工作、學(xué)習(xí)和生活上的溝通與交流，總之，移動端技術(shù)在社會生活中的應(yīng)用在一定程度上促進了數(shù)字化和信息化時代的發(fā)展。

（二）大數(shù)據(jù)時代背景下對移動端用戶習(xí)慣與界面的影響

大數(shù)據(jù)時代背景下對移動端用戶界面習(xí)慣的改變，由于國內(nèi)的電子行業(yè)的發(fā)展較晚，所以國內(nèi)在移動端界面上有很大的發(fā)展空間，加上時代背景的推動，人們的生活節(jié)奏加快，人與人之間的聯(lián)系與交流越來越密切，與接動端設(shè)備接觸更為密切，所以對用戶來說，最直觀的界面設(shè)計更能抓住獲得消費者的青睞。這也推動著界面設(shè)計的快速發(fā)展。一個簡潔美觀容易操作的界面會給用戶帶來視覺上的舒適感，使人們對應(yīng)用操作節(jié)省時間，提高工作效率，促進數(shù)據(jù)信息交流。由于手機體積小，功能齊全，可滿足人們之間最基本的各種形式的交流與信息傳遞。

二、移動端的界面視覺設(shè)計

（一）界面色調(diào)

1、應(yīng)用圖標(biāo)的色彩

界面中應(yīng)用圖標(biāo)色彩的變化是通過視覺表現(xiàn)并傳達給使用者的設(shè)計。對于一個APP來說，一個應(yīng)用圖標(biāo)能清楚的傳達本產(chǎn)品的服務(wù)方向與用途是非常有必要的，如果看到這個圖標(biāo)就知道這款產(chǎn)品的服務(wù)方向與用途，能準(zhǔn)確有效地表達出軟件開發(fā)商的意圖，也能讓用戶直觀的對這個產(chǎn)品有一個初步的感知，圖標(biāo)色彩的變化能過使用戶界面以簡單明了色彩的方式設(shè)計。比如我們所熟知的淘寶，會選用能刺激人們購買欲的橘紅色，比如優(yōu)酷以“這世界很酷”為品牌理念，所以選擇很有視覺沖擊力的紅色和藍色搭配結(jié)合作為應(yīng)用圖標(biāo)的主題色。這樣才能夠到達應(yīng)用圖標(biāo)不斷的創(chuàng)新化，時代化。

（二）系統(tǒng)圖形與圖形部件

1、APP圖標(biāo)的設(shè)計

對于APP圖標(biāo)的軟件用戶圖形登陸界面設(shè)計也是同于各個版本的圖標(biāo)統(tǒng)一進行一體化設(shè)計，以各自的特點以及升級的特點，進行描述，利用這個APP圖標(biāo)，還可以讓用戶更加了解此軟件的應(yīng)用，更好的表述軟件功能和APP工作效率。例如iOS系統(tǒng)的蘋果手機里的溫度計APP設(shè)計，最新版本APP的圖標(biāo)用戶界面時的登陸畫面的立體感與透明感的強烈效果，使溫度計APP界面具有創(chuàng)新能力和平面設(shè)計的最佳視覺效果。

2、系統(tǒng)圖標(biāo)、圖形部件設(shè)計

系統(tǒng)圖標(biāo)、圖形部件在移動端用戶界面設(shè)計中具有指定命令的作用，假如是游戲的圖形快捷方式，可以采用一些神秘感的圖形來設(shè)計。如果不是游戲軟件系統(tǒng)，我們將應(yīng)該避免與使用者來捉迷藏的心態(tài)。例如用頁簽來表現(xiàn)的從屬關(guān)系，就不應(yīng)該簡單的做幾個鏈接，這樣會表達不清楚各部分關(guān)系。除此類的布局因素之外，系統(tǒng)圖標(biāo)、圖形的表達是軟件視覺中的一大塊，好的系統(tǒng)圖標(biāo)、圖形表達可以幫助用戶直觀感受功能，縮短操作時間，提高效率。

（三）移動端的系統(tǒng)界面設(shè)計

1、界面布局

良好的布局前提下要有一個很好的可讀性，必須清晰，舒適的感官視覺性。可讀性不單一的體現(xiàn)了視覺感觀性的功能，而且還要體現(xiàn)出閱讀的美感性。因此，界面設(shè)計者必須掌握各種視覺信息，思想和表達的組合。良好的布局也讓觀眾得到一個特殊的共鳴，觀眾能夠理解和認(rèn)同的設(shè)計傳達的意義和主題，并感染了視覺信息。與觀眾產(chǎn)生共鳴的設(shè)計既體現(xiàn)內(nèi)涵又可以理解的，但也有情感的作用，喚起了觀眾。這就要求設(shè)計作品有針對性地調(diào)查和研究受眾的閱讀習(xí)慣和文化背景，這樣才能形成互動的傳播。

2、動態(tài)和靜態(tài)視覺設(shè)計

用戶界面視覺設(shè)計的智能手機應(yīng)用程序界面不再局限于靜態(tài)的視覺藝術(shù)美感，而是上升到了動態(tài)和靜態(tài)的綜合審美相結(jié)合的方法，主要是感官的愉悅，使用和情感激勵時解釋樂趣的意義。正如美需要與建議的互動聯(lián)系起來是一個動態(tài)的審美活動。智能手機應(yīng)用程序界面視覺設(shè)計的美感主要體現(xiàn)在兩個方面：第一，強化視覺界面的吸引力，設(shè)計令用戶感到有趣和新奇的界面視覺效果，使其帶給用戶一種耳目一新的感官體驗;第二，遵循用戶對視覺界面的心理預(yù)期，設(shè)計令用戶感到貼心的視覺界面，使視覺效果不僅能符合用戶的心理模型還能體現(xiàn)一種人性化的關(guān)懷。

三、未來移動端用戶界面風(fēng)格

（一）個性用戶界面

個性化用戶界面簡單理解就是每個界面都有自己的風(fēng)格，設(shè)計時定義風(fēng)格，然后實現(xiàn)出來，個性化化就成了一個獨立的風(fēng)格了。我們平時在做一些界面設(shè)計的時候做到一些基本的原則之后，就要更多的考慮到我們的受眾年齡、喜好、愛好、性別等等，也就是說我們在做設(shè)計時要有針對性，比方說年輕人都特別喜歡那種與眾不同的風(fēng)格，獨一無二的感覺這些都是現(xiàn)在大多數(shù)的年輕追求的一些東西，個性的張揚。如果你一味地遵循業(yè)界標(biāo)準(zhǔn)風(fēng)格將失去自己的個性。特別是在商業(yè)軟件的使用化有著很好的廣告效果。

（二）復(fù)古風(fēng)格用戶界面

復(fù)古風(fēng)格用戶界面，顧名思義復(fù)古。在這個飛速發(fā)展的時代，大部分人都在注重速度，喜歡新的東西，在努力趕上這個光速發(fā)展的時代，然而總有一些人喜歡慢的節(jié)奏，回味著過去質(zhì)樸的點滴。他們不僅會關(guān)注那些線下一些比較熱門的風(fēng)格，更多的還是喜歡那些以前很具年代感的東西，比如我們的父母、爺爺奶奶那一輩的人更喜歡他們那個時代的東西，這些東西會勾起那些美好的童年往事，所以人機交互界面中復(fù)古風(fēng)格用戶界面設(shè)計就應(yīng)運而生，在設(shè)計中加入懷舊元素來滿足。

四、總結(jié)

現(xiàn)代社會是大數(shù)據(jù)時代下一個無局限的互聯(lián)網(wǎng)時代社會，每個人在剛接觸的時候都會感覺到無線網(wǎng)絡(luò)給人們帶來的神秘感，無論是什么人，移動端用戶界面給人的印象首先就是操作上的方便，簡潔，易懂的形式，之后人們才會去對界面發(fā)自內(nèi)心的喜愛，了解手機用戶界面的內(nèi)涵。因此設(shè)計不可或缺的重要是視覺設(shè)計和功效，在移動端界面品牌構(gòu)建中更是具有相當(dāng)重要的戰(zhàn)略地位。

參考文獻：

[1] 馬紅光.《科技信息》北京大學(xué)出版社，2009.

[2] 馬衛(wèi)娟，方志剛.《人機交互風(fēng)格及其發(fā)展趨勢》[J];航空計算技術(shù)出版社，1999.

[3] 陳滿儒，張大偉.《基于移動端用戶界面發(fā)展模式的研究及其應(yīng)用分析》[J];北京大學(xué)出版社，2007.

（作者單位：大連工業(yè)大學(xué)）