Figma UX/UI手機App設計教學：點子成行到製作出一個App 系列教學

這一集分享手機App設計教學，往後會分享用Flutter開發出一個App :)

上一集分享設計個人作品集後，這次教大家來設計一個手機App，我會透過一系列的分享來製作出一個App

如果你有興趣，可以參考上一集

如何用FIgma製作個人作品集UX/UI教學

https://vocus.cc/article/645c733dfd89780001ffe890

Part1 - 找尋靈感

剛開始不知道要從哪裡下手，可以想看看你有什麼對你有興趣或想解決的問題以及案例

• 你最喜歡做什麼事情? 聽音樂, 吃美食還是旅遊
• 你看到什麼樣的問題? 你想要解決, 舉例: 睡眠品質的改善或者如何保持健康
• 不知道要怎麼開始下手，可以看看別人類似你的點子的作品

https://www.behance.net/

https://dribbble.com/

舉例:

主題: 健康飲食

平台: iOS App

族群: 18歲~35歲

市場: 愛料理,

腦力激盪

快速產出你的任何點子

• Quick and Write - 快速描述並寫下你的想法
• 大量猜想無限制

舉例:

• 可以有個關於幫我送健康飲食加上健康教練的App嗎？
• 以健康交友的App，互相約飯和一起健身?

影片教學

Part2 - 製作草圖

草圖允許你快速清晰地向他人解釋你的想法，而無需冗長的說明。單憑文字可能令人困惑，但草圖可簡化溝通過程。通過將你的想法草擬出來，你可以幫助他人更好地理解，並希望他們能夠從中獲得靈感。

用什麼工具來做草圖？你可以用筆跟白紙就可以，不需要要求你很會畫畫，重點在溝通跟點子構想，以下是一個用戶引導範例設計

範例:

https://www.pinterest.com.au/pin/9570217951020643/

額外學習:

https://www.smashingmagazine.com/2021/09/power-pen-paper-sketching/

影片教學

額外資源教學

如何用FIgma製作個人作品集教學

- https://vocus.cc/article/645c733dfd89780001ffe890

學習如何設計好產品 - 使用者經驗設計 | 易用性 | 通用設計

- https://vocus.cc/article/64637f74fd8978000175c0f8

Heuristic 啟發式設計: 用戶體驗設計的重要原則

- https://vocus.cc/article/65eb05affd89780001c87dc7

學習如何用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