2010年11月19日 星期五

網頁分析--- Keds sneaker

Keds是美國的布鞋品牌,1969年誕生,是個有年紀的牌子。
所以這個網站用decade(10年)來計算。











index是由很多button構成的,每張分割的圖片可以連結到
其他子頁。



















這是1970s的頁面,裡面除了當時品牌發展的歷史外,
還記錄當時發生的事件,介紹當時品牌也介紹當時社
會的脈動 。




keds sneaker

網頁分析--- Champagne Perrier Jouet

這是一個法國知名的香檳品牌官網,是以手繪花卉動畫
加上照片動畫的方式呈現,色調乾淨呈現出香檳透亮純淨
的感覺






























在內容的部分,以table的方式呈現,格式比較方正,頁面和頁面之間
是以上述的動畫作為連結。











champagne perrier-jouet

2010年10月31日 星期日

網頁分析--- Hugo CREATE

















Hugo CREATE是 HUGO香水系列所舉辦的全球性設計比賽 ,
首頁用分割的方式,將網站主要的內容彰顯出來,配色是以無
彩色為基礎再搭配HUGO logo的紅色加強。




在gallery中有一個很特別的功能:瀏覽者可以由下方的控制欄
隨意的找出自己想看的方向,例如:最新的或者最多人觀看的等等....










每個作品都可以點開,能下載到自己的電腦裡。

2010年10月21日 星期四

網頁分析---- Paul Frank Planned Pines










這是一個互動的裝置,讓user可以用不同裝扮的Julius瀏覽。










圖中的建築物開啟各個子頁,每個子頁有不同的主題,
以一個小鎮做為主軸,有遊樂場和電影院.....
為了不讓開起時變的無聊,個個按鍵還安排跳起和音效。











Fun Zone裡面包含三個小遊戲












Theatre  裡面主要是收錄PF的小動畫






                 




Rec Center 可以讓user創作Julius的裝扮也放上連結可以
直接連到Gallery











Julius & Friends主要是介紹Paul Frank筆下的角色
點每一個角色會有小小的彈跳和動畫,最後會開啟
一個新的視窗詳細介紹。







Paul Frank ------ Planned Pines

2010年10月14日 星期四

網頁分析---Exposition Monet 2010

這是巴黎的Grand Palais美術館舉辦的2010 Monet 展官網











它把莫內的畫融入在網站中,並以圓作為主要的banner
和視覺軸心










進入index之後,為了和之前的頁面做出區隔,背景和banner
的色系互換,更凸顯出主題---莫內的畫


















 Gallery的呈現是以時間軸的方式,同一系列的畫會有線拉
在一起,每一張作品都可以放大點閱,會有更詳細的作品
介紹。背景是無彩色,這樣更能顯出莫內畫作的色彩。





 












Journey是以莫內的簽名和一支插在墨水瓶中的筆開始
與畫作及莫內人生結合的動畫。

這個網站去掉莫內的畫作之後,是以簡約的方式構成,
運用大量的無彩色及幾合造型,背景音樂是與莫內同時期
的印象派鋼琴,配合這個網站的主題。



Exposition Monet 2010

網頁分析--- Girl Scouts










這是一個位於芝加哥的公益團體,她致力於女童軍的教育。
她會不定時的推廣一些主題,並且有一系列的活動。











介紹網站的flash配合這次的主題"World"s Strongest Girl "
用動畫的風格告訴女孩:女孩也可以做很多很多事




















這是配合這次主題的小遊戲,每個人可以創造一個
屬於自己的角色,用自己的觀點寫出你認為世上最
強壯的女孩應該.........











網站的主要內頁,保持給女孩可愛的調性,照片
加上對話框和插畫。

這個網站,讓一個本來會很死板的教育網站,
多了很多趣味性,用了很多小女孩會喜歡的
元素:小小的遊戲,讓這個網站有互動的感覺,
還能分享自己的想法 強烈的對比色配色最容易
吸引小孩的目光,還有很可愛的配樂和很多不
同語言的"你好"






Girl Scouts

2010年9月30日 星期四

網頁分析--- Limoon

這是一個插畫家的官方網站,她以可愛甜美的風格貫穿還
加了一點奇幻的感覺。










以雲朵做為icon,每個在雲朵上的物件都代表一個主題。
畫面非常簡單,沒有太多的表單和文字,就算是兒童也可
以很容易的去使用這個網站。










這個網站提供免費的桌布 月曆 給電腦和 ipod  iphone
如果喜歡她的風格可以下載下來。










這個網站做大的特點就是簡單, 讓人可以一目瞭然
大量的圖片加上一點音效,儘管沒有很複雜的動畫,
還是很能吸引目光。很適合當作兒童網站的參考。















limoonland

2010年9月25日 星期六

網頁分析--- 凡爾賽拜金女電影官網

凡爾賽拜金女(Marie Antoinette)是2007由蘇菲亞科波拉 (Sofia Coppola)所執導
的電影。這部電影,陳述的是18世紀法國的著名皇后---瑪麗安東尼奧的故事。






















在官網中,延續了電影的脈絡,將主角的生活用一個一個的物件作為代表,
當user將物件打開,便可以看到電影中的相關片段或者相關訊息。除此之外,
 網站顏色的使用,也配合了主角奢華浪漫的個性,大量使用粉紅色和藍色
還有粉紅色到藍色的漸層。













正如一般電影官網應有的架構,凡爾賽拜金女的架構也同樣擁有了
幕後花絮和照片影片欣賞。






凡爾賽拜金女(Marie Antonette)