2010年11月18日 星期四

Magnivate


這是老師介紹過的一個很可愛的網站,一開始進去可以選擇語言。


這個網站是用一個飛碟帶你去旅行的方式介紹它的內容,所以loading就是飛碟在飛行的感覺。


為了讓網站更有互動性,在進入網站前可以創造一個代表自己的角色,還能幫他取名字。


衣服、髮型、裝飾品都可以隨自己喜歡更換,留下來的資料會儲存,再下次進入這個網站時就不用再重新輸入一次。


創好角色後按下確認鍵,飛碟就會來把你帶走囉。


歡迎頁面。


進入網站首先進入的是news,可以看到該公司的活動和新聞等等,關鍵字都有對外連結可以取得更進一步的資訊。


網頁下方的白色半透明橫條可以輸入文字,輸入完畢按下enter後你想說的話就會從頭頂飄出來,如果在瀏覽網頁時碰到其他訪客應該可以作為線上即時交談的方法,很可愛的設計!


about us。


稍微離開資訊張貼區的話,文字就會收起來讓你看到完整的插圖。這個網站是用鍵盤上的左右鍵來移動角色到各個主題的,如果你不想走路的話,也可以直接點選左下角的menu,飛碟就會直接把你載去目的地喔!


contact。


portfolio廣場。會飄出合作過廠商的商標。


portfolio的詳細頁面。下拉式選單可以選擇不同主題和廠商,圖片旁則有數字點選觀看同主題的不同作品。


小飛碟會跟著滑鼠飛來飛去。


網站還有照相留念的可愛小功能,跟整個網站的主題蠻搭的。

這是個讓人一眼就喜歡上的網站,尤其是他非常特別的移動方式,應該是用大量的flash做成的吧!加上風格可愛的插畫,讓人有身在其中的參與感,希望以後我也能做出這樣有創意又讓人喜愛的網站。


WEB Magnivate

CATALINA ESTRADA


這是哥倫比亞插畫家Catalina Estrada的個人網站,她的插畫風格非常華麗且顏色豐富,構圖方式及整體感有種印度的民族風,就像是萬花筒般讓人想一看再看。首頁就是非常有個人風格的小動畫。


Catalina Estrada個人網站的子目錄內容跟我們這次要做的個人網站其實差不多,有PORTFOLIO、ABOUT和CONTACT,不過因為已經是出名的藝術家,所以多了PRESS和SHOP等選項。網站主要顏色是灰與白,做了這麼多篇網站分析後可以發現其實很多藝術家的網站都喜歡用單純的黑白灰等顏色來襯托出自己作品繽紛的顏色。


點選她的作品後的放大圖。Catalina Estrada現在的客戶有Coke、Nike、Paul Smith、Motorola、Die Gestalten Verlag、Microsoft等,所以作品運用到很多面向。


正在瀏覽的圖兩側有"上一個圖"和"下一個圖"的半透明圖,是很方便瀏覽的設計。


 作品集。



還有包裝設計。

這裡是CATALINA ESTRADA的媒體曝光,有雜誌、畫冊、CD專輯設計和電視採訪等。



ABOUT有CATALINA ESTRADA的簡介和經歷。

SHOP可以線上選購她的周邊產品。

CONTACT和SOCIAL NETWORKS。各種可以聯絡到CATALINA ESTRADA的方式。



2010年11月7日 星期日

Lilla Rogers Studio



Lilla Rogers Studio裡面有著非常多的插畫家作品和介紹,首頁中間是作品的Flash,目錄則是用類似大富翁格子的方式排列,旁邊的動物還會動來動去唷!簡單卻不失趣味性。


artists頁面介紹這個網站裡所有的藝術家,因為最重要的是各具特色的作品所以除了名字還擷取每個人的插畫來當做按鈕圖示,簡單明瞭,而且對於不熟悉的人也可以直接選取自己喜歡的風格的插畫家來認識。


點進去會有該插畫家的作品集。


一些問題的訪問。



還有藝術家的照片和工作及生活照。

  

blog可以了解插畫家們的近況和新作發表。


about介紹關於這個網站,左邊的轉盤和右邊的小插畫都是會動的。


shop有插畫家們的商品,點選圖下的here就可以連結到線上購買的網頁。



search是很方便的功能,不同前面是依照藝術家來分類,這裡把所有圖片都做主題的分類,如動物、食物、人、CD封面等等,通通排在小架子上,只要點選就可以瀏覽想找的圖片。


這是點進去的畫面,上面往前往後的手指圖示也做的很可愛。


還可以放大欣賞。


 contact可以留下自己的意見和資料並連絡網站的藝術家們。


這個網站很可愛而且好操作,有些網站為了有設計感但犧牲了一點便利性,但Lilla Rogers Studio卻是適度的加入讓人喜歡的小地方但又有一般網站一目瞭然的介面,而且裡面還介紹了非常多很棒的插畫家與作品,是我很喜歡的網站。 

  
WEB Lilla Rogers Studio

2010年10月28日 星期四

LA SURPRISE


la surprise網站內容多由Flash構成,雖簡單卻顯得精緻、美麗。


首頁主體是Flash,可展示影像讓網站更豐富,或讓觀看者更容易挑選自己感興趣的內容。


 這時的游標會變成正在眨眼的眼睛。


LOGO和Menu則是放在下面,Menu的設計是滑鼠點擊時會出現真正的選項名稱,沒點擊時是排成一句話"WE MAKE WITH LOVE EVERYDAY",我覺得這個設計跟常見的變色不太一樣,很特別也很有趣。


好的網站在每個細節都會仔細設計,就算是在等待的loading畫面也有可愛的小動畫,讓觀看者不無聊。




AGENCY。照片的切換是扭動的效果。



不時由畫面外飛進來的小鳥,還有電擊的互動,點牠可以連到la surprise的twitter。


PROJECTS。



點放大鏡可以由全螢幕的模式觀看。


PHILOSOPHY。不太了解它的功能...


移動滑鼠就可以一直轉,然後字可以被填滿。


這個網站簡潔好看,很值得作為架設個人網站的參考。