手機(jī)GUI設(shè)計(jì)基本知識(shí)
2011-08-26 文章來(lái)源: 深達(dá)設(shè)計(jì)
GUI的設(shè)計(jì)分為平臺(tái)內(nèi)置和主題設(shè)計(jì)部分,前者需要專業(yè)的DESIGN HOUSE根據(jù)廠家的實(shí)際產(chǎn)品進(jìn)行設(shè)計(jì)分析后進(jìn)行整體設(shè)計(jì),后者則可以經(jīng)由任何用戶進(jìn)行自主設(shè)計(jì),當(dāng)然后者的設(shè)計(jì)限制和平臺(tái)限制都比較大。
一,什么是 MOBILE GUI設(shè)計(jì)
簡(jiǎn)單來(lái)說(shuō)就是手持設(shè)備的圖形用戶界面設(shè)計(jì),狹義上來(lái)看是手機(jī)和PPC,廣義上可以推廣至手機(jī),移動(dòng)電視,車載系統(tǒng),手持游戲機(jī),MP3,GPS等一切手持移動(dòng)設(shè)備。
MOBILE GUI的設(shè)計(jì)基于對(duì)手持設(shè)備產(chǎn)品的使用特性的理解,對(duì)用戶的研究和對(duì)界面使用情景的深入研究。GUI的設(shè)計(jì)分為平臺(tái)內(nèi)置和主題設(shè)計(jì)部分,前者需要專業(yè)的DESIGN HOUSE根據(jù)廠家的實(shí)際產(chǎn)品進(jìn)行設(shè)計(jì)分析后進(jìn)行整體設(shè)計(jì),后者則可以經(jīng)由任何用戶進(jìn)行自主設(shè)計(jì),當(dāng)然后者的設(shè)計(jì)限制和平臺(tái)限制都比較大。目前索愛(ài)和三星以及NOKIA的S60平臺(tái)支持用戶的THEME自定義設(shè)計(jì)。
設(shè)計(jì)研究的流程為: 產(chǎn)品特性 -- 用戶心理 -- 市場(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)題: 128X160, 176X220, 240X320 象素尺寸是目前較常見(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工程師,硬件工程師的溝通顯得尤為重要。
四,建議
工具: 常用的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ì)的重要工作。
本文來(lái)源:網(wǎng)易學(xué)院 作者:一翔的BLOG