2007年11月14日

Geil Tech DDR2 Flash Banner 初稿



Geil Tech 最近委託小美工為他們設計專為 DDR2 ULTRA 的 Flash Banner,主要的訴求就是能強調科技感,時間不要太長,在短短的時間內就可以感受到高品質,能讓瀏灠者一眼就吸引住;根據這個訴求為他們設計的了二個樣式,基本上二則的背景和素材都一樣,僅是動的方式不同而已,另外還針對記憶體的外觀畫了一組字體,做的比較長形,也符合直式 Banner。

第一個樣式是流動式的動畫,先出現 DDR2 ULTRA 的字體,小白點向上流動,隨著小白點的流動字體向上飄移,愈往上一個個字母消失,最後整個字都消失,接下來小白點由上往下流動,最後記憶體由小白點帶出。

第二個樣式將圖和字分開,但基本上背景一樣,這則我想讓產品一直在畫面上,這樣瀏灠者會不斷看到記憶體,由記憶體放射出小白點,字和 Logo 則一白一橘的跳著。

跟客戶溝通過了,基本上還要做一些修改。

八旗工程網站正式上線









之前曾提到「八旗工程網頁設計初稿」終於上線了,是屬於 Very Clean 的調調,網址是:www.8f.com.tw,在這最要感謝就是名模心宜的男友 Wolf 的大力幫忙才能順利完成,在這裡再跟你大大的道謝啦!主要是在 CSS 對於版型上有不同瀏灠器相容的問題,本來我做出來的在 IE 7 上看版型會跑掉,我就請 Wolf 幫我檢查,結果他就幫我施了點小魔法,加上了專屬 IE 7 的語法就得救了,呵呵!

2007年11月4日

Geil Tech DDR3 Flash Banner 設計


Geil Tech 委託小美工為他們修改一則 Flash 動畫,原始的尺寸是 777px X 200px,檔案大小是 2.3MB,客戶希望能改成尺寸 728px X 90px,檔案大小 30K,於是客戶將原始的 Flash 檔案給我,剛拿到時還滿傻眼的,因為全部的圖層和元件的命名都是用編號,也沒有用圖層資料夾和元件資料夾分類,所以第一步就是整理這些圖層和元件,將他們重新命名並分類清楚。

這則原始動畫主要以像素圖片和音樂為主,以一則 25 秒的網路動畫而言 2.3MB 可不算小,要修改成 30K 當然音樂是不能放了,不過 30K 的 Flash 動畫要放上圖像可不容易,因此我和客戶溝通了將這些圖像,包含娃娃、機車、記憶體.....等全部改為向量圖檔,這樣才能發揮 Flash 檔案小的特性。

向客戶要了元件的原始圖檔,我在 Adobe Illustrator 中重新繪製這些元件,再輸入到 Flash 中,最後輸出的檔案大小是 28K,小於客戶要求的 30K;客戶看過提案之後,希望能將這些元件做的富有立體感,於是我再進入 Adobe Illustrator 中修改了這些元件,加了一些漸層和光影,經過幾次修改客戶同意後就完稿了,上面的圖片就是動畫中的擷圖。

原始的動畫在此(2.3MB):DDR3 Flash Motion Source

修改後的動畫在此(28K):DDR3 Flash Banner Export