2012年6月24日 星期日

GUI LAYOUT DEFINITION (II)

之前在這邊討論過兩種GUI LAYOUT文件的例子,今天想要說說我心目中LAYOUT 文件怎麼做才會快速的幾個想法。當然,除了效率之外,也要考慮RD開發端閱讀的便利性。

我喜歡把閱讀這份文件的人稱做"使用者"。然後根據使用者的需要來製作文件。
其實我也很討厭吊書袋,把甚麼東西都冠上"使用性"這種華麗且尺度龐大的詞藻,
不過為了方便溝通,就先暫時忍耐下。

RD的需求:

1.整體視覺完稿的SAMPLE(以下簡稱SAMPLE)
2.切圖的位置,以(X,Y)座標最容易使用。
3. 各切圖的長寬(OPTIONAL)
4. 各切圖的檔名。

再來,GUI人員作業的流程:
1.設計出整體視覺圖(對應RD端的第一點)
2.切圖
3.繪製標註各切圖的座標等。

而其實我覺得這整個流程最討人厭也最費時的,
在於1,2,3各個步驟沒有辦法一氣呵成,尤其是2-3中間的連結,非常煩人
舉例來說,有可能一開始是在PHOTOSHOP中畫圖,畫好了之後,又用PHOTOSHOP切圖。

切好圖後,將每個切圖輸出,到此已經相當繁瑣了。但...

接下來才是麻煩的開始....


依照目前我工作地方的作法,
是用VISIO來畫出切圖的位置大小等等...
也就是說,GUI人員得在VISIO"重建"每個切圖區塊.

若是按照其他公司的作法,則是把所謂SAMPLE放到POWER POINT或者EXCEL中,
然後利用彩色方框來框出SLICE的位置跟區塊。
這個方式較為快速,但是若是考慮精度則非常不精準,畢竟PPT跟EXCEL並不是拿來做專業製圖的工具。

總的來說,以上這兩種方式,在我看來都是得"重製切圖",非常耗時。
我也在網路上看到很多GUI人員發出哀號,期望能有個工具能自動產出這些標註。
說真的,我到目前為止還是沒有看到這樣的工具,同時也覺得訝異像是ADOBE這些公司為什麼沒有提出這樣的解決方案。

對我來說始終是個謎。

不過將手邊的工具研究了一下,其實也是有折衷的解決之道。
說來你可能會摔倒....不過,我覺得FIREWORKS可以做到.....

(下回待續)






沒有留言:

張貼留言