2012年6月20日 星期三

ANIMAD

ANIMAD
讓我來為你介紹我新發現的希臘網站

首先它的Loading圖案長的有點搞怪加可愛
還會跳來跳去
Loading
然後就進入了首頁
可以選擇語
當然要選英文囉!

語言選擇
選完語言就來到主頁
是一個屋內的場景
有點斜斜的
一開始屋內是暗的
要點一下那個黃色亮點
燈才會打開
然後燈火通明
開燈
一看到主頁面就知道
是要點物體然後就會發生變化
主頁面
果然...
下圖是各物體 mouse over 後的結果


如果你不想點物體按鈕
想要一目瞭然的話
最底下提供文字按鈕
文字選單
他的"關於我們"與眾不同的地方是以格子漫畫表示
雖然看到最後也沒結果
滿無厘頭的
但大致上知道是由兩人合力建構這個網站的
about us
works

clients

news
guest book
contact
credits
最裡面那個門按鈕其實是虛設的
因為點下去發現他說
"外出不安全喔"
這招要學起來對付做不完的botton
btn
他有好機個房間
左邊第一個開啟之後是遊戲房
你可以玩射擊遊戲喔
第一間房
再來第二間房裏面的物體按鈕
也各有效果
只是都不會連到其他網站或有指示
只有衣櫃他會出現文字框說要去廚房找鑰匙
第二間房
接下來我就來了廚房
要按照他的指示連續點一些物品
發生一些變化
才能找到鑰匙
廚房
發現鑰匙在微波爐裡!!
鑰匙
然後就像過關一樣地進入地下室
也是點點東西就會有反應
比較好笑的是點右邊的WC就會有人、暴露狂,甚至企鵝跑出來
哈哈
像串場的小生一樣
密室
最後是走出房子
戶外的景色也會轉換
關鍵竟然是要點地上的那顆西瓜


以上,有趣的網站是也。



2012年6月19日 星期二

Plateinteractive

Plateinteractive
好久不見啦~
真的好久沒來寫blogspot了
一起來看一看今天我要推薦的網站吧!
雖然我查了一下相關資料
但還是有點不清楚網站的用意
但確定的是他是一個新加坡設計師的作品
對社會也有貢獻

flowchart

首先
我們要看到的是Loading的畫面
是8支冰棒(或棒棒糖)順時針的轉圈


Loading
然後畫面會出現一個白色盤子告訴你"Wait a moment."
就開始進入他準備的盤子上的動畫
這個網站名為Plate interactive
所以他的主視覺都是固定同一個盤子
然後上面有很多黏土動畫在循環

動畫1
動畫2
動畫3
動畫4
動畫5
這個網站還有輕鬆的背景音樂
如果不想聽的話
可以將游標移至底部
然後這個收音機的面板就會跑出來
你可以選停止或是下一首歌、上一首歌
點上面的黑色長條
他還會帶你去那個音樂的專輯網站
很不錯
音樂面板
這個網站讓我覺得滿特別的是
當你點了一個連結開出一個新視窗後
原本的這個網站就會停止運作變成下面這樣
等你看完新視窗的內容
再回到這裡點一下
音樂、動畫才會又繼續動起來
我覺得這是很有禮貌的作法
真的很好
Click to continue
再來就要看到其子選單了
他的子選單其實內容不多
所以他用的是一張摺紙攤開後
來展現內容
而且它的子選單名稱英文開頭都是小寫
EX: news
這跟一般網站很不一樣
about
在網站的右上角還有一個按鈕
可以將網站換成全螢幕模式
可是也不會影響新視窗 pop out 的效果

網站右方的三個白色三角錐會先滾進來
再展開組合成為內容
三角錐進來
像這個內容比較多
就會設捲軸
讓畫面還是有相同的規格
不會只有他不一樣大

news
news的版面也會變成這樣
news2
works
awards
downloads
點blog就會開新視窗至一個新的網站
blog
contact
他們的contact
盤子中就會出現示意圖
告訴你他們在哪
map
最後這是右下那隻紙鶴在滑鼠移至上方後會出現的畫面
紙鶴會展開平面圖
紙鶴展開

這個網站做的簡潔可愛,一目瞭然。
可惜的是我在不同螢幕的電腦上瀏覽,就會有一部分的版面被切到,about的選項也不見了。






2012年4月5日 星期四

Michelbergerbooze酒廠

http://www.michelbergerbooze.com/



Web chart
這個網站很簡單卻很吸引我
他的架構很簡單
也沒什麼內容
可是跟別的網站最不一樣的是
他的首頁超級長的!!!
只要用滾輪往下走
就會有動畫的效果

第一個看到的是載入中的圖案
因為這是德國一家製酒廠
所以就用一杯酒慢僈裝滿表示
Loading icon
因為是製酒公司
所以等載入完、酒杯滿了
他就問你滿18歲了嗎
回答完就進入超級長的首頁了

Home page
畫面會一直延續
像是杯子中的酒量變少
還有左上角的時鐘指針也會一直轉

再往下就會出現一個藍面具
是其中一款酒瓶上的圖案
點進去就是下方充滿秋意的畫面
同樣地
再往下是橘色面具
點進去是有中國味的山水景色
 一直往下拉
原本固定的物品開始旋轉
最後往上飛
酒瓶就往上升入畫面
到底部就是這兩款酒的介紹
再往下滾就又回到最頂端
一直循環
以上是我對Michelbergerbooze酒廠的介紹
謝謝。


2012年3月27日 星期二

Thibaud's Portfolio

http://www.thibaud.be/#
這次我要介紹的也是一位設計師的個人網站
根據網址"be"判斷
他應該是比利時人
Flow Chart
首頁的風格是我喜歡的簡潔有力
像月曆一般的格子
既不無聊又分類清楚
游標在上面滑行時還會有格子的殘影
整體步調偏慢
感覺舒服

Home page



他的首頁甚至有不只一種的介面
(一共4種)
 讓使用者自由選擇
以下是不同的介面及其mouseover項目後的表現
我最喜歡的是Style 2的擺設
較富變化
Style 2
Style 3的彩色文字很條理分明
Style 3
Style 4的長方形色塊像彩虹
Style 4
再回來介紹他的第一種風格的介面(日曆型)
點下第一項About後
就有白色的詳細介紹延展開來

第二項Links只有兩個連結
其中ㄧ個是外國人最常用的Twitter
上:About
下:Links
第三項是Works 3D
展開的方式是以方格群圍繞主題

我覺得滿恰當的
算是有變化

第四項是Works webdesign
作品集很豐富
經驗累積不少

上:Works 3D
下:Works webdesign
第五項是Works Identity
好像是LOGO的比賽
第六項
Contact
聯絡他

上:Works Identity
下:Contact
以下是各子頁面的介紹:
上:Pikibox
下:Twitter
這邊是他的作品集全部打開看一次
開啟第一個作品
最上面有"i"是作品資訊、創作理念
在畫面中隨便一個格子點一下就會出現下圖
你可以改看別的作品或關閉此作品的畫面
是很方便的設計
瀏覽方法
他的3D作品很不錯
歡迎參觀
Works 3D
他也有設計網頁
而且都是翻拍ipad的畫面
我其實不太懂為什麼
我覺得如果真的要展示就直接放網站的畫面
不要藉由翻拍呈現
感覺就不像在說"我是作者"
而是說在"我有一台ipad"
所以我沒有全部放上來
僅取兩張代表
Works webdesign
標誌的設計也滿有科技感
兼具流行與可看性
Works Identity-1

Works Identity-2

以上。謝謝!