在項(xiàng)目開(kāi)發(fā)中, 美術(shù)資源的管理如果沒(méi)有進(jìn)行過(guò)規(guī)劃, 則會(huì)隨著項(xiàng)目規(guī)模的擴(kuò)大和需求修改的增加而變得越來(lái)越花費(fèi)時(shí)間和精力, 本文總結(jié)了一套使用Axure RP(版本7.0.0.3183)軟件來(lái)進(jìn)行美術(shù)資源管理的解決方案, 將詳細(xì)解釋如何利用該方法與客戶端開(kāi)發(fā)高效進(jìn)行需求溝通, 并避免需求修改后的資源冗余, 以及提前檢查資源更新后會(huì)影響到的界面避免誤修改等問(wèn)題, 并且會(huì)將具體執(zhí)行中的一些細(xì)節(jié)進(jìn)行闡述.

總結(jié)該方法的契機(jī)是完成了一個(gè)項(xiàng)目后, 客戶端資源管理存在很多問(wèn)題, 占用了從客戶端到策劃再到美術(shù)的不同人員的可觀的時(shí)間和精力, 于是在一個(gè)新進(jìn)行的項(xiàng)目便根據(jù)自己的總結(jié)逐漸摸索著使用了該方法, 效果非常好, 當(dāng)然我的工作比之前多了一些, 不過(guò)對(duì)于整個(gè)項(xiàng)目, 開(kāi)發(fā)效率還是提升了的. 實(shí)際上, 如果不進(jìn)行有效的美術(shù)資源管理, 在后續(xù)的開(kāi)發(fā)過(guò)程中因?yàn)樵撌虑槎冻龅臅r(shí)間和精力很可能遠(yuǎn)遠(yuǎn)大于使用該方法進(jìn)行的維護(hù)工作.

注意事項(xiàng): 例如道具圖標(biāo)這種配置在數(shù)據(jù)表中, 根據(jù)數(shù)據(jù)id動(dòng)態(tài)讀取路徑的圖片資源并不需要使用該方法進(jìn)行管理, 雖然需要根據(jù)情況顯示在界面中, 但是其并不屬于界面”UI資源”的范疇.

首先, 某個(gè)系統(tǒng)的界面需求確定后, 將把需求交付給美術(shù)部門, 溝通達(dá)成一致后, 美術(shù)將產(chǎn)出美術(shù)假圖, 并且產(chǎn)出美術(shù)假圖中的各個(gè)具體得圖素資源(如圖標(biāo), 按鈕等)

此時(shí)接下來(lái)的工作就是, 提交美術(shù)假圖和圖素資源, 并且告知客戶端進(jìn)行界面的開(kāi)發(fā)實(shí)現(xiàn). 在這之前我們進(jìn)行以下準(zhǔn)備工作:

準(zhǔn)備工作1

在客戶端程序讀取美術(shù)資源的目錄, 建立圖素資源文件夾, 不同類型的圖素存儲(chǔ)在不同的文件夾, 分類的主要目的還是便于管理, 我使用的分類是:

• 特效序列圖 (文件夾名:ef即effect), 特點(diǎn)是特效動(dòng)畫的序列幀合并圖.
• 按鈕(文件夾名:bt即button), 包括一般按鈕和tab標(biāo)簽按鈕, 以及復(fù)選框和單選框.
• 背景和邊框(文件夾名:bg即background)
• 進(jìn)度條和滾動(dòng)條(文件夾名:bar).
• 圖片文字(文件夾名:word).
• 字庫(kù)(文件夾名:ziku), 圖片文字與字庫(kù)的區(qū)別是, 圖片文字是一張圖就是一個(gè)詞或是一個(gè)短語(yǔ), 字庫(kù)則是藝術(shù)字的字體序列圖.
• 

準(zhǔn)備工作2

整理美術(shù)的圖素資源, 并進(jìn)行重命名, 然后根據(jù)圖素資源的類別提交到上述步驟的對(duì)應(yīng)文件夾內(nèi). 重命名工作源于兩個(gè)可能的因素, 一是美術(shù)部門產(chǎn)出的圖素資源, 可能是中文名稱, 這種情況下必須修改資源名稱為英文; 二是美術(shù)部門產(chǎn)出的圖素資源與已制作的其他圖素重名, 但是又不是同一作用的圖素, 此時(shí)最好也進(jìn)行改名, 否則易成日后資源管理混亂的隱患. 如果你的項(xiàng)目已經(jīng)對(duì)美術(shù)的產(chǎn)出進(jìn)行了嚴(yán)格的命名要求, 并且能夠有效的執(zhí)行, 則不需要對(duì)資源進(jìn)行重命名, 具體情況還需要具體分析.

我的命名方法是:

• 特效序列圖類: ef+序號(hào)數(shù)字, 序號(hào)數(shù)字從1開(kāi)始, 以此類推比如png, ef2.png
• 
• 按鈕(文件夾名:bt即button), bt+序號(hào)數(shù)字+橫線”-“+狀態(tài)數(shù)字, 狀態(tài)數(shù)字分別用1,2,3代表按鈕的普通態(tài), 點(diǎn)擊態(tài)和禁用態(tài), 沒(méi)有”選中態(tài)”是因?yàn)榕c美術(shù)溝通后, 確定項(xiàng)目中的按鈕選中態(tài)復(fù)用點(diǎn)擊態(tài)的資源. 如bt1-1.png,bt1-2.png,bt1-3.png
• 
• 圖標(biāo)和背景(文件夾名:bg即background), bg+序號(hào)數(shù)字, 這里將圖標(biāo)也歸在此類. 需要注意的是, 對(duì)于可點(diǎn)擊的圖標(biāo), 需要?dú)w為按鈕類, 一是我的分類原則以功能劃分, 二是這樣方便管理是否有可點(diǎn)擊的圖素卻沒(méi)有對(duì)應(yīng)的多態(tài)資源.
• 
• 進(jìn)度條和滾動(dòng)條(文件夾名:bar), bar+序號(hào)數(shù)字+狀態(tài)數(shù)字, 狀態(tài)數(shù)字分別用1,2代表進(jìn)度條的前景和背景圖片, 如bar1-1.png,bar1-2.png
• 
• 圖片文字(文件夾名:word), word+序號(hào)數(shù)字
• 
• 字庫(kù)(文件夾名:ziku), ziku+序號(hào)數(shù)字
• 

Axure文件制作

上述準(zhǔn)備工作完成后, 就可以新建Axure項(xiàng)目, 對(duì)美術(shù)資源進(jìn)行管理, 如圖:

圖中內(nèi)容與美術(shù)提交的假圖對(duì)應(yīng), 即, 有一個(gè)存放假圖的文件夾叫”登錄系統(tǒng)”并且內(nèi)含三張假圖, 如下圖所示:

接著, 以”游戲開(kāi)始界面”頁(yè)面為例, 說(shuō)明Axure頁(yè)面內(nèi)應(yīng)該包含的信息:

• 頂部, 放置美術(shù)假圖, 注意:如果沒(méi)有特殊需求, 圖片均應(yīng)放入頁(yè)面后使用Axure的圖片優(yōu)化進(jìn)行優(yōu)化, 只要保證可以清晰分辨出圖片內(nèi)容即可, 因?yàn)槊佬g(shù)的假圖原始圖片文件體積可能非常大, 隨著假圖維護(hù)的增加, 會(huì)導(dǎo)致Axure源文件體積巨大, 導(dǎo)致運(yùn)行效率下降.
• 在頁(yè)面的其他部分(我的習(xí)慣是由上至下), 羅列出所有的圖素資源圖示及文件名, 此處需要注意, 所有的圖素資源, 均制作為母版, 每一個(gè)圖素資源對(duì)應(yīng)一個(gè)母版, 這是該方法中最核心的一環(huán)處理, 如圖所示:
• 
• 母版內(nèi)的內(nèi)容以”bt1-1.png”為例, 母版名稱為不帶文件后綴的文件名稱, 母版內(nèi)需要包含, 圖片本身, 以及圖片名稱文本(不帶文件后綴). 圖片尺寸如無(wú)特殊需求(比如過(guò)于龐大), 則盡量保持資源原尺寸即可. 如下圖:
•