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

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

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

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

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

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

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

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

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

(1)軟件啟動封面設(shè)計

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

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

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

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

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

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

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

(5)菜單設(shè)計

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

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

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

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

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

(8)滾動條及狀態(tài)欄設(shè)計

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

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

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

(10)包裝及商品化

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

 

分享本文至:

日歷

鏈接

個人資料

存檔