The Neighbourhood

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

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

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

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

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

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

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

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


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




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