朱婷

摘要：

系統(tǒng)UI設(shè)計(jì)是智能手機(jī)發(fā)展不可或缺的一部分，它為智能手機(jī)的創(chuàng)新提供了美術(shù)和交互設(shè)計(jì)上的支持。在未來(lái)的智能手機(jī)系統(tǒng)的變革中，系統(tǒng)UI將擔(dān)當(dāng)起越來(lái)越重要的角色。

關(guān)鍵詞：智能手機(jī)；UI；交互設(shè)計(jì)

一、智能手機(jī)系統(tǒng)UI的發(fā)展歷程

UI即User Interface（用戶(hù)界面）的簡(jiǎn)稱(chēng)。UI設(shè)計(jì)則是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。而對(duì)于智能手機(jī)系統(tǒng)而言，UI主要指系統(tǒng)界面美術(shù)設(shè)計(jì)和人與系統(tǒng)之間人機(jī)交互兩個(gè)方面。

智能手機(jī)系統(tǒng)UI伴隨著智能手機(jī)出現(xiàn)而登上歷史舞臺(tái)。而第一臺(tái)智能手機(jī)是1999年末摩托羅拉推出天拓a6188，之后的智能手機(jī)，從UI設(shè)計(jì)上分成兩個(gè)方向。一個(gè)是以symbian系統(tǒng)為代表的功能智能化系統(tǒng)，這一類(lèi)系統(tǒng)在交互上沒(méi)有拋棄手機(jī)9宮格這種傳統(tǒng)的手機(jī)界面和交互，在美術(shù)設(shè)計(jì)上也沿用手機(jī)圖標(biāo)的設(shè)計(jì)思路。而另一個(gè)是Windows Mobile系統(tǒng)為代表的類(lèi)pc系統(tǒng)，這一類(lèi)系統(tǒng)在交互上與pc系統(tǒng)操作類(lèi)似也就是熟知的PDA概念，在美術(shù)設(shè)計(jì)上也與pc圖標(biāo)接近。這兩個(gè)方向分別展開(kāi)了對(duì)移動(dòng)智能系統(tǒng)UI探索。

2007年蘋(píng)果發(fā)布IOS系統(tǒng)和iphone，把智能手機(jī)推上了高速發(fā)展的道路。而IOS的出現(xiàn)，改變了之前人們對(duì)于手機(jī)的使用習(xí)慣，從美術(shù)設(shè)計(jì)上走上了擬物化的圖標(biāo)設(shè)計(jì)，交互上拋棄了實(shí)體按鍵，運(yùn)用手指而不是觸控筆去操作手機(jī)。而這正是以上兩個(gè)探索方向所吸取的經(jīng)驗(yàn)所獲得成果。之后的安卓，Windows Phone，MEEGO等職能操作系統(tǒng)則像雨后春筍一般冒了出來(lái)。

二、系統(tǒng)UI的現(xiàn)狀

當(dāng)今的智能手機(jī)的系統(tǒng)UI已經(jīng)發(fā)展到一個(gè)相當(dāng)高的地步。一個(gè)完整的移動(dòng)設(shè)備生態(tài)系統(tǒng)也建立起來(lái)。各家公司如同發(fā)現(xiàn)新大陸般的拓展這個(gè)市場(chǎng)。目前主流市場(chǎng)上，IOS，安卓，Windows phone和黑莓OS霸占著幾乎全部智能手機(jī)市場(chǎng)。但是有趣的是，它們各自的系統(tǒng)UI設(shè)計(jì)各不相同又各自交融。UI的美術(shù)設(shè)計(jì)上擬物風(fēng)占據(jù)著主流，各家的圖標(biāo)不管是系統(tǒng)本身還是APP軟件都是往擬物精致上靠攏。力求使用者看到界面時(shí)，可以很快理解圖標(biāo)的含義用途，同時(shí)又給使用者帶來(lái)良好的使用感受。當(dāng)然也有風(fēng)格迥異的Windows phone，在設(shè)計(jì)上給予使用者簡(jiǎn)單塊狀界面，讓使用看到的東西更直觀。

當(dāng)然總的來(lái)講目前的系統(tǒng)UI美術(shù)設(shè)計(jì)遵循規(guī)格統(tǒng)一原則。即不管如何設(shè)計(jì)某一個(gè)圖標(biāo)，同一系統(tǒng)下圖標(biāo)擁有一樣的特性。比如IOS的所有圖標(biāo)都運(yùn)用投影圓角圖標(biāo)。即使Windows phone不同大小的方塊，也是有特定規(guī)格選擇內(nèi)的。系統(tǒng)UI的交互上，經(jīng)過(guò)長(zhǎng)時(shí)間的探索。每個(gè)系統(tǒng)在設(shè)計(jì)交互時(shí)都形成了特有的規(guī)范，而這些規(guī)范正是為了適應(yīng)手機(jī)觸控和屏幕空間有限的特點(diǎn)。比如IOS的開(kāi)發(fā)者手冊(cè)里面對(duì)于程序的很多按鍵大小都給予了一定的限制。而這些限制就是為了使用者在使用手機(jī)時(shí)獲得更好的觸控體驗(yàn)。而下拉刷新，多手指操作指令等這類(lèi)手勢(shì)觸控設(shè)計(jì)都給目前的智能手機(jī)系統(tǒng)交互帶來(lái)很多新鮮血液。

三、系統(tǒng)UI的發(fā)展趨勢(shì)

在智能手機(jī)橫掃全球市場(chǎng)的背景下，用戶(hù)體驗(yàn)的提升成為新一輪手機(jī)系統(tǒng)UI創(chuàng)新的重要驅(qū)動(dòng)力。智能手機(jī)已經(jīng)在當(dāng)今作為一個(gè)移動(dòng)終端而非簡(jiǎn)單電話而存在，智能手機(jī)已經(jīng)改變了很多人的生活習(xí)慣。智能手機(jī)的UI面對(duì)也已經(jīng)不僅僅是打電話，發(fā)短信，聽(tīng)聽(tīng)歌這些簡(jiǎn)單功能了。當(dāng)先驅(qū)者們把人們帶進(jìn)全民觸控時(shí)代后，對(duì)于系統(tǒng)UI的設(shè)計(jì)師而言面臨著巨大的挑戰(zhàn)，美術(shù)設(shè)計(jì)上如何獲得新的突破，交互上如何取得更好的創(chuàng)新，如何在這時(shí)代帶來(lái)更好的觸控體驗(yàn)。這些都是手機(jī)系統(tǒng)UI未來(lái)發(fā)展方向和突破點(diǎn)。

從UI美術(shù)設(shè)計(jì)上，從擬物化的圖標(biāo)設(shè)計(jì)出現(xiàn)到現(xiàn)在已經(jīng)快有6個(gè)年頭，用戶(hù)使用已經(jīng)出現(xiàn)很多審美疲勞，雖然擬物風(fēng)格的界面可以減少使用者對(duì)系統(tǒng)的本身認(rèn)知成本。但是擬物化出現(xiàn)的時(shí)候更多的是為了使用者更快接受智能系統(tǒng)而設(shè)計(jì)的，然而今天的使用者，已經(jīng)熟悉了這一切。因此未來(lái)如何更好的表達(dá)系統(tǒng)本身內(nèi)容信息，不要讓系統(tǒng)本身的華麗的UI設(shè)計(jì)喧賓奪主，才是一個(gè)大的發(fā)展方向。而在這方面微軟已經(jīng)走出了第一步。扁平化的UI設(shè)計(jì)，已經(jīng)運(yùn)用于微軟的pc和手機(jī)系統(tǒng)設(shè)計(jì)上，iOS7也運(yùn)用了類(lèi)似的嘗試，誰(shuí)能夠把這新的設(shè)計(jì)風(fēng)格和思路更好的包裝從而讓使用者接受，就成了一個(gè)重點(diǎn)。當(dāng)大眾審美還陶醉在精致到和實(shí)物接近的圖標(biāo)上時(shí)。如何讓他們?nèi)ソ邮堋胺佃睔w真”的簡(jiǎn)介設(shè)計(jì)便成了一個(gè)很大的挑戰(zhàn)。

交互設(shè)計(jì)上，如果說(shuō)觸控帶給使用者是的人機(jī)交互新的體驗(yàn)，那未來(lái)新的突破點(diǎn)在哪？如何設(shè)計(jì)新的交互方式讓使用者更加方便快捷的使用手機(jī)系統(tǒng)。畢竟現(xiàn)有的手勢(shì)交互已經(jīng)進(jìn)入了一個(gè)瓶頸。隨著傳感器的不斷進(jìn)步，懸浮觸控，眼睛控制等等交互方式，甚至隨著手機(jī)硬件本身的變化成為穿戴設(shè)備，又一次新的交互革命再一次發(fā)生。從而再一次改變?nèi)藗儗?duì)于手機(jī)系統(tǒng)交互的體驗(yàn)方式。

智能手機(jī)系統(tǒng)UI，為了適應(yīng)著網(wǎng)絡(luò)發(fā)展，硬件提升和行業(yè)創(chuàng)新，不斷的進(jìn)化和突破。從而使得使用者更加方便的使用移動(dòng)設(shè)備，體驗(yàn)移動(dòng)互聯(lián)網(wǎng)所帶給使用者的變革。我們想想如果沒(méi)有這樣系統(tǒng)UI設(shè)計(jì)會(huì)怎么樣？即使有了更加靈敏的電容屏幕，我們?nèi)稳粫?huì)覺(jué)用手指點(diǎn)擊一個(gè)很小圖標(biāo)是多費(fèi)力的一件事情。如果沒(méi)有精美的系統(tǒng)UI圖標(biāo)，即使有了靚麗的大屏幕，但是我們?nèi)稳粺o(wú)法覺(jué)得使用它們是多賞心悅目的一件事情。良好的設(shè)計(jì)給予使用者友善的交互體驗(yàn)，而正是這樣的體驗(yàn)讓越來(lái)越多的使用者得以接受新生的事物。這也是設(shè)計(jì)本身的魅力。

【參考文獻(xiàn)】

顧炎輝.論手機(jī)UI設(shè)計(jì)發(fā)展趨勢(shì)[J].科技信息，2012（33）

【作者單位：武漢紡織大學(xué)藝術(shù)與設(shè)計(jì)學(xué)院】