Starbucks



星巴克一直是整體設計很完整的品牌與咖啡店,而她的官方網站就更讓我好奇它的呈現了。
整個網站看完後最有興趣的是它新產品棒棒糖的部分,動畫應該整個都是用flash做的,但是整體就是很可愛啊,讓我想起老師給我們看的上屆學長姐做曼秀雷敦的那個。畫面的跳動、晃動、變化,都很有活潑可愛的氣氛。

不過,可能是星巴克想要傳達的知識與資訊太多了,整個網站我點幾頁就累了,因為太多資訊了(不舒服),關於資訊整理部分,可能就是要再做調整吧。可能也是因為主要官方網站就是這種風格,為了不要喧賓奪主可能才會做這種規劃吧,但民情不同,星巴克在外國屬於平價,但在台灣可是屬於高檔,會忍不住想說,做好一點好嗎。官方網站:http://www.starbucks.com/menu

網站架構圖



Mcdonalds


因為麥當勞最近的網頁做得很漂亮,所以決定來介紹一下。
首頁部分是用滿版的照片來呈現,很有質感,左邊會自動跑出選單,但是焦點已經先讓觀眾被主圖吸引,是一舉兩得的方法。

然後玩具特區那部分有重質與水平的flash呈現我覺得很棒,可是關於那個滑動可以滑這麼遠不知道是怎麼做的?

關於這頁很喜歡是,移過去圖片會放大,背景會一直噴出照片,個人覺得很神奇,但應該也是用形狀捕間動畫做的吧喝喝。而左邊那些會轉動的btn希望這次網頁可以試著跟著做看看!

歡樂送的部分是很喜歡它移動有視覺殘留的動畫感,很符合歡樂送的感覺。

而MC CAFE是越做越漂亮,尤其是關於咖啡產品介紹那邊做得很漂亮,也是應用了簡單的flash滑入,就很棒。


網站架構圖

GAP




上了一陣子的flash,開始對btn的變換越來越敏感,所以這次看到GAP的網站就覺得是它了;雖然滑入沒有做得很fancy,但是整體就是配合GAP素素的感覺,並藉由變換來增加文字內容介紹,減少了空間又不會跳出前一張圖因為有改變alpha

而他的分頁上面做的也是一些影格的變換,並不難,但整體就是有到味了。

這個關於公司的部分是作成一本書的動畫,搭配音效真的很重要,應該也是flash做的,只是會自動置中的個動畫不知道又是如何調的。

上方MENU會自己跳出來也是非常可愛!

這個衣服會跑動的效果我一直在猜是怎麼做的。是用flash嗎老師?flash可以放入很長很長的圖片(先在PS做好)讓他做移動補間嗎?

HP台灣網站





這次是介紹設比比較簡單但又不失用心的HP網站;第一眼點入網站會被吸引的是你的滑鼠會自己跑走,然後會跑出一串很像電池電量的顯示表;然後跑入主要畫面後,每一個頁面都會因為滑入而完整的顯現出頁面,我認為這個頁面和上一次介紹的sony畫面相較起來,主題少(一次只會看到三個主題)你反而會耐心的認真去看,因為它畫面做的也不錯,也會想好奇有什麼好康活動可以挖寶。

而比較驚奇的部分還是下方的電量表,因為我們已經習慣右邊滑動的機制,HP這次能創新的獨立顯示一個類似滑軸的東西讓人覺得很新奇,算是一種小小的突破與創新吧。

缺點是點入頁面候真的很平凡,但首頁做的用心,主題打的也用心,也就讓人留下深刻的印象了。


網站架構



Sony Ericsson




這次是選擇手機大廠Sony Ericsson,介紹原因是哥哥推薦,於是點開來看果真是動來動去的很可愛,這是第一篇分析的flash網站,所以也會認真看一下,感覺其實自己也可以做得出來,但是能不能這麼好看就另當別論了(?)
它把設計概念與手機介面做結合,某些按鈕處理也是以內頁顯示為主,顯示時背景還會以柔焦做處理,這點我覺得很棒,就能focus它所要傳達的東西然後又不須跳出主題頁面。在我打word檔的同時(因為是縮小比例來打字),還能看見處於後網頁的Sony Ericsson網站自己一直在動,真的是想忽視它的存在都很難(其實有點煩)。
可是最喜歡的是它會隨著滑入來做轉動,仔細看了一會應該是滑入後頁面會處於獨立的狀態(新的頁面),會這麼覺得的原因是家中電腦會lag,只有靜候一段時間才會動的比較順暢來做猜測;但小按鈕會整個波動的效果不知道是怎麼做的?
在某個點入的頁面中也是應用了flash,看完的感覺相信你也跟我一樣,"噢好可愛喔!"一開始飛入的那些效果對我來說還太難了!但是它靜置後在原地跳動與右邊那隻綠色蟑螂眼睛眨動的效果我覺得我還是可以應付的。

網站架構圖

powered by Blogger | WordPress by Newwpthemes | Converted by BloggerTheme