界面設(shè)計(jì)是一項(xiàng)非常關(guān)鍵的工作,在進(jìn)行設(shè)計(jì)時(shí)也有著很多的注意事項(xiàng),同時(shí)也要嚴(yán)格按照要求進(jìn)行設(shè)計(jì)制作,這樣設(shè)計(jì)的系統(tǒng)才更加適用,那么系統(tǒng)界面設(shè)計(jì)軟件流程是什么?跟隨小編一起看下吧。
系統(tǒng)界面設(shè)計(jì)軟件設(shè)計(jì)流程
1、 需求分析:
在設(shè)計(jì)一款軟件(App)界面之前,設(shè)計(jì)師應(yīng)該首先明確是什么人(用戶的年齡、性別、愛好、教育程度等)、在什么地方用(桌面電腦、移動(dòng)設(shè)備、家庭多媒體等)、如何使用(鼠標(biāo)鍵盤、觸摸屏、遙控器等)。任何一個(gè)元素的改變都會(huì)使界面設(shè)計(jì)做出相應(yīng)的調(diào)整。
2、 設(shè)計(jì)分析:
通過對(duì)軟件的需求分析,在開始設(shè)計(jì)軟件界面之前首先需要提煉出幾個(gè)體現(xiàn)用戶定位的詞語坐標(biāo)。例如,為25歲左右的白領(lǐng)男性制作家庭娛樂軟件,對(duì)這類用戶進(jìn)行分析可以得到的詞匯有:品質(zhì)、精美、高檔、男性、時(shí)尚、Cool、個(gè)性、親和、放松等。通過對(duì)這些詞匯的分析,再精簡(jiǎn)得到幾個(gè)關(guān)鍵的詞匯。接下來需要在該款軟件界面的設(shè)計(jì)中著重體現(xiàn)出這幾個(gè)詞匯的意境,最好能多出幾套不同風(fēng)格的軟件界面設(shè)計(jì)方案,以備選用。
3、 調(diào)研驗(yàn)證:
在設(shè)計(jì)過程中,確保所設(shè)計(jì)的軟件界面多套設(shè)計(jì)方案的同一水準(zhǔn),不能看出有明顯的差異,完成多套軟件界面方案的設(shè)計(jì)后,開始進(jìn)行調(diào)研驗(yàn)證,從而得到用戶的反饋。通過對(duì)用戶反饋意見的整理和總結(jié)得出每套方案的優(yōu)點(diǎn)和缺點(diǎn),便于對(duì)最終的軟件界面設(shè)計(jì)進(jìn)行調(diào)整和改進(jìn)。

(圖片來自網(wǎng)絡(luò))
4、 方案改進(jìn):
通過對(duì)用戶的調(diào)研驗(yàn)證,可以得到目標(biāo)用戶最喜歡的方案。而且了解到用戶為什么喜歡,以及還有什么遺憾等,這樣設(shè)計(jì)師就可以有針對(duì)性地對(duì)軟件界面進(jìn)行下一步的修改了,從而將所設(shè)計(jì)的軟件界面做到細(xì)致、精美。
5、 用戶驗(yàn)證:
改進(jìn)后的軟件界面設(shè)計(jì)方案即可在所開發(fā)的軟件中應(yīng)用并推向市場(chǎng),但是設(shè)計(jì)并沒有結(jié)束,還需要用戶反饋,好的設(shè)計(jì)師應(yīng)該在軟件產(chǎn)品上市后,多與最終用戶交流,了解 用戶真正的使用感受,為以后的升級(jí)和改進(jìn)積累經(jīng)驗(yàn)。
除此之外,在軟件的需求分析階段,同類型的軟件也是設(shè)計(jì)師必須了解的。所設(shè)計(jì)的軟件界面要比同類型的軟件界面更好,才會(huì)使軟件上市后受到關(guān)注,單純從軟件界面的美考慮說哪個(gè)好哪個(gè)不好是沒有一個(gè)很客觀的評(píng)價(jià)標(biāo)準(zhǔn)的,只能說哪個(gè)更合適,最適合用戶的就是最好的,市場(chǎng)是屬于各位用戶群體的。

(圖片來自網(wǎng)絡(luò))
設(shè)計(jì)過程中需要注意的關(guān)鍵問題
(1)軟件啟動(dòng)封面設(shè)計(jì)--Splash
應(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)欄放在下邊,以符合視覺流程和用戶使用心理

(圖片來自網(wǎng)絡(luò))
(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)。

(圖片來自網(wǎng)絡(luò))
(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ì)。
以上是系統(tǒng)界面設(shè)計(jì)軟件設(shè)計(jì)流程和注意事項(xiàng)的具體介紹,在進(jìn)行軟件設(shè)計(jì)時(shí)需要我們做好充足準(zhǔn)備,確保設(shè)計(jì)系統(tǒng)界面能夠更好的滿足用戶需求。


在微信中搜索faceui