網頁分析--- fakeyoutjh.net

fakeyouth一個插畫家的個人網頁
他的插畫風格有一種醜醜的可愛
連結很少，整個都是靜態的
主軸都放在porfolio上

不過整個感覺很可愛，很清新
網站架構

fakeyouth.net

網頁分析--- HTC Sense

這是HTC丹麥的官網
他的解說都是用像手繪starmotion的方式
加上一些小互動
用淺顯易懂的方式做呈現
就算不懂丹麥文也ok的

他的頁面雖然幾乎都在同一個場景上
但是還是會有小小轉換時的動畫
配上聲音
給人很強的科技感
就算是他的動畫都是手畫的線條看起來很可愛很溫馨

網站架構

htc sense.dk

網頁分析--- Diesel Island

Diesel每一季都會有一個主題，
不僅僅是服裝的發想，
也會在官網上做不同的互動頁面。
這次的主題就是Island
他用google map來發想，
島嶼上的動線，把目錄上的照片安插在各個場景
相對應的服裝就變成了更大型的目錄
為了能夠廣泛分享，
網頁和ＦＢ做了連結，
user能夠用FB帳號留言並對喜歡的服飾按讚

網頁架構

 diesel island

>

網頁分析--- Gilson Schachnik

這是一個波士頓的爵士bass音樂家的個人網站
一進入網站就是音樂家的portfolio
每一個播出的音樂都搭配由6種幾何圖形構成的動畫
動畫的元件會隨著音樂的音高  音量大小有不同的移動

這個網站很特別
因為他是以音樂家的作品為主
所以衍生出了特殊的控制介面
除了左下角的兩個框框是上一首下一首外
右上角的白色長條往下拉也是下一首的功能
曲目左下方的button展開後是歌曲的介紹

 

Gilson Schachnik

網頁分析--- spoon

這是一家美國優格專賣店的官網
這個網站的場景非常的夢幻
每個page裡面都用了不同的元素做為主題
例如   
home :  天空
about spoon :海洋
pick a spoon : 城市
find a spoon : 馬戲團
每一頁裡還會穿插一些小動畫
滑鼠on release之後就會出現標語
用來達到溝通宣傳的目的

loading page做得很細
除了基本的數字在跑之外
代表menu的時鐘上的指針也會動

整個場景的最下方是website map方便不想在場景裡面遊蕩的人

這個網站有一個缺點就是
所有的動話有點過慢導致不夠流暢
而且場景會跟著遊標移動很容易在場景裡面迷路







spoon frozen yogurt and smoothie

網頁分析---- adidas then , now and forever

這是Adidas新系列的產品官網
這個網站除了新產品的型錄之外,
 還加上了和使用者互動的塗鴉小遊戲
(雖然用滑鼠不太好畫)

網站架構

 

這個網站使用影片將內容串在一起，
影片播到一半之後會出現兩個選項，
左邊是塗鴉的小遊戲，有幾個選項
讓使用這自由選擇，右邊是產品型錄。

完成作品之後可以發布給朋友或分享

產品型錄。








ADIDAS then now forever

網頁分析--- salt film

這是一個新加坡的影像工作室，因為取名為＂salt＂
所以他用調味罐來表現， 每一個不同的調味罐代表
不同的導演。
 他的架構很簡單， 只有 about　  news　 login　   porfolio

他運用灑鹽巴調味的動作，作為進入下一頁影片porfolio的銜接

News   以菜單的形式，可以不斷擴充下去

about   鑲嵌影片

salt films

網頁分析--- Joey Ho slice of joy

這是一個香港室內設計師的個人網站

他把室內設計中的元素和心情用一些幾何的元件
代表，組合成一塊一塊的蛋糕和甜點，每一個甜點
都代表他的一個作品。

 








所以他把每一個蛋糕都做成button加上iframe顯示
出作品圖片

按下button之後進入作品的個別介紹

 左邊，是蛋糕還原成各個元件的樣子

每一個元件又是button，內容是作品

不同角度的照片

Joey Ho -slice of joy