2009年12月8日 星期二

Serge Lutens Fragrances

Serge Lutens Fragrances

一個風格典雅的化妝品網站












頁面主要由兩種顏色對半開來貫穿全場,簡約但帶點時尚












中間的選項呈現交錯拉鍊的感覺












裡頭有些資訊也有影片












商品上主頁以三種不同的風格做區別












每個包裝版面都一樣,只有字的區別,有統整、乾淨且質感的味道












這是引言的部份,裡面幾句寫的讓人有感觸












以世界地圖做背景,有點點的代表有設專櫃,讓人一目瞭然

2009年12月1日 星期二

converse

http://www.converse.com/













converse的首頁,簡單的區塊讓人容易分辨












Buy的部份是converse的所有產品,鞋子、衣服、配件等等…












主要介紹是Make的部分,這與NIKEid類似,但它提供了多樣式的鞋子可以去配色,顏色也比較多,做起來會更得心應手,且能做出自己喜歡的風格























Play的部份分Talk Show Tune Nice,Talk是一些作家的訪談,Show是一些短片關於converse,Tune是一些語音直得我們去聽,Nice是一些推薦的小網站和小事情。

2009年11月21日 星期六

The Zoomquilt

http://www.duracel.de/zoom/zoom.htm

壓住滑鼠左鍵往前是前進,往後是退後,可以再一個空間一直循環。
以下是簡單的截圖。








































2009年11月17日 星期二

Hermes

http://lesailes.hermes.com/us/en/













Hermes的網站,一進網頁就滿滿的圖像佔據了版面,每一個皆可點進去觀看,左邊也有做分類,讓使用者更方便找到想要找的主題。













當選擇分類其中一項時,背景會縮小並透明度話,這時你選擇的類別並會跳脫出來。


因為項目其多,我挑了幾個讓我感興趣的做介紹。












這是七巧板的設計,使用者可以在畫面上擺放或旋轉七巧板,拼出想要的圖形。













這是拼圖的遊戲。













這是拉霸的遊戲,當全部拉到一樣時會有意外的驚喜。













這是Hermes的錢包,運用配音及皮包的開闔,塑造出好像就兩個皮包在對話一樣。














以Hermes的H為中心點,慢慢擴大,並配合音樂的節奏閃亮著白色,就好像城市裡燈火通明一樣。














這是記憶翻牌的遊戲,翻到同樣的兩張圖就可以拿掉,考驗使用者的記憶能力。













這是接接樂的遊戲,籃子就是容器,掉下來的hermes商品則是要接的東西。













一個有關於音樂的設計,當你點選樂器時就會發出那樂器特有的聲音,可以慢慢增加或減少,搭配出你想要的旋律。












從一個包包一個包包慢慢的演進,過程中介紹了許許多多的設計包包,且變化的順暢,讓人眼睛為之ㄧ亮。

2009年11月10日 星期二

NIKEiD

NIKEiD

NIKEiD是一個能製造出屬於自己獨一無二配色的鞋子












主頁有簡單的兩隻鞋子做背景,中間有可以讓人選語言的地方












進入NIKEiD首頁後,有許多值得注意的地方,首先是上面的選單有主要的分類,左下角是色彩的選擇表,只要移到想要的色彩,就會有類似配色的鞋子或是衣服出現,並可進去挑選喜歡的樣式購買。












這是點進去之後相關顏色的商品。












若想要製造自己的鞋子,只要在主要的選單上挑選自己想要的類型即可。












以這隻鞋子為例,只要能看得到的顏色都可以更改,但是能選的顏色樣式可能不多,且這網頁提供可以選轉和放大縮小鞋子的功能,能讓使用者以不同的角度觀賞。

2009年11月3日 星期二

Big Ideas come out of Big Pencils

Big Ideas come out of Big Pencils

一個互動式的網站,由一隻筆帶領使用者進入這網頁的世界












這網站為很多公司做了廣告,散佈在畫面的四處,下面的列表也有出現,讓人更方便的選擇




可以在畫面上隨意的寫字



各個公司的廣告設計都各有特色































































































































特別喜歡其中幾個的flash和影片,很好玩

2009年10月20日 星期二

slim gin












一進網頁就由簡單的動畫帶出,點選選單會用跳躍的方式呈現,讓畫面增添了幾分生動感。











News部分是介紹之前到現在的導演訊息











Directors的部分介紹6位導演的作品











這是圖書館的相關影片











最後是聯絡方式

整體的畫面是簡約的風格,利用黑灰白的背景與文字和簡單的圖像和色塊營造出簡單但不脫俗的感覺,畫面裡運用小動畫的方式讓畫面更生動。

http://www.slimgin.com/