手機(jī)GUI設(shè)計(jì)基本知識
2011-08-26 文章來源: 深達(dá)設(shè)計(jì)
GUI的設(shè)計(jì)分為平臺內(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ì)限制和平臺限制都比較大。
一,什么是 MOBILE GUI設(shè)計(jì)
簡單來說就是手持設(shè)備的圖形用戶界面設(shè)計(jì),狹義上來看是手機(jī)和PPC,廣義上可以推廣至手機(jī),移動電視,車載系統(tǒng),手持游戲機(jī),MP3,GPS等一切手持移動設(shè)備。
MOBILE GUI的設(shè)計(jì)基于對手持設(shè)備產(chǎn)品的使用特性的理解,對用戶的研究和對界面使用情景的深入研究。GUI的設(shè)計(jì)分為平臺內(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ì)限制和平臺限制都比較大。目前索愛和三星以及NOKIA的S60平臺支持用戶的THEME自定義設(shè)計(jì)。
設(shè)計(jì)研究的流程為: 產(chǎn)品特性 -- 用戶心理 -- 市場背景 -- 圖形設(shè)計(jì)策略 -- 設(shè)計(jì)檢驗(yàn) -- 實(shí)際設(shè)計(jì)投放
二,界面基本要素
手機(jī)界面層級: idle(待機(jī)界面) -- mainmenu(主菜單) -- submenu(二級菜單) -- third level menu(三級菜單) 界面除了包括圖標(biāo)和文字外,比較重要的還有function animation(呼叫,發(fā)送信息等) 以及 function interface(計(jì)算器,日歷界面等)
明確意義的圖標(biāo),風(fēng)格鮮明的版面設(shè)計(jì)是手機(jī)界面設(shè)計(jì)的重要工作,目前較為流行的是以MOTOROLA,NOKIA等為代表的歐洲簡單風(fēng)格,以及韓國的時尚絢麗的風(fēng)格。
在更新穎的交互操作和與手機(jī)ID設(shè)計(jì)的整體結(jié)合上,韓系手機(jī)作的比較好,而在可用性和體驗(yàn)難度上,歐系手機(jī)則比較優(yōu)秀。
三,設(shè)計(jì)注意事項(xiàng)
尺寸問題: 128X160, 176X220, 240X320 象素尺寸是目前較常見的手機(jī)屏幕尺寸,在設(shè)計(jì)時可以根據(jù)實(shí)際產(chǎn)品要求進(jìn)行設(shè)計(jì),更大的屏幕可以有更多的交互表現(xiàn)和視覺元素的支持,較為自由。
色彩問題: 由于手機(jī)LCD本身的限制,在色彩的還原程度上沒有PC如此完善,因此在選用色彩時要根據(jù)使用的屏幕進(jìn)行調(diào)節(jié)。
可實(shí)現(xiàn)性問題: 受到硬件運(yùn)算速度和內(nèi)存的影響,以及不可預(yù)計(jì)的后臺程序開發(fā)難度,過于復(fù)雜的效果將很難進(jìn)行實(shí)現(xiàn),與程序工程師和UI工程師,硬件工程師的溝通顯得尤為重要。
四,建議
工具: 常用的PHOTOSHOP,AI和一些3D軟件是制作的常用工具,在最終輸入時會需要一些模擬程序以及平臺程序的支持,不過在GUI設(shè)計(jì)階段可以暫不考慮
尺寸: 建議選擇240X320大小的屏幕尺寸進(jìn)行設(shè)計(jì),自由度和發(fā)揮空間會大一點(diǎn)
概念: 設(shè)計(jì)的概念是設(shè)計(jì)中尤其重要的部分,敢于嘗試新穎的交互模型和GUI視覺元素是設(shè)計(jì)的重要工作。
本文來源:網(wǎng)易學(xué)院 作者:一翔的BLOG