1.概述
軟件界面經(jīng)常是中小型軟件企業(yè)開發(fā)產(chǎn)品的一個(gè)弱項(xiàng)。小企業(yè)出于成本的考慮，在界面設(shè)計(jì)上往往投入有限，不少公司甚至沒有專職的界面設(shè)計(jì)人員。其實(shí)，制定好一套合理的界面設(shè)計(jì)開發(fā)規(guī)范并且堅(jiān)持執(zhí)行，在不需要增加太大投入的情況下，同樣會(huì)使你的軟件界面上一個(gè)新臺(tái)階。因此本文不是教你具體怎么設(shè)計(jì)，而是建議你在設(shè)計(jì)時(shí)應(yīng)該遵循什么樣的流程，并指出一些要注意的地方和實(shí)用的技巧。
2.界面設(shè)計(jì)遵循的原則與規(guī)范
2.1基本原則
總述：無論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。
這樣得到的好處：
1)使用戶使用起來能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕松的推測出各種功能，語句理解也不需要費(fèi)神理解；
2)降低培訓(xùn)、支持成本，支持人員不會(huì)行費(fèi)力逐個(gè)指導(dǎo)；
3)給用戶統(tǒng)一感覺，不覺得混亂，心情愉快，支持度增加；
做法是確立UI規(guī)范，下面是一些規(guī)范：
1)設(shè)計(jì)提供色調(diào)配色方案，提供整體配色表；
2)設(shè)計(jì)統(tǒng)一使用的控件庫。參考標(biāo)準(zhǔn)界面使用規(guī)范；
3)運(yùn)用統(tǒng)一的控件功能圖標(biāo),遵循行業(yè)標(biāo)準(zhǔn)，控件樣式在允許的范圍內(nèi)可以統(tǒng)一修改其樣式、色調(diào)；
4)參考其他軟件先進(jìn)操作，提取對(duì)本項(xiàng)目有用的功能，以使用，絕對(duì)不能盲從，漫無目的；
5)根據(jù)需要，設(shè)計(jì)特殊操作控件，準(zhǔn)則為：簡化操作、標(biāo)準(zhǔn)化功能；
6)界面開發(fā)人員與UI設(shè)計(jì)人員需要交流控件可實(shí)現(xiàn)性。如不實(shí)行此步驟，將會(huì)導(dǎo)致各自對(duì)對(duì)方工作不滿意，也會(huì)產(chǎn)生不一致的混亂。這項(xiàng)工作需要反復(fù)進(jìn)行；
2.2顏色使用恰當(dāng)，遵循對(duì)比原則
1)統(tǒng)一色調(diào)，針對(duì)軟件類型（工業(yè)軟件）以及用戶工作環(huán)境選擇藍(lán)色作為其主色調(diào)；
2)根據(jù)UI設(shè)計(jì)的系列界面，做到與操作系統(tǒng)統(tǒng)一；
3)顏色方案也需要測試，常常由于顯示器、顯卡的問題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過嚴(yán)格測試，不同機(jī)器進(jìn)行顏色測試；
4)遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，因兩色反差很大。同時(shí)需要用戶注意的地方（如警告）需要使用對(duì)比度大的顏色，讓用戶首先看到這部分；
5)有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對(duì)比度、色階，以及圖片風(fēng)格；
6)圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思，遵循常用標(biāo)準(zhǔn)，或者用戶容易聯(lián)想的到物件，絕對(duì)不允許出現(xiàn)莫名奇妙的圖案；
7)鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用操作系統(tǒng)標(biāo)準(zhǔn)；
2.3字體
中文采用的字體推薦華文訪宋和楷體，不考慮特殊字體（隸書、草書等），特殊情況可以使用圖片取代，保證每個(gè)用戶使用起來顯示都很正常。
2.4文字
提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則：
1)口語化，有禮貌，減少使用專業(yè)術(shù)語；
2)注意斷句、逗號(hào)、句號(hào)、頓號(hào)、分號(hào)的用法，提示信息比較多的話，應(yīng)該分段；
3)警告、信息和錯(cuò)誤使用對(duì)應(yīng)的表示方法；
4）使用統(tǒng)一的語言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為“退出”、“返回”或“關(guān)閉”，則應(yīng)該統(tǒng)一規(guī)定；
5）注意檢查是否有產(chǎn)品管理系統(tǒng)里面列出來的常見問題《文本經(jīng)常犯的問題》；
3.設(shè)計(jì)流程
3.1界面設(shè)計(jì)
結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計(jì)，色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。
3.2界面輸出
在這一部分就是配合好開發(fā)人員完成相關(guān)的界面結(jié)合、上線。
3.3完善工作
這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測試回饋。同時(shí)，把一些可行性建議進(jìn)行完善。與團(tuán)隊(duì)配合并發(fā)揮自己應(yīng)有的作用非常重要。能貫穿整個(gè)UI流程進(jìn)行工作，而并非是單純的圖形界面設(shè)計(jì)。
3.4后續(xù)跟蹤和分析
根據(jù)上線界面效果進(jìn)行細(xì)部的完善，改動(dòng)；或者對(duì)相應(yīng)的界面進(jìn)行已發(fā)現(xiàn)的問題，作為下階段，（如分析設(shè)計(jì)階段）相關(guān)的總結(jié)、改善記錄等。
編輯 潤揚(yáng)網(wǎng)絡(luò)策劃服務(wù)有限公司
