界面設(shè)計風(fēng)格說明

界面設(shè)計風(fēng)格說明TOC\o＂1—3”\h＼z\uHYPERＬINK\l"_Ｔｏc1114５5343”1、 引言?ＰAＧEＲEF_Toc１11４553４3\h4HYPERＬIＮK\l”_Toｃ１11455３４4"1、1、 編寫目得?PＡGEＲEF_Toc1114５5344＼h４HYPＥRLINK1、2、?文檔范圍?PAGEREＦ＿Toc1114553４5\h４HYPERLINＫ\l”_Toc1１145534６"１、３、 讀者對象?PAGERＥＦ＿Toｃ11145５３４６＼h４HYＰＥRＬＩNＫ\l”_Toｃ11145５347＂1、4、?參考文獻(xiàn) PAGＥＲEF_Toc１11４55347＼h4HYPＥRＬIＮK\l＂_Toc111455348"１、5、?術(shù)語與縮寫解釋 PAＧERＥＦ＿Tｏc１１1４５5３48\h4ＨYＰERＬINK３、 界面設(shè)計原則?PAGERＥF_Toc11１4５５35０\ｈ5HYPERLINK＼l”＿Tｏc１1１455351"3、1、 界面一致性?PＡＧEREF_Toｃ１１１４55351\h5HYPERLINK\ｌ"_Ｔｏc111４55352"3、２、?系統(tǒng)響應(yīng)時間?PAＧERＥF_Tｏc111455352\h5HＹPERLIＮK\ｌ”_Ｔoc1114５５353"3、3、?出錯信息與警告 PAGERＥＦ_Toc１1145535３\h5HYＰEＲLＩＮK3、4、?一般交互原則 ＰAGEREF_Toc１114５5３54＼ｈ6HYＰERLINK\l”＿Toc1114５５355"３、5、 信息顯示原則 PAGERＥF_Toc1１1４5５355\h6HＹＰERＬＩNK＼l”_Toc111455356"3、6、?視覺設(shè)計?PAＧERＥF_Toc11145５３56\h6HYPEＲLINK＼ｌ"_Toｃ11１４55３5７”4、 設(shè)計說明 PAGEＲＥF_Toc11１4５5357\h７引言編寫目得?本文檔就是對系統(tǒng)界面設(shè)計風(fēng)格進(jìn)行描述,文檔范圍?本文檔就是對系統(tǒng)界面設(shè)計風(fēng)格進(jìn)行描述，讀者對象?本文檔得閱讀對象就是智能手機(jī)系統(tǒng)得設(shè)計人員、開發(fā)人員、業(yè)務(wù)規(guī)范設(shè)計人員、軟件測試人員。參考文獻(xiàn)序號文獻(xiàn)編號作者文獻(xiàn)名出版單位發(fā)表日期術(shù)語與縮寫解釋縮寫、術(shù)語解釋目標(biāo)人群追求時尚，重視娛樂功能得年輕一族，與高科技從業(yè)人員.界面設(shè)計原則堅持圖形用戶界面設(shè)計原則,界面直觀、對用戶透明：用戶接觸系統(tǒng)后對界面上對應(yīng)得功能一目了然.手機(jī)系統(tǒng)就是用戶直接操作與應(yīng)用得主體,用戶界面就是手機(jī)操作系統(tǒng)得人機(jī)交互得窗口,界面設(shè)計基于手機(jī)得物理特性,根據(jù)手機(jī)所支持得色彩數(shù)量、圖像格式，做到最大限度得發(fā)揮手機(jī)得物理特性。界面一致性為減少用戶得記憶負(fù)擔(dān)與界面得美觀，在界面中保持界面得一致性，一致性即包括標(biāo)準(zhǔn)得控件，也指相同得信息表示方法，如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。1)界面樣式得相對統(tǒng)一,具體界面可結(jié)合具體操作得可用性與可實施性，對界面樣式進(jìn)行合理得調(diào)整，使區(qū)域與區(qū)域之間協(xié)調(diào)統(tǒng)一,主次得當(dāng).確保用戶可以方便快捷地進(jìn)行功能操作，減少記憶負(fù)擔(dān)。2）界面得色彩及風(fēng)格統(tǒng)一,包括圖標(biāo)、按鈕得風(fēng)格及在不同操作狀態(tài)下得視覺效果得統(tǒng)一。3）菜單選擇、數(shù)據(jù)顯示以及其它功能使用一致得格式.4)界面得協(xié)調(diào)一致。如手機(jī)界面按鈕排放，肯定、否定擺放位置等.５）同樣功能用同樣得圖形.系統(tǒng)響應(yīng)時間系統(tǒng)響應(yīng)時間應(yīng)該適中,系統(tǒng)響應(yīng)時間過長,用戶就會感到不安與沮喪，而響應(yīng)時間過短有時會造成用戶加快操作節(jié)奏，從而導(dǎo)致錯誤。因此在系統(tǒng)響應(yīng)時間上堅持如下原則:響應(yīng)時間長度界面設(shè)計０－3秒顯示處理動畫３秒以上顯示處理窗口，或顯示進(jìn)度條一個長時間得處理完成時應(yīng)給予完成警告信息出錯信息與警告有清楚得出錯信息與警告提示.誤操作后,系統(tǒng)提供有針對性得提示.對出錯信息與警告應(yīng)該遵循以下原則:１)信息以用戶可以理解得術(shù)語描述;2）信息應(yīng)指出錯誤可能導(dǎo)致得不良后果，以便用戶做出判斷或改正；3)信息應(yīng)伴隨著視覺上得提示,如特殊得圖像、顏色或信息閃爍.４）信息不能帶有判斷色彩，即任何情況下不能指責(zé)用戶一般交互原則一般交互遵循以下原則：１)一致性:菜單選擇、數(shù)據(jù)顯示以及其它功能都應(yīng)使用一致得格式.2）對于使有耗時得操作都給出反饋3)確保具有明顯后果得操作要求用戶進(jìn)行明確得選擇*用戶需要完全明確她將要進(jìn)行危險性操作或破壞性操作。4)在數(shù)據(jù)錄入上允許取消大多數(shù)操作5)減少在動作間必須記憶得信息數(shù)量6）在對話中提高效率７）允許用戶非惡意錯誤,系統(tǒng)應(yīng)保護(hù)自己不受致命作物得破壞８）方便退出。

9）導(dǎo)航功能.隨時轉(zhuǎn)移功能，很容易從一個功能跳到另外一個功能。

1０）讓用戶知道自己當(dāng)前得位置,使其做出下一步行動得決定。11）避免水平滾動條與垂直滾動條不同，水平滾動條并不受歡迎，因為它會使項目閱讀起來比較困難。信息顯示原則信息顯示遵循以下原則:1)只顯示與當(dāng)前用戶語境環(huán)境有關(guān)得信息；2）提供適當(dāng)?shù)媚J(rèn)值提供提供適當(dāng)?shù)媚J(rèn)值來減少用戶不必要得操作,從而幫助用戶完成工作。3）使用一致得標(biāo)記、標(biāo)準(zhǔn)縮寫與可預(yù)測得顏色，顯示信息得含義應(yīng)該非常明確，用戶不必再參考其它信息源;4）產(chǎn)生有意義得出錯信息；5）使用縮進(jìn)與文本來輔助理解;６）使用窗口分隔控件分隔不同類型得信息；視覺設(shè)計1)允許用戶定制界面.用戶可以根據(jù)自己得需要來改變默認(rèn)得系統(tǒng)設(shè)置，選擇一種自己滿意得個性化設(shè)置，達(dá)到軟件產(chǎn)品與用戶之間得協(xié)調(diào)性。2)實時幫助設(shè)施。通過實時幫助設(shè)施可以幫助用戶熟悉系統(tǒng)、縮短獲得幫助得時間,增加界面得友好性。進(jìn)行系統(tǒng)交互時,提供部分幫助功能，即：提供主要操作得幫助.表示幫助時采用提示文本,同時幫助提示文本不影響正常交互方式,觸筆移出相應(yīng)功能區(qū)即自動關(guān)閉幫助文本。3）提供視覺線索，用圖形符號幫助用戶記憶。如用圖標(biāo)表示、下拉菜單列表中得選擇４)使用真實世界得比喻。如:電話、地址簿得圖標(biāo)設(shè)計，尊重用戶以往得使用經(jīng)驗，不要讓用戶去猜.

5）界面色彩，使用鄰近色或同類色進(jìn)行色彩構(gòu)成，采用色彩得弱對比，整體色調(diào)對比不要太強(qiáng)，近似得顏色表示近似得意思。設(shè)計說明做為一款功能實用型得手機(jī)，我們在界面配色得選擇上，以藍(lán)色做為主色調(diào)。藍(lán)色體現(xiàn)著理性,帶有科技感與時尚感，給人一種清爽、現(xiàn)代得感覺,讓人一瞧就能體會到舒適與成功.以深灰藍(lán)色作為基礎(chǔ)色，結(jié)合漸變效果,穩(wěn)重中不失變化。搭配以淺天藍(lán)色，亮麗清新，形成反差得同時又做到了統(tǒng)一。輔以白色，與各類冷暖色調(diào)與諧搭配,清晰顯示文字信息.與基礎(chǔ)色相呼應(yīng)，這樣類自然天空得色彩搭配,做到整個屏幕得完美與統(tǒng)一.簡潔明快得設(shè)計理念，體現(xiàn)一種科技時尚與自然得與諧之美,必然會受到時尚青年與高科技從業(yè)人員得喜愛。

另外提供一系列為女性設(shè)計得粉色主題,粉紅色基色與白色面板得搭配，從而突出青春氣息、動感活力,在追求可愛時尚中又不失穩(wěn)重，能更好得滿足女性用戶得需求。此外手機(jī)用戶還能通過自定義主題來滿足對時尚得追求、彰顯個性。在設(shè)計風(fēng)格上，我們追