>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
移動(dòng)ui設(shè)計(jì)培訓(xùn)
移動(dòng)ui設(shè)計(jì)培訓(xùn)
68 2015-11-06
手機(jī)的終端用戶(hù)在眾多的應(yīng)用使用中,最終會(huì)選擇界面視覺(jué)效果良好,且具有良好體驗(yàn)的應(yīng)用留在自己的手機(jī)上長(zhǎng)期使用。面對(duì)用戶(hù)對(duì)手機(jī)UI的要求,手機(jī)UI設(shè)計(jì)師如何滿(mǎn)足用戶(hù)要求,如何使自己設(shè)計(jì)的軟件盈利呢?手機(jī)界面不同于網(wǎng)頁(yè)和窗體應(yīng)用的界面,手機(jī)UI設(shè)計(jì)師需要挑戰(zhàn)小尺寸屏幕下的施展空間,需要將眾多的信息放在小尺寸屏幕里,這無(wú)疑是一個(gè)巨大的挑戰(zhàn)。
一、設(shè)計(jì)規(guī)范:
最常用的Photoshop、Ai和一些3D軟件是制作的常用工具,在最終輸入時(shí)會(huì)需要一些模擬程序以及平臺(tái)程序的支持,不過(guò)在GUI設(shè)計(jì)階段可以暫不考慮
尺寸: 建議選擇240x320大小的屏幕尺寸進(jìn)行設(shè)計(jì),自由度和發(fā)揮空間會(huì)大一點(diǎn)
概念: 設(shè)計(jì)的概念是設(shè)計(jì)中尤其重要的部分,敢于嘗試新穎的交互模型和GUI視覺(jué)元素是設(shè)計(jì)的重要工作。
設(shè)計(jì)定義
簡(jiǎn)單來(lái)說(shuō)Mobile GUI設(shè)計(jì)就是手持設(shè)備的圖形用戶(hù)界面設(shè)計(jì),狹義上來(lái)看是手機(jī)和PPC,廣義上可以推廣至手機(jī),移動(dòng)電視,車(chē)載系統(tǒng),手持游戲機(jī),MP3,GPS等一切手持移動(dòng)設(shè)備。
Mobile GUI的設(shè)計(jì)基于對(duì)手持設(shè)備產(chǎn)品的使用特性的理解,對(duì)用戶(hù)的研究和對(duì)界面使用情景的深入研究。GUI的設(shè)計(jì)分為平臺(tái)內(nèi)置和主題設(shè)計(jì)部分,前者需要專(zhuān)業(yè)的designhouse根據(jù)廠家的實(shí)際產(chǎn)品進(jìn)行設(shè)計(jì)分析后進(jìn)行整體設(shè)計(jì),后者則可以經(jīng)由任何用戶(hù)進(jìn)行自主設(shè)計(jì),當(dāng)然后者的設(shè)計(jì)限制和平臺(tái)限制都比較大。索愛(ài)和三星以及Nokia的S60平臺(tái)支持用戶(hù)的Theme自定義設(shè)計(jì)。
設(shè)計(jì)研究的流程為: 產(chǎn)品特性--用戶(hù)心理--市場(chǎng)背景--圖形設(shè)計(jì)策略--設(shè)計(jì)檢驗(yàn)--實(shí)際設(shè)計(jì)投放
界面基本要素
手機(jī)界面層級(jí): idle(待機(jī)界面) Mainmenu(主菜單) Submenu(二級(jí)菜單)Third level menu(三級(jí)菜單) 界面除了包括圖標(biāo)和文字外,比較重要的還有function animation(呼叫,發(fā)送信息等) 以及 function interface(計(jì)算器,日歷界面等)
明確意義的圖標(biāo),風(fēng)格鮮明的版面設(shè)計(jì)是手機(jī)界面設(shè)計(jì)的重要工作,較為流行的是以Motorola,Nokia等為代表的歐洲簡(jiǎn)單風(fēng)格,以及韓國(guó)的時(shí)尚絢麗的風(fēng)格。
在更新穎的交互操作和與手機(jī)Id設(shè)計(jì)的整體結(jié)合上,韓系手機(jī)作的比較好,而在可用性和體驗(yàn)難度上,歐系手機(jī)則比較優(yōu)秀。
設(shè)計(jì)注意事項(xiàng)
尺寸問(wèn)題: 480X800,540X960,720X1280,1080X1920象素尺寸是較常見(jiàn)的手機(jī)屏幕尺寸,在設(shè)計(jì)時(shí)可以根據(jù)實(shí)際產(chǎn)品要求進(jìn)行設(shè)計(jì),更大的屏幕可以有更多的交互表現(xiàn)和視覺(jué)元素的支持,較為自由。
色彩問(wèn)題: 由于手機(jī)lcd本身的限制,在色彩的還原程度上沒(méi)有pc如此完善,因此在選用色彩時(shí)要根據(jù)使用的屏幕進(jìn)行調(diào)節(jié)。
可實(shí)現(xiàn)性問(wèn)題: 受到硬件運(yùn)算速度和內(nèi)存的影響,以及不可預(yù)計(jì)的后臺(tái)程序開(kāi)發(fā)難度,過(guò)于復(fù)雜的效果將很難進(jìn)行實(shí)現(xiàn),與程序工程師和ui工程師,硬件工程師的溝通顯得尤為重要。
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)