網頁分析_Fornasetti

這是一個家居品牌的網頁，充滿了童趣設計以及趣味的互動體驗，共分為三個主題，鉛筆、尺和指南針搭配不同的音效，一點進去這個網頁就會玩到停不下來

一開始是鉛筆可以隨著滑鼠的移動，使畫面中排列整齊的鉛筆產生隊伍變化

第二樣文具是尺，一開始只是一枝直尺，但一樣經過滑鼠的移動，會有越來越多的尺產生，並且依據滑鼠移動的軌跡，形成一條無止盡的尺龍

若是想換下一個主題，點一下滑鼠這些尺就會向下圖一樣散去

之後是指南針，他出場的方式是兩隻腳走路出現，很可愛逗趣，他變化的方式是以同心圓的方式增加圈數

每一種文具都有它不同的移動方式，我覺得非常有趣好玩，並且會讓人好奇這個網站是在做什麼
網址：http://www.fornasetti.com/

網頁分析_地球圖輯隊

這個網站是近兩年成立的新聞網站，裡面多報導電視新聞裡少有的全球國際新聞，這個網站的特色就是他們都是一張大圖然後會有新聞的文字說明。

一開始的首頁就是當日幾個主要的新聞畫面

如果想要看全部的新聞總覽，目錄在左手邊，可以看到整個網站有哪些東西，點進文章總覽後，就可以看到像pinterest一樣的縮圖和文字的框框。

點進想看的文章後，就會看到最上方的社群網站分享icon，但一開始只是白色的英文字，mouseover後就可以看到大色塊的浮現，像是最左邊的Facebook一樣。

新聞頁面就是一張大圖，他們都是跟攝影師買正版的圖，配上翻譯國外新聞網站的詳細的新聞說明。

看完文章後，會看到最底下的footer，也有社群網站的分享icon，和上面的不同是，footer的icon並不是只有大色塊，mouseover後還會有一點動態的變化。

另外還有書籍的推薦，一樣有做動態的變化

還有其他文章的連結在最底部。

網站連結http://world.yam.com/

網頁分析_camper

CAMPER的網站架構比較沒有那麼花俏，偏向傳統形式，但在小細節有做一點巧思變化，我覺得滿不錯的。

首頁就出現了以鞋子為主的動圖，感覺滿可愛的，也很吸引人注意。

選單是採用網頁主色調，深紅色以及大地色，還有背景的白色，雖然好像少了一點變化，不過整體看起來很舒服，也可以讓網頁瀏覽者清楚的找到自己想要的分類。

網頁footer比較高，使用跟底色一致的白色，看起來很乾淨而且易讀。

在網路商域的部分比較有趣的是，網頁有分大中小圖示可以選擇，讓消分者瀏覽時，可以選擇自己想要的大小來觀看。

還有另一個小巧思是，當mouseover鞋子圖片時，鞋子會有不同角度的呈現。

如圖左邊鞋子的方向跟另一雙不同

點進去想看的商品時，會有商品的介紹，整體呈現也很乾淨，也有把鞋子細節部分拍出來讓消費者看到。

網頁連結：http://www.camper.com/en_TW

網頁分析_impossible-bureau

現在越來越多網頁都是設計成單一網頁，只有一個卷軸下拉帶出不同主題，符合現在智慧型手機用戶的習慣，可以單一網頁一路滑到底，不用再等網頁重新loading，也比較方便 。

這個網頁屬於互動性，穿插互動與動畫，一邊滑動卷軸會有不同驚喜。

這是一開始的首頁，loading時會有icon的小動畫，加上背景是很漂亮的漸層色，一開始就可以吸引到觀者的注意。

接著是一小段的介紹文字，這個區塊內的灰色點點背景可以隨著滑鼠移動而跟著變化。

最上面的icon如果滑鼠滑到上面會有動畫以及變顏色。

這個主題是以圖表呈現，當卷軸滑到這頁時，是以動畫的方式讓圖表跑出來，很有趣。

接下來這個頁面是以簡潔的線條畫出服務的項目，讓人一目了然，而線條的顏色採用漸層設計。

以下是客戶和公司成員介紹

最後的footer也做得很有創意，一樣是互動式的設計，一開始是溫暖的紅橘色調，當滑鼠滑到上面時，會在滑鼠的周圍產生紫色的漸層，顏色上依舊很吸引人。

網站連結：http://www.impossible-bureau.com/studio

網頁分析_Arcade Fire

這是一個樂團的互動式網站，網頁一開始的loading畫面是一個圓形和正方形會改變大小和位置

接下來出現首頁，從這張開始就可以看到，這個網站風格走向

按下進入後就會播出樂團MV，只要移動滑鼠就可以開始玩玩這個網站的互動裝置

在滑鼠所選的範圍內可以看到比較清晰的畫面，其他部分會有發散的效果，讓畫面更有張力，但是有時候不同照片也會有不同的效果

即使將影片按下暫停，同樣可以移動滑鼠來製造效果，像這張就是配合不同情境有不同效果

等到影片播完後，可以進到樂團的官方網站

下圖就是Arcade Fire 的官方網站首頁

這個網站的互動裝置很特別也很好玩，就算對他們音樂沒有認識太多的人，也能透過這種互動方式聽完整首歌，或許就會因此喜歡他們的音樂。

網站連結：http://www.justareflektor.com/

網頁分析_spoiledbrat

這個網站是一個珠寶品牌的網站，幾乎全部的元件都有設置flash，滑鼠移到按鍵時會有一些動畫或小變化

這是他的首頁

接下來可以移動滑鼠例如以下這張就是將滑鼠移到選單上的Earrings，會有耳環的插圖浮上來

點進去後出現的內容也是以flash動畫為主

當滑鼠滑到想看的商品上時，也會出現一段小動畫

點進去之後就可以看到價錢、大小以及成分

雖然這個網站的版型很中規中矩，可是因為最近在學按鍵的三種變化，我覺得這個網站做得算是精緻，值得學習。
網站連結：http://www.spoiledbratjewelry.com/

網頁分析_Reebok

這是一個Reebok的官方網站，一開始的loading畫面就很有趣，是達文西的人體黃金比例

網站的footer也是以紅黑色為主

而整體風格大部分都是採用紅黑兩個主色調，搭配上風格一致的照片使網站有一致性

而捲動滑鼠滾輪就可以看到下一個主題的照片和文字了

繼續往下捲會看到一個大腦的圖案，也是我覺得最有趣的部份

點進去會看到一個像下圖一樣的圖示，圖示下面有卷軸可以點

點右上角的箭頭可以將大腦放大並旋轉

每個卷軸的節點都是在循序漸進的說明運動對大腦的好處，圖中會有簡單的圖解以及統計資料

有時候還會有一些小插圖

到後面可以看到大腦活躍以及漸漸變得越來越繽紛的動畫

不想要大腦退化就動起來吧!!

網站連結：http://fitness.reebok.com/international/be-more-human/#/home