隨著手機移動設(shè)備不斷普及,對手機設(shè)備的軟件需求越來越多,手機移動操作系統(tǒng)廠商正在不約而同地建立手機設(shè)備應(yīng)用程序市場,如Apple的App Store、Google的Android Market、Microsoft的Windows Phone 7 Marketplace,給手機的終端用戶帶來巨量的應(yīng)用軟件。這些軟件良莠不齊,界面各異,手機的終端用戶在眾多的應(yīng)用使用中,終會選擇界面視覺效果良好,且具有良好體驗的應(yīng)用留在自己的手機上長期使用。面對用戶對手機UI的要求,手機UI設(shè)計師如何滿足用戶要求,如何使自己設(shè)計的軟件盈利呢?手機界面不同于網(wǎng)頁和窗體應(yīng)用的界面,手機UI設(shè)計師需要挑戰(zhàn)小尺寸屏幕下的施展空間,需要將眾多的信息放在小尺寸屏幕里,這無疑是一個巨大的挑戰(zhàn)。
手機ui設(shè)計是手機軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。置身于手機操作系統(tǒng)中人機交互的窗口,設(shè)計界面必須基于手機的物理特性和軟件的應(yīng)用特性進(jìn)行合理的設(shè)計,界面設(shè)計師首先應(yīng)對手機的系統(tǒng)性能有所了解。手機UI設(shè)計一直被業(yè)界稱為產(chǎn)品的“臉面”,好的UI設(shè)計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點。
一、用戶需求:
沒有人喜歡等待,在移動領(lǐng)域中尤其如此。我們將設(shè)備帶上火車,在汽車上快速回復(fù)郵件,或者在走出屋子的時候查看天氣預(yù)報。我們利用時間間隙來做這些小事情,來換取更多時間做真正喜歡做的事。不要讓人們等待你的應(yīng)用做某件事情。提升應(yīng)用表現(xiàn),改變UI,讓用戶所需結(jié)果的呈現(xiàn)變得更快。
二、現(xiàn)狀趨勢:
在中國,隨著移動互聯(lián)網(wǎng)的迅猛發(fā)展,整個行業(yè)的規(guī)模越發(fā)的龐大起來,分工也逐漸細(xì)化,越來越多的專業(yè)手機UI設(shè)計機構(gòu)嶄露頭角。作為業(yè)內(nèi)知名的手機UI設(shè)計公司FaceUI就曾坦言,“未來移動互聯(lián)網(wǎng)的勢頭不容小覷,而UI設(shè)計自然會成為樹立競爭優(yōu)勢的重要砝碼?!?br>UI設(shè)計的好壞的確影響了一款A(yù)PP產(chǎn)品的成敗,要成為一款有競爭力的軟件,界面設(shè)計是第一位的,界面的體驗和美觀是用戶對一個軟件至關(guān)重要的第一印象。精美的界面設(shè)計、良好的用戶體驗使產(chǎn)品煥發(fā)了生命力、增進(jìn)了用戶的使用黏度與口碑傳播,也大幅提升了產(chǎn)品的下載量、點擊率。
國內(nèi)的移動互聯(lián)網(wǎng)尚處于發(fā)展初期,相信未來不久一定會呈現(xiàn)欣欣向榮的發(fā)展勢頭,而UI設(shè)計,一定會成為移動互聯(lián)網(wǎng)產(chǎn)業(yè)結(jié)構(gòu)的重要分支行業(yè),成為促進(jìn)移動互聯(lián)網(wǎng)高速發(fā)展的重要力量。
三、基本范圍:
常用的Photoshop、Ai和一些3D軟件是制作的常用工具,在終輸入時會需要一些模擬程序以及平臺程序的支持,不過在GUI設(shè)計階段可以暫不考慮
尺寸: 建議選擇240x320大小的屏幕尺寸進(jìn)行設(shè)計,自由度和發(fā)揮空間會大一點
概念: 設(shè)計的概念是設(shè)計中尤其重要的部分,敢于嘗試新穎的交互模型和GUI視覺元素是設(shè)計的重要工作。
設(shè)計定義
簡單來說Mobile GUI設(shè)計就是手持設(shè)備的圖形用戶界面設(shè)計,狹義上來看是手機和PPC,廣義上可以推廣至手機,移動電視,車載系統(tǒng),手持游戲機,MP3,GPS等一切手持移動設(shè)備。
Mobile GUI的設(shè)計基于對手持設(shè)備產(chǎn)品的使用特性的理解,對用戶的研究和對界面使用情景的深入研究。GUI的設(shè)計分為平臺內(nèi)置和主題設(shè)計部分,前者需要專業(yè)的designhouse根據(jù)廠家的實際產(chǎn)品進(jìn)行設(shè)計分析后進(jìn)行整體設(shè)計,后者則可以經(jīng)由任何用戶進(jìn)行自主設(shè)計,當(dāng)然后者的設(shè)計限制和平臺限制都比較大。索愛和三星以及Nokia的S60平臺支持用戶的Theme自定義設(shè)計。
設(shè)計研究的流程為: 產(chǎn)品特性--用戶心理--市場背景--圖形設(shè)計策略--設(shè)計檢驗--實際設(shè)計投放
界面基本要素
手機界面層級: idle(待機界面) Mainmenu(主菜單) Submenu(二級菜單)Third level menu(三級菜單) 界面除了包括圖標(biāo)和文字外,比較重要的還有function animation(呼叫,發(fā)送信息等) 以及 function interface(計算器,日歷界面等)
明確意義的圖標(biāo),風(fēng)格鮮明的版面設(shè)計是手機界面設(shè)計的重要工作,較為流行的是以Motorola,Nokia等為代表的歐洲簡單風(fēng)格,以及韓國的時尚絢麗的風(fēng)格。
在更新穎的交互操作和與手機Id設(shè)計的整體結(jié)合上,韓系手機作的比較好,而在可用性和體驗難度上,歐系手機則比較優(yōu)秀。
設(shè)計注意事項
尺寸問題: 480X800,540X960,720X1280,1080X1920象素尺寸是較常見的手機屏幕尺寸,在設(shè)計時可以根據(jù)實際產(chǎn)品要求進(jìn)行設(shè)計,更大的屏幕可以有更多的交互表現(xiàn)和視覺元素的支持,較為自由。
色彩問題: 由于手機lcd本身的限制,在色彩的還原程度上沒有pc如此完善,因此在選用色彩時要根據(jù)使用的屏幕進(jìn)行調(diào)節(jié)。
可實現(xiàn)性問題: 受到硬件運算速度和內(nèi)存的影響,以及不可預(yù)計的后臺程序開發(fā)難度,過于復(fù)雜的效果將很難進(jìn)行實現(xiàn),與程序工程師和ui工程師,硬件工程師的溝通顯得尤為重要。
總的來說一切來得太快來的熱愛來得殘酷,但對于手機ui設(shè)計師的你們來說,這又何嘗不是機會和運氣。