關(guān)于UI設(shè)計(jì)規(guī)范.ppt

1、UI設(shè)計(jì)規(guī)范制定規(guī)范的目的規(guī)范UI設(shè)計(jì)流程，明確UI設(shè)計(jì)在各個(gè)環(huán)節(jié)的職責(zé)和要求以保證工作質(zhì)量使UI設(shè)計(jì)師參與到產(chǎn)品設(shè)計(jì)整個(gè)環(huán)節(jié)中，負(fù)責(zé)產(chǎn)品的交互體檢性，并根據(jù)客戶(hù)要求不斷提升產(chǎn)品可用性UI設(shè)計(jì)師應(yīng)參與需求階段、分析設(shè)計(jì)階段、調(diào)研驗(yàn)證階段、方案改進(jìn)階段、用戶(hù)驗(yàn)證反饋階段需求階段用戶(hù)特征（年齡、性別、愛(ài)好、收入、教育程度等）使用地點(diǎn)（辦公室、家庭、公共場(chǎng)所）使用方式（鍵盤(pán)鼠標(biāo)、遙控器、觸摸屏）同類(lèi)競(jìng)爭(zhēng)產(chǎn)品分析設(shè)計(jì)階段根據(jù)需求進(jìn)行設(shè)計(jì)，設(shè)計(jì)出不同風(fēng)格的界面用于選擇調(diào)研驗(yàn)證階段保證幾套不同風(fēng)格的設(shè)計(jì)處于同一水平，這樣才能得到用戶(hù)真實(shí)反饋方案評(píng)價(jià)標(biāo)準(zhǔn)：用戶(hù)第一印象；綜合印象；最喜歡；次喜歡；方案的色彩、

2、文字、圖形、布局的打分；最受歡迎方案的優(yōu)缺點(diǎn)方案改進(jìn)階段用戶(hù)調(diào)研得到最受歡迎方案，根據(jù)建議進(jìn)一步修改，使方案更精美方案驗(yàn)證階段改進(jìn)以后的方案可以將他推向市場(chǎng)，但是設(shè)計(jì)并沒(méi)有結(jié)束，還需要用戶(hù)反饋為以后的升級(jí)版本積累經(jīng)驗(yàn)資料UI設(shè)計(jì)是對(duì)藝術(shù)的闡釋?zhuān)O(shè)計(jì)更重視交互體驗(yàn)一致性原則：控件使用、提示信息措辭、顏色、窗口布局風(fēng)格遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致優(yōu)點(diǎn)：能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕松的推測(cè)出各種功能降低培訓(xùn)、支持成本給用戶(hù)統(tǒng)一感覺(jué)，不覺(jué)得混亂，心情愉快 UI設(shè)計(jì)遵循的基本原則項(xiàng)目組有經(jīng)驗(yàn)人士確立UI設(shè)計(jì)規(guī)范美工提供色調(diào)配色方案，提供整體配色表界面控制

3、程序人員、用戶(hù)體驗(yàn)人員提出合理統(tǒng)一使用的控件庫(kù) UI人員分工顏色搭配統(tǒng)一色調(diào)：針對(duì)軟件類(lèi)型以及用戶(hù)工作環(huán)境選擇恰當(dāng)色調(diào)顏色方案也需要測(cè)試：由于顯示器、顯卡的問(wèn)題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過(guò)嚴(yán)格測(cè)試，不同機(jī)器進(jìn)行顏色測(cè)試色盲、色弱用戶(hù)：即使使用了特殊顏色表示重點(diǎn)或者特別的東西遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，而在紅色背景則不易分辨整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色顏色搭配遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，而在紅色背景則不易分辨整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色圖片、

4、圖標(biāo)要求有標(biāo)準(zhǔn)的圖標(biāo)風(fēng)格設(shè)計(jì)，統(tǒng)一的構(gòu)圖布局，統(tǒng)一的色調(diào)、對(duì)比度、色階底圖相融，淺色, 低對(duì)比，盡少使用顏色圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思不允許畫(huà)出莫名奇妙的圖案鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，減少重復(fù)調(diào)研驗(yàn)證階段保證幾套不同風(fēng)格的設(shè)計(jì)處于同一水平，這樣才能得到用戶(hù)真實(shí)反饋方案評(píng)價(jià)標(biāo)準(zhǔn)：用戶(hù)第一印象；綜合印象；最喜歡；次喜歡；方案的色彩、文字、圖形、布局的打分；最受歡迎方案的優(yōu)缺點(diǎn)字體要求統(tǒng)一字體：中文采用標(biāo)準(zhǔn)字體“宋體”，英文采用標(biāo)準(zhǔn) Microsoft Sans Serif字體大小根據(jù)系統(tǒng)標(biāo)準(zhǔn)字體來(lái)，例如 MSS字體8磅，宋體的小五號(hào)字(9磅）五號(hào)字（10.5磅)所有控件盡量使用大小統(tǒng)一的字體屬性文字表達(dá)口語(yǔ)化、客氣，不要用或少用專(zhuān)業(yè)術(shù)語(yǔ)，杜絕錯(cuò)別字提示信息比較多的話，應(yīng)該分段警告、信息、錯(cuò)誤 使用對(duì)應(yīng)的表示方法使用統(tǒng)一的語(yǔ)言描述，例如一個(gè)關(guān)閉功能按鈕可以描述為退出、