2014年11月4日 星期二

網頁分析04 - A Structure Design LSD

A Structure Design LSD

網站整體設計採用極簡風格,黑白的配色及基本點線面的組合圖形,主要特點是運用許多動畫效果,讓簡單的幾何線條圖形看來活潑有趣。




一進入網頁首先會開始閃爍出現許多的半透明圓點,並接連出現點線的圖形。




接著圓點會消失,幾何點線圖形會從外到內聚集,主題字A STRUCTURE DESIGN LSD會從正中央出現。





主題字出現後停留在這個頁面觀看的話,背景會持續變動,像是宇宙星空的感覺。






點LAUNCH SYSTEM會直接進入ABOUT,正中央的圖形也是會不停旋轉改變,右邊有TWITTER、INSTAGRAM以及EMAIL的連結,除此之外沒有更多的資訊了。





MENU放在網頁的右上角,有INDEX、ABOUT、PROJECT和LAB四個頁面,像是一把尺設計很有趣可愛,現在所在的頁面會用紅色粗線標示。







 PROJECT,放置他們製作過的案子,每個項目前面都有一個幾何圖形,圖形會從扁的變成立體並且重複變化,游標移到項目上字會開始閃動。





點選進想看的項目,會跳出一個底是交叉的白色線條框架,訊息放置在中間,左上有CLOSE可點選離開,右上的WEBSITE可進入實際頁面觀看,訊息下方頁數的設計很特別,是用點及線的組合,第一個點代表第一頁,第二個點就代表第二頁,可自己點選想看的頁面,不點也會自動播放。





LAB,類似公告和部落格的設計,點選標題可進入看詳細的文章內容,點進去整個頁面會依序從右到左滑入畫面,先是最深色的色塊再來是次深的接著是最淺的,最後是白色訊息的部分,離開頁面時則會從左到右滑出畫面,順序和進入頁面時相反。

沒有留言:

張貼留言