免費諮詢
↑
Design · 網站設計與費用

提升UI設計的好感度!教你輕鬆在Figma加入動態icon的技巧 – Lordicon

網站設計與費用發布 2023.05.30更新 2024.03.05閱讀約 1 分鐘

在網頁設計中,使用動態 icon 能夠讓畫面更加生動有趣。然而,設計師在使用 Figma 設計時,可能會不知道如何加入動態 icon。我們將分享一個動態icon的網站,還能將這些icon放進Figma,非常方便!

動態icon網站-Lordicon

Lordicon 是一個有8,900個以上動態icon的網站,可以運用在數位媒體類設計、一般文本稿件,或是影音類的動態素材。總共有6種風格,方便你選擇出適合你的設計的icon。

資源連結

https://lordicon.com/

提升UI設計的好感度!教你輕鬆在Figma加入動態icon的技巧 - Lordicon|鵠崙設計02
提升UI設計的好感度!教你輕鬆在Figma加入動態icon的技巧 - Lordicon|鵠崙設計02

如何從Lordicon匯入動態icon到Figma?

Lordicon 的動態icon可以放盡Figma,並保留他的動態效果,官網中也有詳細的步驟教學。

資源連結

https://lordicon.com/docs/figma?fbclid=IwAR3PzuJsmOWk8g9cZVvONUdRKmQUAwhIxjh4wveR3qa9UayJUpS6uZ1ZsQc

提升UI設計的好感度!教你輕鬆在Figma加入動態icon的技巧 - Lordicon|鵠崙設計03

結語

在做平面稿的時候,會遇到客戶覺得畫面不夠活潑,讓我深刻體會到動態 icon 在設計中的重要性,不僅可以讓設計更有趣味性,也可以讓用戶感受到產品的互動性和生命力。透過這些技巧,設計師可以更有效率地創造出具有吸引力和趣味性的設計,也可以讓用戶對產品更加有好感,進而提高品牌的辨識度和價值,如果你也想提升自己的設計技能,推薦你使用這個網站,加入動態icon讓畫面更加活潑吧!

鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的。

針對這篇內容的問答;更一般的問題看網站設計與費用 hub。

01Lordicon的動態icon除了放進Figma設計稿,還可以用在哪些地方?

Lordicon不只適合放進Figma做設計稿使用,也能運用在數位媒體類的設計、一般文本稿件,或是影音類的動態素材上,應用範圍算滿廣泛的,不限於單一種設計用途。

02Lordicon提供的icon風格會不會太少,不夠用?

Lordicon總共有6種不同風格的動態icon可以選擇,設計師可以依照自己專案的調性和需求,挑出風格比較搭的icon來用,選擇上算是有一定彈性。

03把Lordicon的icon匯入Figma後,動態效果還會保留嗎?

會的,Lordicon的動態icon匯入Figma後可以保留原本的動態效果,不會變成靜態圖案,Lordicon官網上也有提供詳細的匯入步驟教學可以參考。

04為什麼要特地改用動態icon,靜態的不行嗎?

設計時常會遇到客戶覺得畫面不夠活潑,這時動態icon能增加設計的趣味性,也讓使用者感受到產品的互動感和生命力,進而提升對品牌的好感和辨識度。

Service

看完之後,想找人做?

網站設計:先理解你的生意、確認架構,再開始設計;費用區間先講清楚。

網頁設計服務
Contact

留下需求,
1 個工作天內回覆。

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。