這個網站的主要目的是為了完整呈現我過去的個人作品以及參與過的專案紀錄。
※ 操作指南: 本區塊為互動式原型(Prototype),您可以直接點擊畫面進行翻頁與互動體驗。
💡 作品說明與設計巧思
在排版上,我特別發想了「資料夾」的視覺概念,
並嘗試在 Figma 中做出類似滑動、快速翻頁的效果,讓瀏覽體驗更生動。
雖然 Figma 本身在翻頁功能上有其限制,但我透過點擊跳轉的設定,成功營造出左右翻動作品專頁的導覽動線。
此外,我也在個人介紹與服務項目的區塊,加入了打開與關閉的互動小動畫,增添網頁的趣味性。
🛠️ 創作困難與解鎖新技能
在實作過程中,我也遇到了不少挑戰。我平常遇到困難時,習慣先上網找類似的教學影片,真的找不到原因才會去詢問老師。
這次我就卡在一個 Figma Prototype 的痛點:「為什麼元件關閉後,再點擊一次卻無法重播第一樣態的動畫?」
後來在課堂上詢問老師,老師不僅稱讚了我的頁面設計很用心,還幫我解析了 Figma 預設會保留「完成任務狀態」的邏輯。
最後,老師教了我一招隱藏小技巧——只要在設定中勾選 「Reset components state」,就能輕鬆解決動畫無法重置的問題!真的非常有成就感!
🎓 學習心得與未來期許
真的很感謝老師認真的教學,只要遇到問題都會努力幫我們解決。
這次的課程不只是單純學習 Figma 這套軟體的技術,老師還教授了許多 UI/UX 的設計概念與理論。
對於有考慮轉職的我來說,這些扎實的理論內容,幫助我能更好地評估自己究竟適不適合這個產業。
這次的作品集產出是一個很棒的里程碑,我會繼續在視覺設計的路上努力!
※本文所展示之作品為陳挹芬學員所創作,其著作權歸屬學員本人所有,未經授權請勿轉載或使用。