網頁分析_奧比斯-觸動攝影展

這個網站是關於開發中國家孩童的眼疾問題，其實高達八成的眼疾問題是可以被治癒的，但因為開發中國家資源有限，才錯失治療的黃金時期而導致終身失明。
而這個網站是台灣奧比斯要吸引國人對於這個國際組織的認識，台灣在早期也曾接受這個國際組織的協助現在台灣變成去協助其他開發中國家的人，我覺得這個網站不僅很有意義，他的互動性設計也很有趣，所以想介紹這個網站，也可以讓更多人認識這個國際組織以及他們正在做的努力。

一開始的畫面會是下列這樣，有感人的文字，搭配上整個網站的質感都是比較屬於溫馨的色調，網站也有設置背景音樂，跟主視覺是整個溫馨質樸的系列感

點進活動頁面後，會有以下這張圖，他指示大家該怎麼觀賞這些攝影作品

因為想讓大家感受看不清楚的感覺，所以每張照片一開始都是這種很模糊的，感覺很像盡是很深的人把眼鏡摘下後會看到的影像，但只要在照片上滑動滑鼠就能有幾秒鐘的時間看到剛剛滑過的痕跡中清楚的影像，我覺得這個互動滿有趣的

但是如果想要一次看清楚這張照片，可以點右下角的眼睛

只要分享這個頁面，就能看到完整的圖，還能讓更多人知道這個網站

當然網站也有台灣奧比斯的介紹

還有照片區，有很多照片，點了之後會放大，而且可以連這看下去，就不會要看下一張還要回到上一個視窗

最後這裡是網站的連結：http://orbis.webgene.com.tw/tochingexhibition/index.html#/home

網頁分析grandpas-photos

點進去這個網頁後映入眼簾的是一張復古的照片，以及中間grandpas photos 優雅的字體，將網頁往下滑會有一張張照片漢文字浮上來，是這個網頁的介紹

五六年前，當澳大利亞人 Dave Tomkins 在他外公家的櫥櫃裡發現這些動人的彩色幻燈片的時候，他才第一次意識到，自己的外公是個這麼有天賦的攝影師。

 其中網頁選單是滑鼠移動到左上才會浮出來分為 The trip,photos,family和about，about裡有網頁的故事，和爺爺以前拍過的幻燈片

Dave Tomkins，在外公過世後決定要把外公所拍的照片和故事分享給更多人知道，即使外公已經不在了，但他的影像和故事可以一直流傳下去

而Dave Tomkins 在架設這個網站後，有許多熱心的網友幫他找出了這些照片中的地方，希望自己也能一一到這些地方或許可以留下自己拍的影像或在這些相同的地方創造不同的故事。

這個地圖上標示了，Dave Tomkins發現的和尚未發現的或是已經去過的地方，我覺得這個網站充滿了溫暖以及故事，或許他沒有一些很花俏的設計裝置，但它充分地傳達了想要表達的意念，我覺得很感動。

這是網站的連結http://www.grandpas-photos.com/index.html

網頁分析_法國巴黎3e étage三樓芭蕾舞蹈團

這是一個法國芭蕾舞劇團的網站，網站設計很特別，像是第一頁進去就是一張很特別的照片，最左偏的是語言的選擇

游標如果移到那裡字體就會變為黑色

這個頁面是About的部分，他的風格也是延續首頁的白底加上一張很有張力的照片，表現出舞者的力度

還有production的部分，有一小段影片，還有一小段介紹，最右邊一樣是放上舞團的劇照

這個頁面世gallery裡面都是舞者的照片，特別的是游標移到左邊的時候會出現像這樣的藍色線條，點一下就可以換下一張，右邊也會有相同情形，我覺得這個造型很有設計感

因為是舞團的介紹，所以有舞團一整年度的行程

我覺得這個網站整體的設計我都很喜歡，尤其是他每個頁面搭配的照片都很有張力，很能夠吸引讀者的注意，走的是極簡風格，沒有過多的裝飾，但是就很能夠呈現出她的精神，並且十分具有設計感。
網站連結http://www.3e-etage.com/index.php

網頁分析_台北創意加工街區

這次要介紹的這個網站是扶持台北唯一的木材街和打鐵街，從以前的「工具箱」轉變成為今日的「創意加工街區」，跟以前介紹的網站性質比較不同
一開始進去會看到這個畫面，這是一段一分鐘的影片，是在介紹網站宗旨，以及訪問一些職人，第一頁大多是用黑灰白色系，凸顯出產業蕭條的感覺。

網頁分成打鐵英雄和木作職人兩大類，先從打鐵英雄作介紹
進入在最上方的打鐵英雄標籤頁後，會出現這個畫面

依樣是呈現出和首頁相同的質感，先從「緣起」開始介紹，左邊的圖片都可以點開變成大圖，每張照片都拍得很好看

接下來是關於這條打鐵街歷史、技術的介紹，一樣是用照片拼貼的方式

除了這些以外，還有他們的打鐵作品

接下來是「木作職人」的介紹

木作職人比較不一樣是他一系列都是請一位插畫家所畫的，跟打鐵英雄比起來比較，活潑一點，這是各個木作師傅的店鋪以及各個木作師傅

網頁上還貼心地放了地圖

最後這是網站的連結 http://www.taipeimaker.tw/index.html

網頁分析_pokedraw

這是要介紹的是一個很好玩的網站叫pokedraw，感覺很適合小孩塗鴉，整體網站設計的風格也是比較手繪塗鴉風。

這是一開始的畫面，最上面是大家的作品集，當你畫完的時候，自己的作品也會被及時放上去，點了Let's Draw之後會隨機給你一個pokemon

接下來會出現這樣的畫面，每次都只有45秒的時間可以畫，畫完之後還可以分享和儲存

還有12種顏色可以做選擇，以下是我的示範畫，真的很好玩因為不管怎麼畫都很像小朋友的塗鴉

另外她還有專門給小朋友的版本，點選最左邊的Kids Version!就會出現以下畫面，一樣只有45秒的時間

這是示範小朋友版本的

最後如果想看大家都畫了些什麼，可以點選最左邊的Gallery裡面就會有各種有趣的塗鴉

這次介紹的網站是比較有互動性和童趣的一個國外的網站，我覺得現在繪圖工具越來越發達，要畫出寫實的東西已經不是難事了，反而是這種像兒童畫的畫風是最難的，用一種我們不熟悉使用的工具或許就能營造出這種效果，例如可以使用非自己的慣用手畫畫。

這是這個網站的連結http://pokedraw.net/

網頁分析_street voice

這個網站主要是給獨立音樂人發表的平台，網站上也有一些演唱會活動的訊息。我自己非常喜歡用這個網站聽音樂。

進入網站會看到這個頁面，整個網站感覺是針對年輕族群，設計上比較輕快活潑，最上面的區塊是宣傳活動或新聞的頁面

而網站的目錄是在最頂端置中的位置

有一些熱門或是新曲的部分會被分類出來，也有依據曲風來分類的，就可以依視聽者的喜好來點選自己想要聽的曲風

這個網頁也貼心的把熱門歌曲放在最右邊的位置，如果想要聽到最流行的歌曲就可以直接點選，他就可以連續撥放十首歌曲

如果想認識某個獨立音樂團體點選後會出現以下畫面，有歌詞或是可以收聽歌曲的列表

我覺得這個網站算是以youtube的形式讓大家了解獨立音樂，還能夠免費收聽，有很多獨立音樂人在上面發表他們的作品而漸漸被發掘
這是網站的連結http://tw.streetvoice.com/

網頁分析_Absolut Vodka

這次要介紹的是Absolut Vodka 的官方網站
因為這是一個知名伏特加酒的網站，所以點進去的畫面會先出現一個需要輸入出生年月日的視窗，確定滿18歲了之後才可以進入這個網頁
我覺得這個網頁是針對比較熟齡的族群所設計，所以整體網頁的色調和設計也偏低調和穩重

 正式進入首頁後會出現一系列大圖，這些圖每隔幾秒就會替換，而這些圖搭配產品會有一些統一色調，例如這次就幾乎都是黑和藍的搭配

我覺得比較特別的是當捲軸在最上面的時候，Absolut的logo是在最上居中的位置，而當捲軸往下移動的時候他的logo就會換到最上靠左的位置，而目錄也會跟著變換
以下是範例

我覺得這個網站的banner我也很喜歡，因為整體感覺讓我覺得很好閱讀，有些網站的banner會有很多連結的logo我覺得反而會有點亂，這的網站的banner感覺非常的俐落，加上他有各種自家產品Absolut的瓶子設計，我覺得很不一樣

↓這是其中一個分頁點進去的畫面，上面那排酒瓶是跟底下的有呼應的關係，我覺得這樣比較有整體性，然後背景顏色也有別於首頁的黑，而是比較亮的粉色，感覺又多了一點變化，可是又不會很突兀

整體設計我很喜歡，包括字形或照片都很有質感，加上黑色背景，會有穩重的感覺。

這是這次網站的連結 http://www.absolut.com/us/

網頁分析_ROLU 4 OMMU

這是一家設計公司的網站，首頁就很特別因為它跟一般的網頁很不一樣，有影片連結的方框會看到擷取影片中幾秒的動畫，而且每個方塊都可以隨自己喜好將他們移動到喜歡的位置，是一個很特別的網站互動裝置。

第一張圖是點進去會看到的畫面
第二張圖是我自行移動方框的結果

↓每個方塊都可以點進去，它是以色塊、有顏色的方框，和黑色框線做為內容的分類
  這是點了ABOUT所出現的畫面

↓這是點了有顏色方框的影片連結，影片是在展示產品

↓這是點了色塊的圖片後出現的照片，是產品簡化後的幾何形

我覺得這個網站不只是互動裝置很特別，它的整體設計也非常有質感

這是網站連結http://rolu4ommu.com/#