如何用FIgma製作個人作品集UX/UI教學
製作個人作品集有很多方法，Figma是一個免費又支援很多其他套件的工具，你可以用它來製作許多用途:
- 創意發想 (Ideation)
- 草稿 (Sketch)
- 原型 (Prototyping)
- 線框圖 (Wireframe)
- 視覺圖 (Muck up)
- UX/UI 設計在網站和手機
以下展示如何用Figma工具製作一個個人作品集(Pofolio)希望能幫助大家初步學習
影片教學
總結
Figma 是一個很好的團隊溝通工具，可以跟工程師、其他設計師以及產品經理表達你的想法，你也可以在準備設計Muck up之前做Wireframe去確保大家的想法是否大致同方向
額外資源教學
如何用FIgma製作個人作品集教學 - https://vocus.cc/article/645c733dfd89780001ffe890
學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計 - https://vocus.cc/article/64637f74fd8978000175c0f8
前端教學架設TodoApp
學習如何用HMTL5和CSS3，跟JayLin一起做一個NFT卡片完整課程 - https://vocus.cc/article/64637f74fd8978000175c0f8
更多相關教學文章
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
JayLinXR FB: https://www.facebook.com/JayLinXR
精選內容
製作個人作品集有很多方法，Figma是一個免費又支援很多其他套件的工具，你可以用它來製作許多用途，本篇文章和視頻教學教你如何初步認識Figma
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
TaiwlildCSS已成為主流技術在2023年https://roadmap.sh/frontend
擁有良好的設計系統(Design System)以及CSS-In-JS增加讀取速度
和不需要創建CSS檔案即可以用class去做Styling
擁有者
專注於研究Web開發 | UI/UX | AI | Web3 科技領域熱門話題，喜歡分享和教學，歡迎追蹤我的頻道學習最新科技與技術: https://www.youtube.com/@jaylinxr