淺談軟件界面設(shè)計(jì)

2013-6-3    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.bouu.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.sj00.com/article/DesignDocument/2006/2006101316164.html

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

商品離不開視覺設(shè)計(jì),通過視覺設(shè)計(jì)建構(gòu)視覺識(shí)別,達(dá)到品牌識(shí)別的高度,現(xiàn)實(shí)也是如此,任何一家成功的軟件開發(fā)公司都必須構(gòu)建一套自己產(chǎn)品視覺品牌規(guī)范,引導(dǎo)市場(chǎng)銷售,這是產(chǎn)品在市場(chǎng)銷售和使用環(huán)節(jié)中產(chǎn)品品質(zhì)和信譽(yù)度的直觀體現(xiàn)。視覺的一致性和細(xì)節(jié)考慮本身就是軟件易用性的一個(gè)方面,也是企業(yè)對(duì)用戶負(fù)責(zé)的態(tài)度來對(duì)待設(shè)計(jì),從細(xì)節(jié)中關(guān)注用戶的體驗(yàn)。下面的文字來自iconfans,我配上vista圖并排版,希望能直觀的理解視覺識(shí)別在軟件產(chǎn)品中的應(yīng)用。

軟件界面設(shè)計(jì)要素

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì),軟件框架設(shè)計(jì),按鈕設(shè)計(jì),面板設(shè)計(jì),菜單設(shè)計(jì),標(biāo)簽設(shè)計(jì),圖標(biāo)設(shè)計(jì),滾動(dòng)條及狀態(tài)欄設(shè)計(jì),安裝過程設(shè)計(jì),包裝及商品化。

在設(shè)計(jì)的過程中有較多注意的關(guān)鍵問題,以下列出幾點(diǎn):

(1)軟件啟動(dòng)封面設(shè)計(jì)

應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像,如軟件啟動(dòng)封面需在不同的平臺(tái)、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式,并且對(duì)選用的色彩不宜超過256色,最好為216色安全色。軟件啟動(dòng)封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo),軟件名稱,版本號(hào),網(wǎng)址,版權(quán)聲明,序列號(hào)等信息,以樹立軟件形象,方便使用者或購買者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的,象征性強(qiáng)的,識(shí)別性高的,視覺傳達(dá)效果好的圖形,若使用攝影也應(yīng)該進(jìn)行數(shù)位處理,以形成該軟件的個(gè)性化特征。

(2)軟件框架設(shè)計(jì)

軟件的框架設(shè)計(jì)就復(fù)雜得多,因?yàn)樯婕败浖氖褂霉δ?,?yīng)該對(duì)該軟件產(chǎn)品的程序和使用比較了解,這就需要設(shè)計(jì)師有一定的軟件跟進(jìn)經(jīng)驗(yàn),能夠快速的學(xué)習(xí)軟件產(chǎn)品,并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對(duì)象進(jìn)行共同溝通,以設(shè)計(jì)出友好的,獨(dú)特的,符合程序開發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快,盡量少用無謂的裝飾,應(yīng)該考慮節(jié)省屏幕空間,各種分辨率的大小,縮放時(shí)的狀態(tài)和原則,并且為將來設(shè)計(jì)的按鈕,菜單,標(biāo)簽,滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配,將軟件商標(biāo)放在顯著位置,主菜單應(yīng)放在左邊或上邊,滾動(dòng)條放在右邊,狀態(tài)欄放在下邊,以符合視覺流程和用戶使用心理。

(3)軟件按鈕設(shè)計(jì)

軟件按鈕設(shè)計(jì)應(yīng)該具有交互性,即應(yīng)該有3到6種狀態(tài)效果:點(diǎn)擊時(shí)狀態(tài);鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài);點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài);點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài);不能點(diǎn)擊時(shí)狀態(tài);獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡(jiǎn)潔的圖示效果,應(yīng)能夠讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng),群組內(nèi)按鈕應(yīng)該風(fēng)格統(tǒng)一,功能差異大的按鈕應(yīng)該有所區(qū)別。

(4)軟件面板設(shè)計(jì)

軟件面板設(shè)計(jì)應(yīng)該具有縮放功能,面板應(yīng)該對(duì)功能區(qū)間劃分清晰,應(yīng)該和對(duì)話框,彈出框等風(fēng)格匹配,盡量節(jié)省空間,切換方便。

(5)菜單設(shè)計(jì)

菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài),左邊應(yīng)為名稱,右邊應(yīng)為快捷鍵,如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào),不同功能區(qū)間應(yīng)該用線條分割。

(6)標(biāo)簽設(shè)計(jì)

標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化,狀態(tài)可參考按鈕。

(7)圖標(biāo)設(shè)計(jì)

圖標(biāo)設(shè)計(jì)色彩不宜超過64色,大小為16x16、32x32兩種,圖標(biāo)設(shè)計(jì)是方寸藝術(shù),應(yīng)該加以著重考慮視覺沖擊力,它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵,所以很多圖標(biāo)設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)時(shí)使用簡(jiǎn)單的顏色,利用眼睛對(duì)色彩和網(wǎng)點(diǎn)的空間混合效果,做出了許多精彩圖標(biāo)。

(8)滾動(dòng)條及狀態(tài)欄設(shè)計(jì)

滾動(dòng)條主要是為了對(duì)區(qū)域性空間的固定大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì),應(yīng)該有上下箭頭,滾動(dòng)標(biāo)等,有些還有翻頁標(biāo)。狀態(tài)欄是為了對(duì)軟件當(dāng)前狀態(tài)的顯示和提示。

(9)安裝過程設(shè)計(jì)

安裝過程設(shè)計(jì)主要是將軟件安裝的過程進(jìn)行美化,包括對(duì)軟件功能進(jìn)行圖示化。

(10)包裝及商品化

最后軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品,功能的宣傳融合于美觀中,可以印刷部分產(chǎn)品介紹,產(chǎn)品界面設(shè)計(jì)

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔