UI項(xiàng)目設(shè)計(jì)工作確認(rèn)流程

1、精品文檔UI組設(shè)計(jì)流程規(guī)范項(xiàng)目經(jīng)理提供以下內(nèi)容：1.項(xiàng)目需求分析主要內(nèi)容有，功能使用的具體描述，功能點(diǎn)業(yè)務(wù)流程，界面的說(shuō)明，demo等。2用戶(hù)分析搜集相關(guān)資料分析目標(biāo)用戶(hù)的使用特征、需求等，提出用戶(hù)研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。3產(chǎn)品架構(gòu)設(shè)計(jì)這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交互性的元素，使其更加具 體、形象和生動(dòng)。4工作交接單根據(jù)工作填寫(xiě)具體內(nèi)容：包括項(xiàng)目名稱(chēng)，工作內(nèi)容，文件規(guī)格，要求完成時(shí)間，項(xiàng)目負(fù)責(zé)人等。設(shè)計(jì)人員工作流程

2、:1 ）熟悉行業(yè)（熟悉軟件所涉及的行業(yè)，以便制作岀適合行業(yè)特征的界面風(fēng)格）2 ）了解軟件（了解您軟件的工程進(jìn)度，做岀針對(duì)進(jìn)度的工作計(jì)劃）。3 ）與軟件開(kāi)發(fā)工程師和市場(chǎng)人員討論界面風(fēng)格（廣泛聽(tīng)取研發(fā)和市場(chǎng)人員的意見(jiàn)，做出最適合市場(chǎng)的軟件）4 ）人機(jī)分析（對(duì)您的軟件進(jìn)行人機(jī)分析，增強(qiáng)您軟件的易用性）。5）做方案（做岀設(shè)計(jì)方案，并明確細(xì)節(jié)思想）。6 ）審定方案（與技術(shù)和市場(chǎng)人員一起審定方案，并聽(tīng)取修改意見(jiàn)）。7）修改一一審定（將有幾次重復(fù)）8） 細(xì)化、制作界面（開(kāi)始制作軟件界面）。9）與軟件開(kāi)發(fā)工程師合作把界面加入到程序中。10 )細(xì)部修改，完成。11) 進(jìn)行軟件包裝盒、光盤(pán)盤(pán)面、盤(pán)套等的設(shè)計(jì)工作。

3、12) 后期跟蹤服務(wù)(在完成項(xiàng)目后，對(duì)您的軟件進(jìn)行跟蹤服務(wù)，即對(duì)您軟件從發(fā)布到推岀新版本之間的小規(guī)模修改進(jìn)行調(diào)整，包括對(duì)幫軟件界面設(shè)計(jì)要素界面設(shè)計(jì)是為了滿(mǎn)足軟件專(zhuān)業(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ì)，安裝過(guò)程設(shè)計(jì)，包裝及商品化。設(shè)計(jì)的過(guò)程中有較多注意的關(guān)鍵問(wèn)題，以下列岀幾點(diǎn)：(1) 軟件啟動(dòng)封面設(shè)計(jì)應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像，如軟件啟動(dòng)封面需在不同的平臺(tái)、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對(duì)選用的色彩不宜超過(guò) 256色，最好為216色安全

4、色。軟件啟動(dòng)封面大小多為主流顯示器分辨率的1/6大如果是系列軟件將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。在上面應(yīng)該醒目的標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo)，軟件名 稱(chēng)，版本號(hào)，網(wǎng)址，版權(quán)聲明，序列號(hào)等信息，以樹(shù)立軟件形象，方便使用者或購(gòu)買(mǎi)者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的，象征性強(qiáng)的，識(shí)別性高的，視覺(jué)傳達(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)品的程序開(kāi)發(fā)員及程序使用對(duì)象進(jìn)行共

5、同溝通，以設(shè)計(jì)岀友好的，獨(dú)特的，符合程序開(kāi)發(fā)原則的軟件框架。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快，盡量少用無(wú)謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時(shí)的狀態(tài)和原則，并且為將來(lái)設(shè)計(jì)的按鈕，菜單，標(biāo)簽，滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動(dòng)條放在右邊，狀態(tài)欄放在下邊，以符合視覺(jué)流程和用戶(hù)使用心理。(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)潔的圖示效

6、果，應(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ì)話(huà)框，彈岀框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。(5) 菜單設(shè)計(jì)菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱(chēng)，右邊應(yīng)為快捷鍵，如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào)， 不同功能區(qū)間應(yīng)該用線(xiàn)條分割。(6) 標(biāo)簽設(shè)計(jì)標(biāo)簽設(shè)計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。(7) 圖標(biāo)設(shè)計(jì)圖標(biāo)設(shè)計(jì)色彩不宜超過(guò)64色，大小為16x16、32x32兩種，圖標(biāo)設(shè)計(jì)是方寸藝術(shù)，應(yīng)該加以著重考慮視覺(jué)沖擊力, 它需要在很小的范圍表現(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)等，有些還有翻 頁(yè)標(biāo)。狀態(tài)欄是為了對(duì)軟件當(dāng)前狀態(tài)的顯示和提示。(9) 安裝