軟件界面經(jīng)常是中小型軟件企業(yè)開(kāi)發(fā)產(chǎn)品的一個(gè)弱項(xiàng)。小企業(yè)出于成本的考慮，在界面設(shè)計(jì)上往往投入有限，不少公司甚至沒(méi)有專職的界面設(shè)計(jì)人員。其實(shí)，制定好一套合理的界面設(shè)計(jì)開(kāi)發(fā)規(guī)范并且堅(jiān)持執(zhí)行，在不需要增加太大投入的情況下，同樣會(huì)使你的軟件界面上一個(gè)新臺(tái)階。因此本文不是教你具體怎么設(shè)計(jì)，而是建議你在設(shè)計(jì)時(shí)應(yīng)該遵循什么樣的流程，并指出一些要注意的地方和實(shí)用的技巧。
2.1 基本原則
總述：無(wú)論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。
這樣得到的好處：
1) 使用戶使用起來(lái)能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕松的推測(cè)出各種功能，語(yǔ)句理解也不需要費(fèi)神理解；
2) 降低培訓(xùn)、支持成本，支持人員不會(huì)行費(fèi)力逐個(gè)指導(dǎo)；
3) 給用戶統(tǒng)一感覺(jué)，不覺(jué)得混亂，心情愉快，支持度增加；
做法是確立UI規(guī)范，下面是一些規(guī)范：
1) 設(shè)計(jì)提供色調(diào)配色方案，提供整體配色表；
2) 設(shè)計(jì)統(tǒng)一使用的控件庫(kù)。參考標(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ì)不能盲從，漫無(wú)目的；
5) 根據(jù)需要，設(shè)計(jì)特殊操作控件，準(zhǔn)則為：簡(jiǎn)化操作、標(biāo)準(zhǔn)化功能；
6) 界面開(kāi)發(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) 顏色方案也需要測(cè)試，常常由于顯示器、顯卡的問(wèn)題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過(guò)嚴(yán)格測(cè)試，不同機(jī)器進(jìn)行顏色測(cè)試；
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 字體
中文采用的字體推薦華文訪宋和楷體，不考慮特殊字體（隸書(shū)、草書(shū)等），特殊情況可以使用圖片取代，保證每個(gè)用戶使用起來(lái)顯示都很正常。
2.4 文字
提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則：
1) 口語(yǔ)化，有禮貌，減少使用專業(yè)術(shù)語(yǔ)；
2) 注意斷句&逗號(hào)&句號(hào)&頓號(hào)&分號(hào)的用法，提示信息比較多的話，應(yīng)該分段；
3) 警告、信息和錯(cuò)誤使用對(duì)應(yīng)的表示方法；
4) 使用統(tǒng)一的語(yǔ)言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為“退出”、“返回”或“關(guān)閉”，則應(yīng)該統(tǒng)一規(guī)定；
5) 注意檢查是否有產(chǎn)品管理系統(tǒng)里面列出來(lái)的常見(jiàn)問(wèn)題《文本經(jīng)常犯的問(wèn)題》；
3.1 界面設(shè)計(jì)
結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。
3.2 界面輸出
在這一部分就是配合好開(kāi)發(fā)人員完成相關(guān)的界面結(jié)合、上線。
3.3 完善工作
這個(gè)環(huán)節(jié)是很多部門共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(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)的問(wèn)題，作為下階段，（如分析設(shè)計(jì)階段）相關(guān)的總結(jié)、改善記錄等。
聯(lián)系客服
