バスキュール

バスキュール（BASCULE）

Bascule是一家日本的行銷公司，主要是幫客戶製作網頁，一直以來Bascule製作的網頁都廣受好評，而這個網頁是他們公司自己的網頁，畫面有趣又吸引人，剛好我特別喜歡這種人物畫風，裡面的人物長的真討喜。
一開始進入畫面的等待方式，是蛤的造型飛碟，進入後像是飛碟飛進這個星球裡去一探究進，讓人感覺這公司設計時所帶入的故事感。而整個網頁的瀏覽方式是由上往下瀏覽，網頁的畫面不斷的延伸到下面直到介紹完公司的資訊為止，不同的介紹畫面連接的剛好，讓所有的畫面都還是完整的一體，不會說是一塊一塊的皆呈長條狀，而是連在一起的感覺，但是不同的區塊也能區分出來。

   ↑ 火山的下方是由拼圖組成，一開始游標移到NOTNEWS的部分，原本的小方框範圍的拼圖會散開，而跑出這個黑色小方框，裡面的新聞就是用小影片來呈現。另外拼圖中的小圖示，每一個都是他們公司所製作的小遊戲，可以點選開來玩，遊戲畫面都是另外挑出一個視窗，不會影響原來的畫面，而且有一個特別的小機制，就是要回到原來的畫面時，會有一個PAUSE的畫面，讓你點選後才可以點選網頁內容。

   ↑ 接下來用的感覺很像是網誌的風格來介紹公司的作品。在介紹完作品的內容後，ABOUT US就巧妙的接在下面，除了用文字說明，也用了圖像來代表。

  ↑ 圖片中的鳥和人都可以點開來，有詳細跟清楚的資料用PDF檔呈現，除了用圖像有趣的安排訊息在裡面，也有做清楚的表示說明。 

  ↑ Q&A的風格實在是太可愛了，畫面中的社長先生和施工的標示會有對話框，施工標示會問問題，而社長先生會親切的回答，仔細看社長的手勢還是愛心呢！點社長的話還會有一顆小愛心飄出來，還有一點是社長先生會跟著滑鼠游標移動，感覺非常有趣還營造出一個親切的公司形象。

 ↑ 網頁拉到最下方， 會發現整體的網頁是由一個甕中飄出的雲所架構的世界，這樣的想法會到最後才會發現，給你一種新奇有趣的感覺。

　整個網頁給人的感覺，讓使用者覺得總是會有些小驚喜在網站的某處，在瀏覽時每個畫面也都用了細膩的配置和協調感，特別是最後的創意讓人喜歡，點選小甕的時候種個網頁就會被吸進去，小甕還會有小愛心飄出來，風格總是有趣又可愛，是目前我最喜歡的網站。

 Website: http://www.bascule.co.jp/

Spectra Visual Newsreader

   ↑ 這是一個閱讀報紙的網站，裡面的設計的讓閱讀變得有趣。

 

  ↑ 進去網頁後，一開始的畫面十分單調，只有一個 ADD NEWS CHANNELS 按鍵在畫面正中間，畫面四周有網頁基本的訊息標示。

  ↑ 點開 ADD NEWS CHANNELS 後，就變得比較有趣，畫面上方會出現一列的色塊，在滑鼠移過色塊的同時，色塊上的文字會往下降，其中我很喜歡這個網站用各種顏色的小色塊做為新聞的分類，有別於一般報紙上因為要大量印刷和低價關係，採用的色彩多為黑白，跳出大眾對一般報紙的印象，利用豐富的飽和色彩給閱讀者新的感受。

   ↑ 選取一個色塊的時候，會挑出更多的分量選項，可以從中挑選自己想要閱讀的主題，同樣的，當滑鼠經過色塊，色塊會略微放大呈現，在點選要的主題色塊後，色塊就會掉下來到下方的灰色欄框內，就可以開始閱讀了。

   ↑ 新聞會在畫面中間，內頁會像是一條圈圈在畫面中旋轉，形成一個立體空間，你可以直接點選畫面上選轉的圖案，或是直接移動下方的捲軸，轉軸上有明確的標示是第幾頁，閱讀使用上時分清楚。

    ↑  下面的這條選單，可以放很多你想要閱讀的新聞，可以隨時從上方挑選想要的新聞，而下面就是你挑選的清單，而這條清單可以隨你自己的喜好來決定，選定的新聞都會在正中央呈現，非常方便又有趣。另外上面的新聞目錄和下面的清單選項都可以收放隱藏，可以讓使用者在閱讀上不會有太多干擾，需要的時候再把他們拉出來就可以了。

   ↑ 這是我覺得網頁最具特色的地方，就是當使用者挑選自己想要閱讀的新聞後，新聞就會以旋轉的方式呈現一個立體的空間在畫面之中，而且不管是哪個新聞，都可以直接在畫面中點取，就會進入到所點取的畫面，這點是我最喜歡的地方。

    ↑ 另外旁邊的選項，設計得很可愛，用灰色的色調以不影響中間的主要畫面，圓形的標示點開以後會展開來，可以從展開的內容中選擇需要的選項。

   ↑ 下面的清單是可以增加很多新聞，當超過畫面時還有一個小捲軸出現，可以隨意拉動，清單會按照顏色分類一起排列。還有網頁其他連結可以擴大閱讀內容，而且小細節的標示都有呈現在網頁畫面上，內容詳細而不雜亂。


整個網頁的感覺給我簡單但是有新奇有趣的感覺，在閱讀報紙上不會有以往報紙平面上的印象，而且功能設計上使用者十分方便，還有一點！就是當我關掉這網頁後，下次再打開來時這下面的清單可以保持先前閱讀的紀錄，在使用上給人個人化的感覺，還可以閱讀上次沒有閱讀玩的新聞，我覺得是提供網路使用者一個很好的閱讀平台。



 Website: http://msnbcmedia.msn.com/i/msnbc/components/spectra/index.html

The Neighbourhood

  ↑ 進入網頁後可以選擇全螢幕或者是一般視窗大小兩種選擇。

   ↑ 網頁風格有手繪加上剪紙的感覺，而且利用前後距離營造出立體空間的感覺。版面設計清楚，即使點來點去也清楚自己在哪個位置，像是左上角的The Neighbourhood標誌，只要點選它都可以跳回首頁，右上角的清單也很清楚的標示其他位置，點選之後都會再畫面中間呈現。

   ↑ 其實點選進去的畫面就是第一個News的畫面，只要點選右下方的more news this way 最新消息就會往上爬出來，而且中間的畫面會變暗，幫助在視覺上的閱讀，視窗最右邊有小箭頭可以上下拖曳內容，而且日期都有用黃底清楚的標示，閱讀容易，視窗最右邊也有一個close鑑，只要點選就可以恢復原狀。

   ↑ 每一個選單的背景圖案都不同，網頁中的子選項都畫巧妙的安排在畫面中，除了可愛又有趣，且用不同顏色做出區分。而這些畫面都讓你感覺存在於一個空間之中，你在轉換畫面時會是一個立體的空間，讓你有前後移動的感覺，好像深陷其中在體驗一個有趣的童話世界。

   ↑ 以其中一個畫面做為示範，選單都藏在畫面之中，當滑鼠移到畫中的選單上都會明確的標示出來，例如放大或是文字說明，我覺得畫面不呆版卻又不失使用上的清楚度，感覺上兼顧了實用性和趣味性。另外點選時有分成兩種層次，一個是和原來畫面同時並存很有整體感，然後會在畫面右上出現一個View，點選進去會是另一種感覺，新畫面會覆蓋在原畫面上，視覺放大方便瀏覽，以左右箭頭點選移動畫面。

  ↑ 而畫面讀取時會有可愛的小鳥跳過畫面。

   ↑ (此為編輯圖片) 這個網頁的選單有很細膩的部分，就是每一種選單頁都有代表的顏色，除了最後一個Contact例外，其他都有專屬的顏色，連字變色的部分也有做搭配，Work因為又劃分為兩的部分，所以有特別的小視窗，這種特別的意外並不會影響閱讀反而新奇。其他子網頁都與上面介紹的雷同，就不多做解釋。

  ↑  最後有一個我很喜歡的地方，就是contact的出現方式，不論是在哪個區域只要點選contact，它都會呈現所在網頁的顏色出現在畫面下方。


整體來看，整個網頁有豐富的資訊，但是呈現方式清楚又有趣，不容易混淆而搞不清楚，而且利用前後距離成功營造出一個立體空間感，在瀏覽網路世界時又更有趣了，畫面各有特色又有一樣的風格讓網頁有整體感，細膩的小變化讓人不會逛膩，是很不錯的網站。




Website: http://www.the-neighbourhood.com/

Toy Story 3

                                Toy Story

 

Toy Story1、2的網頁形式很簡單，沒有做太多變化，相較起來Toy Story 3給的驚奇比較多。

 

    Toy Story 3

    ↑ 進入時每次的人物都不一樣，可能是胡笛、巴斯或是其他角色，接著會進入影片，上方有固定的選單可供選擇，下方則是有一些皮克斯公司的相關介紹和一些連結。

   ↑ 影片可以選擇看完或是直接點選進入畫面。

   ↑ 進入畫面時的讀取畫面很可愛，是外星人和進度%會輪流彈跳出來，就算是在等待的過程，也不會讓人覺得不耐煩，反而覺得很可愛又有趣。

 

    ↑ 首頁有很多大家熟悉的人物角色，只要把游標一道人物前都可以點選，還會標示出他們的名字，假設如果角色人物可以動一動就會更有趣了，畫面的背景中有兩張紙條懸掛在繩子上，可以點選他們又可以看到其他在第三集出現的新角色！

   ↑ 畫面的每個人物都可以點選，都有自己的專屬視窗，舉理來說，點選畫面中的肯尼，會有肯尼的專屬視窗，可以點選到跟肯尼相關的網站訊息或是廣告影像，還可以看到3D旋轉的肯尼耶！

 

   ↑ 如果不適應這樣的方式，左邊有選單可以點選，會進入這樣長條選單，每個人物清楚的排列出來，方便點選。

    ↑ 另外旁邊的選單也有小巧思，像樂器一樣用游標經過的時候會發出好聽的聲音，而且選單會翻轉成紅色的，只要離開又會變成白色，只有停留在的畫面選單才會是紅色，明顯的區分出來。

   ↑ 其他還有很多有趣的遊戲和影片，呈現的形式都是點選後出現在正中央的畫面，其他外框的選單都不變，跟迪士尼官網部分呈現方式有點相同，整體來說畫面情境很好，也搭配了電影的原聲音樂，在瀏覽時心情會很愉快，雖然沒有特別突出的特色，比較中規中矩，可是小地方都有做得很精緻，讓人覺得是用心的網站。



Website: http://disney.go.com/toystory/