Your opinion is accurate and realistic. Most of the time designers collaborate with the development team while many problems were actually found by the marketing department. As a designer, we always dedicated to being a multifunctional role in this complex world.

--

--

I tripped on a Lottie stone.

說是踩雷,個人還是覺得 Lottie 的開發人員可以得諾貝爾和平獎。

諾貝爾和平獎授予對象:為促進設計師與工程師團結友好、取消或裁減開發成本以及為共同目標的組織和宣傳盡到最大努力或作出最大貢獻的人。

可以吧?

目前為 UI/UX 設計師,在設計靜態介面以外,也會時常需要考慮到交互及動態設計。前陣子製作幾個小動畫要用於網頁上,結果遇到一些瓶頸,差點以為自己花了那些時間製作的動畫,將面臨永遠無法實際使用的窘境。

之前有做過動畫並透過 Lottie 完美呈現於網站過,不同的是,這次的動畫比之前的相較複雜些,不再只是向量的變化,圖層元素多了影片還有文字等等……輸出的問題也跟著變多了,中間來來回回地嘗試,最後終於成功了,也著實對於 Lottie 有了更深的佩服。

以下是我在 AE 製作動畫時,用 Bodymovin 要 Render 動畫時碰壁幾次的經驗,若是剛好也有遇到相同問題,你剛好看見這篇文章,那你真幸運!至少不用在那邊跟工程師來來回回,無限循環的「再試一次看看」,對吧?

第一雷:動畫有在動,但圖片顯示不出來。

--

--

最常看見的動態設計有:GIFs、動態照片、三維空間變化

動態設計在三年來不斷轉變形式,也隨著流行文化的衝擊,設計師們一路上絞盡腦汁去思考,什麼樣的設計趨勢,更能有效地帶給受眾更有感的娛樂效果呢?

我們來看看近三年來,每個時期所流行的動態設計,從中也有跡可循,動態設計是如何轉變至2019的風格。

2016年的動態設計

注重無縫過場的特技

TNT/Turner // 22nd Annual SAG Awards Giant Ant on Vimeo.

電影與動畫片開始傾向用特效做出無縫過渡的轉場,而不是在兩個畫面之間做剪接。再透過設計師精心編製,使作品在新的場景整體風格化一,並不會將事物做過多的簡化。

GIFs開始引起風潮

GIFs動畫在2016並不算是新的設計表現,然而,有越來越多網站開始可以支援GIFs圖檔:Twitter在2014年中公布可以開始使用GIFs發文、Facebook也在2015年中公告使用者可以在狀態加入GIFs圖。

這股流行持續延燒至2016年,使廣大的品牌與設計師們多了一個形式去創作,一種快速就能顯現短片的形式。

2017年的動態設計

品牌形象開始利用動態照片去加強宣傳

影片、動畫開始在網路成為主流,在廣告市場也導出一種另類的宣傳手法去吸引顧客的眼光 — — — 動態照片。

--

--