關(guān)于手機(jī)界面設(shè)計(jì)

優(yōu)選關(guān)于手機(jī)界面設(shè)計(jì)目前一頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)一、界面設(shè)計(jì)的原則手機(jī)軟界面是置身于手機(jī)操作系統(tǒng)中的人機(jī)交互的窗口，設(shè)計(jì)界面必須基于手機(jī)的物理特性和軟件的應(yīng)用特性進(jìn)行合理的設(shè)計(jì)，界面設(shè)計(jì)師首先應(yīng)對(duì)手機(jī)的系統(tǒng)性能有所了解，例如：手機(jī)所支持的最多色彩數(shù)量、手機(jī)所支持的圖像格式，其次應(yīng)該對(duì)軟件的功能詳細(xì)了解熟悉每個(gè)模塊的應(yīng)用模式。從而做到最大限度的利用現(xiàn)有資源進(jìn)行用戶界面的開(kāi)發(fā)。目前二頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)二、定制界面版式1界面層級(jí)

idle（待機(jī)界面）--mainmenu（主菜單）--submenu（二級(jí)菜單）--thirdlevelmenu（三級(jí)菜單）目前三頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)

目前四頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)2界面構(gòu)成的基本單位

主要界面的構(gòu)成被分為幾個(gè)標(biāo)準(zhǔn)的信息區(qū)域（主要針對(duì)于按鍵手機(jī)，觸屏手機(jī)相對(duì)靈活）：狀態(tài)區(qū)、標(biāo)題區(qū)、功能操作區(qū)、公共導(dǎo)航區(qū)目前五頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前六頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)1）狀態(tài)區(qū)：標(biāo)示手機(jī)目前運(yùn)行狀態(tài)及事件的區(qū)域，可以包含電池電量、信號(hào)強(qiáng)度、運(yùn)營(yíng)商名稱、未處理事件icon及數(shù)量、時(shí)間等。狀態(tài)區(qū)域并不是必須存在，可依照交互需求進(jìn)行取舍。2）標(biāo)題區(qū)：主要是LOGO、名稱、版本以及相關(guān)圖文信息。3）功能操作區(qū)：它是軟件的核心部分，也是版面上面積最寬的部分。包含有列表（list）、焦點(diǎn)（highlight）、滾動(dòng)條（scroalbar）、圖標(biāo)（icon）等很多不同的元素。不同層級(jí)的界面包含的元素是不同的，需要依據(jù)具體情況合理搭配運(yùn)用。目前七頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)4）公共導(dǎo)航區(qū)：也稱之為軟鍵盤(pán)區(qū)域，它是對(duì)軟件操作進(jìn)行宏觀操控的區(qū)域，隨時(shí)可見(jiàn)，在這里它可以保存當(dāng)前操作結(jié)果、切換當(dāng)前操作模塊、退出軟件系統(tǒng)，實(shí)現(xiàn)對(duì)軟件的靈活操控。針對(duì)于嵌入式軟件，界面版式的設(shè)定，在很大程度上需要借鑒相關(guān)手機(jī)系統(tǒng)界面的版式，以確保樣式的相對(duì)統(tǒng)一，利于系統(tǒng)與軟件的整合。當(dāng)然也要考慮軟件本身的應(yīng)用特性，結(jié)合操作的可用性和可實(shí)施性，對(duì)版式進(jìn)行合理的調(diào)整，使呈現(xiàn)信息的區(qū)域與區(qū)域之間協(xié)調(diào)統(tǒng)一，主次得當(dāng)。確保用戶可以方便快捷地進(jìn)行功能操作。目前八頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)對(duì)于整個(gè)手機(jī)的操作系統(tǒng)界面，需要根據(jù)不同的設(shè)計(jì)需求進(jìn)行成體系的風(fēng)格設(shè)計(jì)。目前九頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)3界面元素的分解與組合界面的版式構(gòu)成依賴于界面的點(diǎn)線面的構(gòu)成，手機(jī)軟件由于自身運(yùn)行環(huán)境小，那就決定了必須控制自身的大小。因此我們的界面圖形必須根據(jù)需要進(jìn)行切分，能夠用程序?qū)崿F(xiàn)的效果盡量用程序?qū)崿F(xiàn)，如單色的線和面。復(fù)雜的圖標(biāo)就保留用圖片方式來(lái)呈現(xiàn)，因此我們?cè)诮缑姘媸降脑O(shè)計(jì)稿完成后，必須和程序員進(jìn)行密切的溝通，對(duì)需要分解的圖形元素進(jìn)行分解后優(yōu)化，然后交付程序員進(jìn)行版式的第二次組合。目前十頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)嚴(yán)格來(lái)說(shuō)我們需要提交幾個(gè)部分的東西：1）界面三個(gè)信息區(qū)的圖形切片標(biāo)題區(qū)：命名為T(mén)itle01、Title02、…主信息操作區(qū):其命名可根據(jù)不同欄目（應(yīng)用）主信息區(qū)為標(biāo)準(zhǔn)，如：電子地圖主信息操作區(qū)，map_main01、map_main02…公共導(dǎo)航區(qū)：mapbar01、mapbar02…目前十一頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)2）提供相關(guān)bgcolor的16進(jìn)制色值及配色方案

在photoshop軟件中提取16進(jìn)制色值：#c0c0c0。目前十二頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)3）提供數(shù)據(jù)準(zhǔn)確的界面版式分割圖及關(guān)鍵切片的坐標(biāo)位置圖示根據(jù)程序員提供的坐標(biāo)定位規(guī)則來(lái)確定圖形切片的位置，一般都是以界面的左上角的頂點(diǎn)為原點(diǎn)來(lái)標(biāo)示相對(duì)坐標(biāo)。目前十三頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)三、視覺(jué)效果手機(jī)界面的視覺(jué)效果，應(yīng)該遵循給用戶舒適、生機(jī)與活力的原則，通過(guò)視覺(jué)感官的刺激，增加用戶的親和力，適應(yīng)不同用戶的不同心理特征。目前十四頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)1簡(jiǎn)約明快型（適合色彩支持?jǐn)?shù)量較少的彩屏手機(jī)）基于大塊顏色和線條組合的構(gòu)成方式，不乏大氣、簡(jiǎn)約且精到、精彩。點(diǎn)線面基本元素的形狀構(gòu)成結(jié)合色彩的純凈搭配，干凈利落，給用戶的操作帶來(lái)輕松的感受。目前十五頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前十六頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前十七頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)在設(shè)計(jì)的過(guò)程中基于上述風(fēng)格設(shè)計(jì)的思路，在視覺(jué)效果的設(shè)計(jì)上需要參考如下方法：a、結(jié)合界面圖形設(shè)計(jì)的隱喻性，圖標(biāo)圖形盡量使用簡(jiǎn)潔的平面圖形，盡量使用像素化的表現(xiàn)形式。b、展現(xiàn)圖形界面的精到之處，合理的使用線條和色彩漸變,以確保細(xì)節(jié)的完美體現(xiàn)。c、把握界面整體色調(diào)的同時(shí)注意在圖標(biāo)和線條的色彩配置上下功夫，以活躍整個(gè)畫(huà)面，避免整個(gè)界面色彩單一，黯淡無(wú)光.目前十八頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)2趣味與獨(dú)創(chuàng)型手機(jī)界面設(shè)計(jì)中的趣味性，主要是指形式的情趣。這是一種活潑性的版面視覺(jué)語(yǔ)言。如果版面本無(wú)多少精彩的內(nèi)容，就要靠制造趣味取勝，這也是在構(gòu)思中調(diào)動(dòng)了藝術(shù)手段所起的作用。版面充滿趣味性，使傳媒信息如虎添翼，起到了畫(huà)龍點(diǎn)睛的傳神功力,從而更吸引人，打動(dòng)人。在手機(jī)界面設(shè)計(jì)中，可以考慮使用個(gè)性的圖標(biāo)或者有趣味性的版面造型等手法去表現(xiàn)界面的趣味性。獨(dú)創(chuàng)性原則實(shí)質(zhì)上是突出個(gè)性化特征的原則。鮮明的個(gè)性，是排版設(shè)計(jì)的創(chuàng)意靈魂。試想，一個(gè)版面多是單一化與概念化的大同小異，人云亦云，可想而知，它的記憶度有多少？更談不上出奇制勝。因此，要敢于思考，敢于別出心裁，敢于獨(dú)樹(shù)一幟，在排版設(shè)計(jì)中多一點(diǎn)個(gè)性而少一些共性，多一點(diǎn)獨(dú)創(chuàng)性而少一點(diǎn)一般性，才能羸得用戶的青睞。目前十九頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前二十頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前二十一頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)3高貴華麗型（適合支持色彩數(shù)量較多的彩屏手機(jī)，最好支持帶8位Alpha通道的png透明圖）目前二十二頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前二十三頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前二十四頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)

基于飽和的色彩和華麗的質(zhì)感，塑造超酷、超眩的視覺(jué)感受，利用羽化了的像素對(duì)圖形圖像進(jìn)行仿真設(shè)計(jì)，不僅塑造界面色彩、形狀，還進(jìn)一步在元素的質(zhì)感和體積感上下功夫。給用戶一種高貴華麗的視覺(jué)享受。目前二十五頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)在設(shè)計(jì)的過(guò)程中基于上述風(fēng)格設(shè)計(jì)的思路，在視覺(jué)效果的設(shè)計(jì)上需要參考如下方法：a、塑造界面的體積感和質(zhì)感，根據(jù)需要表現(xiàn)透明、半透明、粗燥、光滑等不同的視覺(jué)效果。b、圖標(biāo)的制作中盡量避免生硬的邊緣輪廓，提倡漸變、羽化加強(qiáng)圖形的仿真性能，使設(shè)計(jì)更加趨于人性化。c、考慮界面的整體色調(diào)，最好使用鄰近色或同類色進(jìn)行色彩構(gòu)成，采用色彩的弱對(duì)比，因?yàn)榻缑鎴D形本身就結(jié)合了體積感和質(zhì)感的塑造，如果整體色調(diào)對(duì)比太強(qiáng)，很容易給用戶造成眼睛疲勞。目前二十六頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)四、視覺(jué)元素的設(shè)計(jì)1圖形元素設(shè)計(jì)原則：風(fēng)格統(tǒng)一、簡(jiǎn)潔、直觀、隱喻、2圖形元素設(shè)計(jì)流程：確定風(fēng)格——確定圖標(biāo)的功能——確定圖標(biāo)的造型——進(jìn)行制作目前二十七頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)1)確定風(fēng)格：就是根據(jù)界面的總體風(fēng)格的策劃思路，結(jié)合界面其他元素的需要，對(duì)圖標(biāo)的整體風(fēng)格進(jìn)行考慮，以保證圖標(biāo)和整體效果的融合。明確意義的圖標(biāo)，風(fēng)格鮮明的版面設(shè)計(jì)是手機(jī)界面設(shè)計(jì)的重要工作，目前較為流行的是以MOTOROLA，NOKIA等為代表的歐洲簡(jiǎn)單風(fēng)格，以及韓國(guó)以samsung，lg為代表的時(shí)尚絢麗的風(fēng)格，日本的shapp手機(jī)也很有特色，iphone則是無(wú)數(shù)手機(jī)廠商跟風(fēng)和膜拜的對(duì)象掀起了tuch狂潮。目前二十八頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)在更新穎的交互操作和與手機(jī)ID設(shè)計(jì)的整體結(jié)合上，韓系手機(jī)比較突出（samsungf488），而在可用性和體驗(yàn)難度上，歐系手機(jī)則比較優(yōu)秀（nokia）。

目前二十九頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)

目前三十頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)2)確定圖標(biāo)功能：在設(shè)計(jì)圖形之前這一點(diǎn)顯得特別重要，我們?cè)O(shè)計(jì)圖標(biāo)的目的是實(shí)用又美觀，也就是說(shuō)要考慮圖標(biāo)的隱喻性，他代表的意思必須是用戶可知的、熟知的。所以圖標(biāo)的功能是我們進(jìn)行圖標(biāo)造型設(shè)計(jì)的標(biāo)準(zhǔn)和依托。目前三十一頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)

目前三十二頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)3)確定圖標(biāo)的造型：確定造型的方法多種多樣，只要不違背圖標(biāo)表達(dá)的主題。圖標(biāo)的造型設(shè)計(jì)我們提倡原創(chuàng)，先用illustrator進(jìn)行繪制，然后photoshop做圖標(biāo)設(shè)計(jì)的后期效果處理。所有界面上同級(jí)、同類的圖標(biāo)我們還要保證表現(xiàn)形式的統(tǒng)一，避免用戶視覺(jué)上的紊亂。目前三十三頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)

目前三十四頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)4)進(jìn)行界面設(shè)計(jì)制作：利用photoshop中最好多采用路徑工具進(jìn)行繪制界面圖形元素（以方便后期的版本定制），根據(jù)總體風(fēng)格對(duì)圖標(biāo)和界面細(xì)節(jié)進(jìn)行細(xì)節(jié)美化。轉(zhuǎn)換成程序所需要的相應(yīng)格式。目前三十五頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)目前三十六頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)3設(shè)計(jì)注意事項(xiàng)1）色彩問(wèn)題：由于手機(jī)LCD本身的限制，在色彩的還原程度上沒(méi)有PC如此完善，因此在選用色彩時(shí)要根據(jù)使用的屏幕進(jìn)行調(diào)節(jié)，方法就是將設(shè)計(jì)好的效果圖導(dǎo)入相應(yīng)的手機(jī)中，用該手機(jī)自帶的圖片瀏覽軟件進(jìn)行全屏效果查看或者請(qǐng)求開(kāi)發(fā)人員幫助。目前三十七頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)2）可實(shí)現(xiàn)性問(wèn)題：受到硬件運(yùn)算速度和內(nèi)存的影響，以及不可預(yù)計(jì)的后臺(tái)程序開(kāi)發(fā)難度，過(guò)于復(fù)雜的效果將很難進(jìn)行實(shí)現(xiàn)，與程序工程師和UI工程師，硬件工程師的溝通顯得尤為重要。手機(jī)軟件界面設(shè)計(jì)在界面設(shè)計(jì)領(lǐng)域是一項(xiàng)新興的設(shè)計(jì)領(lǐng)地，在相對(duì)狹小的版面我們要設(shè)計(jì)出精美實(shí)用的界面，需要我們界面設(shè)計(jì)人員在象素化的圖形世界需找更多的細(xì)節(jié)表現(xiàn)。在制作過(guò)程中更需要我們深入了解手機(jī)及其相關(guān)軟件，密切地和程序員溝通、交流共同打造這片新土地。目前三十八頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)在遵循手機(jī)軟件界面設(shè)計(jì)規(guī)范的基礎(chǔ)上，符合用戶操作習(xí)慣的基礎(chǔ)上，增加界面設(shè)計(jì)的趣味性十分重要。目前國(guó)內(nèi)手機(jī)界面設(shè)計(jì)的趣味性不強(qiáng)。感覺(jué)大多數(shù)手機(jī)界面設(shè)計(jì)師做的大多數(shù)界面過(guò)于程式化，圖標(biāo)也缺乏原創(chuàng)和新意。希望我們的ui設(shè)計(jì)團(tuán)隊(duì)能夠獨(dú)樹(shù)一幟，出類拔萃。目前三十九頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)A.手機(jī)基本類別：

國(guó)際上，通常將目前的手機(jī)分為三個(gè)基本類別

頂級(jí)手機(jī)（High-endphonesorsmarterphones）,或稱為智能手機(jī)，擁有一個(gè)多家硬件生產(chǎn)商認(rèn)可的“開(kāi)放”的操作系統(tǒng)（Symbian,PalmOS,Microsoft，等）。

?單手操作高端手機(jī)（single-handoperated）：比如N7650

?手寫(xiě)輸入手機(jī)（pen-based）:SonyEricssonP800,Dopda

?鍵盤(pán)輸入高端手機(jī)(keyboardentry):Nokia9210c

功能手機(jī)(Featurephones)

?在核心功能（芯片）的基礎(chǔ)上，加入附加功能（芯片）：FM,MP3,攝像頭,數(shù)據(jù)存貯卡，數(shù)碼錄音，可視電話，K-JAVA、小額賬戶銀行業(yè)務(wù)，網(wǎng)絡(luò)游戲，定位等等等各樣的功能。

低端手機(jī)(valuephone/vanillavoice）

?只具有基本的通話和數(shù)據(jù)功能（短信），沒(méi)有MMS，MP3，F(xiàn)M，和弦，Java,Brew，數(shù)碼相機(jī)等功能。隨著市場(chǎng)的發(fā)展，可以包含彩屏。

?單芯片目前四十頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)B.根據(jù)當(dāng)前手機(jī)功能：

基本功能

1.彩屏

2.和弦鈴音

3.彩信／彩ｅ

4.中文輸入：T9輸入；連筆手寫(xiě)輸入

5.中文短信、短信群發(fā)

6.通訊錄

7.通話記錄

8.鬧鐘

9.計(jì)算器

10.錄音

11.多方通話

12.語(yǔ)音識(shí)別

目前四十一頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)13.來(lái)電防火墻

14.IP撥號(hào)

15.電子名片

16.電話簿快速查詢

17.屏幕背光

18.鍵盤(pán)背光

19.鍵盤(pán)按鍵音

20.免提接聽(tīng)

21.來(lái)電指示

22.語(yǔ)音撥號(hào)

23.內(nèi)置IP

目前四十二頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)娛樂(lè)類

1.FM收音機(jī)

2.MP3播放

3.數(shù)碼照相

4.數(shù)碼錄像

5.數(shù)碼錄音（類似于錄音筆）

6.JAVA

7.內(nèi)置小型手持游戲機(jī)功能

8.動(dòng)畫(huà)屏保

9.移動(dòng)QQ

10.七彩來(lái)電指示

11.來(lái)電大頭貼

12.幻彩墻紙

目前四十三頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)13.戒指耳機(jī)

14.可旋轉(zhuǎn)攝像頭

15.一鍵開(kāi)功能

16.星座配對(duì)

17.幸運(yùn)數(shù)字

18.會(huì)跳舞的手機(jī)

19.語(yǔ)音短信

20.卡拉OK點(diǎn)唱機(jī)

21.超長(zhǎng)短信

22.來(lái)電的圖片顯示

23.和弦鈴聲下載、編輯

24.鈴聲下載、編輯

25.圖片電話簿

目前四十四頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)科技工作類

1.藍(lán)牙

2.無(wú)線局域網(wǎng)

3.無(wú)線下載

4.紅外接口

5.數(shù)據(jù)線接口

6.數(shù)據(jù)交換(可以將PC和手機(jī)上的email、日歷和日程安排等個(gè)人信息相互傳送)

7.數(shù)據(jù)交換(可以將PC和手機(jī)上的MP3,圖片和鈴音等相互傳送)

8.數(shù)據(jù)存儲(chǔ)卡（如SD卡，它可以使你在手機(jī)、PC機(jī)之間相互存儲(chǔ)傳輸文件）

9.動(dòng)態(tài)內(nèi)存

10.BREW

目前四十五頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)11.PDA

12.Linux操作系統(tǒng)

13.GPRS、WAP

14.UTK增值業(yè)務(wù)

15.一鍵上網(wǎng)

16.支持三頻

17.手寫(xiě)輸入

目前四十六頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)生活類

1.GPS（全球定位系統(tǒng)）

2.外屏?xí)r鐘

3.自動(dòng)開(kāi)、關(guān)機(jī)

4.世界時(shí)鐘

5.貨幣換算

6.陰陽(yáng)歷轉(zhuǎn)換

7.STK服務(wù)（證券服務(wù)系統(tǒng)）

8.區(qū)號(hào)查詢

9.萬(wàn)年歷

10.日程表

11.記事本

12.單位換算

13.周歷

14.來(lái)電中文地名顯示（固話）

目前四十七頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)性別類

1.內(nèi)置生理時(shí)鐘、體脂肪、卡路里計(jì)算可供女性族群使用

2.待機(jī)的鏡面設(shè)計(jì)

3.手機(jī)飾牌，鑲鉆設(shè)計(jì)

目前四十八頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)學(xué)習(xí)類

1.電子詞典（四、六級(jí)、TOFEL、GRE英語(yǔ)詞典）

2.電子圖書(shū)

3.閱讀、編輯文檔目前四十九頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)C.圖標(biāo)格式：

1．手機(jī)圖標(biāo)支持位圖格式分為不透明和透明兩種：

不透明：*.bmp

*.jpg

*.gif(動(dòng)態(tài)和非動(dòng)態(tài))

*.mjpg

透明：*.ico

*.png

2．手機(jī)圖標(biāo)支持矢量圖格式：*.svg（ScalableVectorGraphics）目前五十頁(yè)\總數(shù)七十四頁(yè)\編于二十點(diǎn)D.圖標(biāo)大小：

10x10，14x14，16x16，32x32，64x64，128x128

（手機(jī)圖標(biāo)的大小要求不如軟件圖標(biāo)