動態海報

2017/03/8

2016年左右,設計圈開始流行以CSS為主的「動態海報」。
「動態海報」以CSS3的Animations為主,把背景圖片動起來、前景文字固定不動,讓觀者有前後分層感,如此就會動態海報的效果出現。
部分動態海報有路徑或特殊情況的特效會加入以SVG,甚至用js寫複雜的重複特效。這些做法不會太難,但對於動態需要花點時間做調整。

以下介紹幾個玩動態海報很到位的設計師、工作室:

█   Jon Yablonski

 

█  leRenard
來自法國巴黎的leRenard,做了幾個Demo效果都非常棒!
http://codepen.io/leRenard

 

█  Studio Feixen
來自瑞士的Feixen,將平面設計皆改為動態海報方式呈現,在Facebook動態上非常吸睛。
http://www.studiofeixen.ch
https://www.facebook.com/studiofeixen/

 

█  2016政大廣告系畢業展:變形蟲世代
2016政大廣告系畢業展的動態海報更特殊,搭配手機APP程式用AR技術與海報互動,以達到動態海報視覺。
https://www.facebook.com/transformative.generation

blockstudio-post-poster-13