本文提供了小型軟件的通用界面設(shè)計(jì)制作的一些方法和原則，以及相關(guān)問(wèn)題的解決方案。
一：遵循一致的準(zhǔn)則，確立標(biāo)準(zhǔn)并遵循
無(wú)論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。
這樣得到的好處：
1：使用戶(hù)使用起來(lái)能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕松的推測(cè)出各種功能，語(yǔ)句理解也不需要費(fèi)神理解
2：降低培訓(xùn)、支持成本，支持人員不會(huì)行費(fèi)力逐個(gè)指導(dǎo)。
3：給用戶(hù)統(tǒng)一感覺(jué)，不覺(jué)得混亂，心情愉快，支持度增加
做法：
項(xiàng)目組有經(jīng)驗(yàn)人士，確立UI規(guī)范：
·美工提供色調(diào)配色方案，提供整體配色表
·界面控制程序人員、用戶(hù)體驗(yàn)人員提出合理統(tǒng)一使用的控件庫(kù)。參考標(biāo)準(zhǔn)界面使用規(guī)范：
控件功能遵循行業(yè)標(biāo)準(zhǔn)，windows平臺(tái)參見(jiàn)《Microsoft 用戶(hù)體驗(yàn)》(MSDN中有，中文已經(jīng)翻譯發(fā)行，項(xiàng)目組必須有一本)
控件樣式在允許的范圍內(nèi)可以統(tǒng)一修改其樣式、色調(diào)
參考其他軟件先進(jìn)操作，提取對(duì)本項(xiàng)目有用的功能，以使用，絕對(duì)不能盲從，漫無(wú)目的。
根據(jù)需要，設(shè)計(jì)特殊操作控件，準(zhǔn)則為：簡(jiǎn)化操作、達(dá)到一定功能目的
·界面實(shí)施人員與美工商榷控件可實(shí)現(xiàn)性,(如不實(shí)行此步驟，將會(huì)導(dǎo)致各自對(duì)對(duì)方工作不滿(mǎn)意，也會(huì)產(chǎn)生不一致的混亂)。重復(fù)疊代上述工作。
·建立合理化文檔《UI標(biāo)準(zhǔn)》描述上述規(guī)范，
·強(qiáng)行界面設(shè)計(jì)者理解之，并作為開(kāi)發(fā)準(zhǔn)則，
·SQA人員進(jìn)行監(jiān)控開(kāi)發(fā)人員是否遵循，及時(shí)告誡開(kāi)發(fā)人員。
二：(Color)顏色使用恰當(dāng)，遵循對(duì)比原則
1：統(tǒng)一色調(diào)，針對(duì)軟件類(lèi)型以及用戶(hù)工作環(huán)境選擇恰當(dāng)色調(diào)：
安全軟件，根據(jù)工業(yè)標(biāo)準(zhǔn)，可以選取黃色，綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時(shí)尚、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺(jué)得累等
2：如果沒(méi)有自己的系列界面，采用標(biāo)準(zhǔn)界面則可以少考慮此方面，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標(biāo)準(zhǔn)色表
3：色盲、色弱用戶(hù)，即使使用了特殊顏色表示重點(diǎn)或者特別的東西，也應(yīng)該使用特殊指示符，如"!"，"?"著重號(hào)，以及圖標(biāo)等
4：顏色方案也需要測(cè)試，常常由于顯示器、顯卡的問(wèn)題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過(guò)嚴(yán)格測(cè)試，不同機(jī)器進(jìn)行顏色測(cè)試
5：遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，而在紅色背景則不易分辨，原因是紅色和藍(lán)色沒(méi)有足夠反差，而藍(lán)色和白色反差很大。除非特殊場(chǎng)合，杜絕使用對(duì)比強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色。
6：整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色
itop色表
具體標(biāo)準(zhǔn)參考美術(shù)學(xué)統(tǒng)計(jì)學(xué)術(shù)標(biāo)準(zhǔn)。
色表的建設(shè)，對(duì)于美工在圖案設(shè)計(jì)、包裝設(shè)計(jì)上起著標(biāo)準(zhǔn)參考作用，對(duì)于程序界面設(shè)計(jì)人員設(shè)計(jì)控件、窗體調(diào)色起到有章可循的作用。
三：(Resource)資源
一個(gè)多姿多彩的人機(jī)交互界面，少不了精美的鼠標(biāo)光標(biāo)、圖標(biāo)以及指示圖片、底圖等。
1：也需要遵循統(tǒng)一的規(guī)則，包括上述顏色表的建立，圖標(biāo)的建立步驟也應(yīng)該盡可能的形成標(biāo)準(zhǔn)，參考itop的outlookbar圖標(biāo)設(shè)計(jì)標(biāo)準(zhǔn)
2：有標(biāo)準(zhǔn)的圖標(biāo)風(fēng)格設(shè)計(jì)，有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對(duì)比度、色階，以及圖片風(fēng)格
3：底圖應(yīng)該融于底圖，使用淺色, 低對(duì)比，盡量少的使用顏色。
4：圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思，遵循常用標(biāo)準(zhǔn)，或者用戶(hù)機(jī)器容易聯(lián)想的到物件，絕對(duì)不允許畫(huà)出默認(rèn)奇妙的圖案。
5：鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況，例如某些軟件中一個(gè)手的形狀就有4鐘不同的樣子。
粵公網(wǎng)安備 44010402000282號(hào)