Spacial Web Design- GreenTEND

這是去年在高老師那工作時為GREENTEND做的網頁概念設計,因為挺喜歡的,所以利用時間將它做了些整理與重製。Keyword是"Extend"。主要就是利用單點透視,兩點透視以及粒子之間的變化作為網頁介面的核心架構。很可惜的是這純粹就是單純畫面上的表現圖,如果能真的將網站架設出來,一定會更有趣。

剛進入時圓點以亂數進入-漸趨於制序。
 一開始的畫面,是一個無限延伸的單點透視。主要的介面是由一大堆Bubbles組成。下方是固定主選單。
這一大堆Bubbles既組成畫面,也是按紐。當游標移到固點點時,Bubbles的大小與距離就會被干擾,並且展開第一層的介面。第一個是GREENTEND的介紹
  第二個是關於GREENTEND在研究與顧問上的簡介。
 第三個是設計與計畫規劃方面的頁面。

 當點選了第一層的任一版塊後,粒子便會開始劇烈擾動,並重新組成一單點透視。也可以換個角度想:這個網頁介面本身就是一個CUBE,從一開始從單點的透視(第一層),轉向雙點的透視(第二層)。
第二層會在雙點透視的中央出現一個發光的"G"。這個G是浮動的發光Bubbles組成,同樣也是版塊按紐(第三層)。
第三層會將CUBE再轉一次面向,這也是最下層的介面。
最終的版塊。講真的我完全不知道做不做得出來啦,不過我知道用Maya做的出來阿XD。

用這張圖說明全部。

No comments:

Post a Comment