消失的紫斑蝶

2022年2月1日

CLIENT

詹家龍

CLIENT

詹家龍

CLIENT

詹家龍

TYPE

一頁式

TYPE

一頁式

TYPE

一頁式

RELEASE DATE

2022年2月1日

RELEASE DATE

2022年2月1日

RELEASE DATE

2022年2月1日

LEVEL

A

LEVEL

A

LEVEL

A

詹家龍導演耗時 5 年、花費數百萬,用鏡頭紀錄台灣最常見、卻也最不凡的紫色身影──紫斑蝶,為台灣留下珍貴的生態側寫。紀錄片現正集資中,需要有你的支持,才能順利完成後製、發行,讓守護這塊土地的心意,紮根在更多台灣人心中。

此網站因為主角是蝴蝶,運用了蝴蝶飛行的路徑並搭配曲線來做整個頁面的設計,並且紫斑蝶也正不易發現,因此也運用了迷霧、遮罩的效果貫穿整個網站。網站運用大量的 background-make 與 mask-position 完成遮罩動畫,來呼應蝴蝶被發現的驚奇感。

此專案因為蝴蝶不規則、曲線的特性,網站整體也往此方向呼應,因此許多排版也都無法用正常的格線系統來排列,所以全站使用了 vw 的方式來製作,在 RWD 手機版的部分,基本上也無法直接使用,所以很多路徑的 SVG、圖示都需重新出圖,加上網站還有影片及大量的圖片,也須精準個控制每個資源的大小畢竟圖片的大小往往是最吃資源的一環。不過在看到設計師出的設計稿之後,非常的經驗與漂亮,儘管超出了很多預期的時間,但在製作此專案時,是非常的享受與開心的過程。


詹家龍導演耗時 5 年、花費數百萬,用鏡頭紀錄台灣最常見、卻也最不凡的紫色身影──紫斑蝶,為台灣留下珍貴的生態側寫。紀錄片現正集資中,需要有你的支持,才能順利完成後製、發行,讓守護這塊土地的心意,紮根在更多台灣人心中。

此網站因為主角是蝴蝶,運用了蝴蝶飛行的路徑並搭配曲線來做整個頁面的設計,並且紫斑蝶也正不易發現,因此也運用了迷霧、遮罩的效果貫穿整個網站。網站運用大量的 background-make 與 mask-position 完成遮罩動畫,來呼應蝴蝶被發現的驚奇感。

此專案因為蝴蝶不規則、曲線的特性,網站整體也往此方向呼應,因此許多排版也都無法用正常的格線系統來排列,所以全站使用了 vw 的方式來製作,在 RWD 手機版的部分,基本上也無法直接使用,所以很多路徑的 SVG、圖示都需重新出圖,加上網站還有影片及大量的圖片,也須精準個控制每個資源的大小畢竟圖片的大小往往是最吃資源的一環。不過在看到設計師出的設計稿之後,非常的經驗與漂亮,儘管超出了很多預期的時間,但在製作此專案時,是非常的享受與開心的過程。


詹家龍導演耗時 5 年、花費數百萬,用鏡頭紀錄台灣最常見、卻也最不凡的紫色身影──紫斑蝶,為台灣留下珍貴的生態側寫。紀錄片現正集資中,需要有你的支持,才能順利完成後製、發行,讓守護這塊土地的心意,紮根在更多台灣人心中。

此網站因為主角是蝴蝶,運用了蝴蝶飛行的路徑並搭配曲線來做整個頁面的設計,並且紫斑蝶也正不易發現,因此也運用了迷霧、遮罩的效果貫穿整個網站。網站運用大量的 background-make 與 mask-position 完成遮罩動畫,來呼應蝴蝶被發現的驚奇感。

此專案因為蝴蝶不規則、曲線的特性,網站整體也往此方向呼應,因此許多排版也都無法用正常的格線系統來排列,所以全站使用了 vw 的方式來製作,在 RWD 手機版的部分,基本上也無法直接使用,所以很多路徑的 SVG、圖示都需重新出圖,加上網站還有影片及大量的圖片,也須精準個控制每個資源的大小畢竟圖片的大小往往是最吃資源的一環。不過在看到設計師出的設計稿之後,非常的經驗與漂亮,儘管超出了很多預期的時間,但在製作此專案時,是非常的享受與開心的過程。


@ 2025 Stacker Games

@ 2025 Stacker Games

@ 2025 Stacker Games

@ 2025 Stacker Games