界面設(shè)計(jì)風(fēng)格說(shuō)明

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

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

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

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

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