2011年9月28日 星期三

Swatch Website

Swatch網站

Swatch網站的首頁以簡潔的白色為底
中間有圖的部份是系列錶款 ↓
首頁
可用左右箭頭(<、>)來預覽不同的系列 ↓
右邊箭頭預覽小圖


進入另一系列
第三個系列
產品目錄
當游標移到產品的方框內時
會變成紅色並顯示名稱及型號 ↓
選取
點進去就能看見產品的詳情
也可以按「+」放大鍵來近看手錶圖案
按「─」可以縮小回原始尺寸
「Share」可以分享到Facebook或是Twitter等社群網站 ↓

產品明細
放大圖

當畫面要載入下一個頁面時
就會出現一個灰色的錶面
時針分針會一直跑
就像是碼錶在運轉一樣 ↓

等待中
尚有其他系列的錶款
這一個動態網頁可以換手錶的位置 ↓

原本綠色的錶在中間
點一下鐵棕色的錶就轉到中間了
而且畫面會飄來跟錶體同色的煙霧↓

各種系列
瀏覽模特兒拍的圖集 ↓
這圖集做成雜誌的翻閱模式
只要把游標移至圖片右下角
它就會掀起頁角
點下去就可翻頁了
像在翻雜誌一樣↓


這一個系列很可愛
每一隻錶都配了一隻超Q的公仔
各有不同的特色 ↓
當游標移至公仔身上時
它就會跳起來
背景顏色也會隨之變換
並顯示他的名字
而且每個公仔名字的顏色及字體都不同
超可愛 ↓
左一
左二
左三
左四
右四
右三
右二
右一
每個公仔都有一小段動畫
以增加民眾的印象  ↓
公仔的動畫一

公仔的動畫一
也有將你如何操作、調整手錶的影片  ↓



個別說明


 右上角的playground的圓圈會變顏色還會轉
旁邊的MTV也會跟著順時針繞圈  ↓
綠圓圈
橘圓圈

粉紅圓圈
除了這些需要點取才會出現的頁面以外
在標題Swatch右邊的三個入口
Products、Exploe、Company
是只要將游標移至其上
就會出現類似"浮貼"的分頁
就是游標去才會出現
游標離開就會消失 ↓
Products
Swatch不只賣手錶
還有賣其它飾品
像是耳環或項鍊 ↓

 這張的地圖部份是用很多手錶組成的 ↓
如果你想找某支手錶的話
也可以在這裡搜尋 ↓

 以上就是我對Swatch官網的介紹


2011年9月21日 星期三

spongebob squarepants

海綿寶寶
這是來自美國的海綿寶寶官方網站
一點進來就是亮眼的黃色視覺
那就是海綿寶寶的大臉
也是網站的背景圖案
會隨機出現三種不同的招牌表情(都是笑臉)
很吸引兒童的注意

表情1 賊笑貌

表情2 微笑貌
表情3 大笑貌
再來就會看到網站首頁
頂端藍色長條及右側橘色方塊下的長條
並不是惱人的廣告
而是小遊戲的入口(play)
點進去即可開始玩
不必申請帳號、密碼
讓一般大眾也可以立刻參與其中


中間橫躺的綠色長條是其他功能的入口
包含 Videos、Games、Show、Sponge Stuff、News&Events、Contests
項目分類清楚
讓小孩也能輕鬆瀏覽網站↓

首頁
下圖為開啟子網頁Videos的畫面
子網頁的格式和首頁是一樣的
周邊沒有會閃動或令人眼花撩亂的小東西
觀者就可以專注的看中間所選的動畫
當然也可以放大為全螢幕來看↓

Videos
還有其他的子網頁
像這一頁就是用來下載桌布
還能下載海綿寶寶的Widget↓

Download
這個從Show進入的角色介紹也很符兒童的口味
主角們被泡泡包住
想了解哪一個人物就點泡泡進去
裡面也有他們的個人照↓

Characters
最好玩的地方就是遊戲區了
裡面提供大約100種精緻可愛的小遊戲
不需下載到電腦可直接玩是最大的優點
而且旁邊還有排名TOP10的排行榜
讓你快速知道大家都在玩的好玩遊戲↓

Games
以上就是我對海綿寶寶官網所做的介紹