2012年1月21日 星期六

FIREWORKS好好用之: SYMBOL(I)
































雖說FW有很棒的PAGES功能,還有很正點的導引線

若真要讓我說還有甚麼功能是拿來做UI圖的必備功能....

我會說:"SYMBOL!!"
甚麼是SYMBOL?身為一個美工...我是說UI設計師....

你必須面對不斷重複出現的原件,包含各種按鈕,表單,CHECK BOX,RADIO BUTTON.....

簡直就是一個繁瑣到爆炸。

如果今天老闆要你把所有APP的通用元件中的某個按鈕作風格修改,重新出圖,若是每次都要在PS(或VISIO),把一顆按鈕修改好後,

然後貼到每個頁面出現相同按鈕的位置來替換....


真的很辛苦。


在這樣的狀況下,我想要的作法只有一個,


就是修改好一個按鈕,然後所有用到該按鈕的頁面自動更新好這個按鈕。
該怎麼辦??



答案就是SYMBOL!


SYMBOL其實就是一個可以重複不斷利用的元件。


這個東西在FLASH已經行之有年,而AI在最近也有這功能了(其實VISIO也有)


(不過我懷疑ai使用者使用symbol的普遍性)。



由於flsah的成功,為了要讓fw以及ai這兩個向量圖型的軟體能很好的跟flash媒合


紛紛加入了symbol(元件)的功能。


轉換的方式也幾乎跟flash一模一樣,就是功能鍵F8。


接著就會看到SYMBOL的設定視窗


可以幫SYMBOL命名,命名規則其實在FLASH中是有通則的。


但這邊就不贅述了,就依照喜好的習慣來命名吧。



例如:message_button_normal 一類的


然後就是選擇原件的屬性,因為這邊我沒有要做成互動的PROTOTYPE或者網頁,


我暫時用GRAPHIC而不選按鈕。


底下的9-slices可以看狀況來勾選,這個功能會另闢專文來解釋。


就是這個原件若再縮放要保有角落(原角等等),可以勾選起來。


而下面的加入COMMON LIBRARY也可以先不用勾,這個之後也會另外解釋。




按下確定後,你已經將一個圖形轉換成可以重複使用的SYMOL了!






沒有留言:

張貼留言