網站分析（三）-日本山和旅館官方網站

  這一篇要分享的是日本一家旅館的官方網站

http://www.sanga-ryokan.com/

                 
                                                                黑山溫泉 山河旅館

                                              看過了很多現在市面上潮流的網頁設計之後
                                          尤其是看過了很多酷炫的動效、鮮明的配色之後
                                                     再看這種非常日本和風的網頁設計
                                                                 就覺得很寧靜平和
                                                設計師選用的文字、色調、照片典雅古樸
                                                但對稱式的佈局有讓網站整體不失現代感

             對於一間旅館來說它的MENU就比較簡單 

      側邊這種大量留白的處理方法

                                                            一方面讓重要的資訊更加易讀
                                                                同時有增添了素雅的感覺

    在首頁 隨著頁面向下滾動

     我們可以看到旅館與它周邊環境的照片

     單純看這些照片就已經是一種享受

作為旅館的官方網站

極大地激發了瀏覽者或者說潛在顧客對它的嚮往

當頁面切換到MENU裡面的各項資訊時

網頁的上方出現的導航欄

提高了不同欄目間切換的便利性

                                                                 因為網站中右側照片很多
                                                                           無法一一截圖

                                                                 推薦大家點進去感受一下
                                                                 總之我已經是心猿意馬了~

網站分析（二）——Year in Hashtags

hshtags 是一家話題（主題標籤 #hshtags）搜索引擎

http://yearinreview.hshtags.com/

這個網站是它為年度熱門話題所作的總結 

                                                           會分享它的原因在於
                                                 這是一個很特別的水平滾動的頁面
                          在上圖兩個菱形之間的圓點上移動就可以瀏覽到過去一年的熱門話題

loading頁面

它的logo就是一個變形的#hashtag符號

                                                          以上畫面就是整個瀏覽的過程
                                                                單純瀏覽的過程很簡短
                                                      但是如果瀏覽者特別關心某個話題
                                                就可以點進去了解更多關於這個話題的資料

網站分析（一）——HeartKidsNewZealand

                                                               http://www.heartkids.co.nz/

                                                     這是新西蘭慈善組織Heart Kits 的網站。

                                                    分享這個網站有兩個原因

         第一、它的畫面令人驚艷，無論從色調、文字的選擇編排到淒美的動畫都很吸引人。

                        第二、這是一個長滾動的頁面，隨著滾動操作，激活動畫
            在內容簡單的情況下作為瀏覽者無論是操作還是閱讀都讓人感到十分流暢。

HeartKids慈善組織在這個網站中分享了三個兒童的故事

他們有不同的興趣跟理想

但卻相同地受著心臟疾病的困擾

在滾動頁面的過程中頂部的紅色心臟圖案會一直跳動

當我在瀏覽的過程中

我看到這個弟弟的眼神 閱讀著他的故事 感受著他的心跳

簡單的瀏覽過程

卻從不同角度刺激著我的感官

網站的主旨就在於分享這些兒童的故事以及鼓勵公眾參與捐款

灰色和粉色的搭配

讓瀏覽者被故事觸動之餘還可以體會到

我們的一點幫助就有可能把這些兒童灰色的人生變成彩色

我們可以做到

MAKE A DIFFERENCE

一次從頭到尾的滾動就代表了解完了一個兒童的故事

在頁面的底部可以點擊另外兩個兒童的照片

就可以再用同樣的方式了解到他們的故事

當然另外還值得注意的是

這個長滾動式網站獨特之處它的滾動圖標和著陸頁的指示文字都不明顯

頂部還有常駐的懸停現實的導航欄

在我看來，這樣的設計

減少了瀏覽過程中不必要的干擾

讓瀏覽者專注在了解這些兒童

另一方面

必要的資訊又不會被遺漏

反而更加的凸顯出來