---
# System prepended metadata

title: 1216_數位產品設計入門
tags: [5xruby, design]

---

# 1216_數位產品設計入門

[![hackmd-github-sync-badge](https://hackmd.io/QPLLdwmjS5ehFUUiOBLVsQ/badge)](https://hackmd.io/QPLLdwmjS5ehFUUiOBLVsQ)

> intro to design digital product
#### 上課日期：1216
###### tags: `design`
###### tags: `5xruby`

---



---
# 相關連結:
- [課程影片](https://campus.5xruby.tw/courses/1136422/lectures/25361517)
 - [上課講義](https://hackmd.io/@debbylin/H1vywKUhP)
- [上課講義編輯版](https://hackmd.io/lQHkqUvbQtiHoKa1qpwhZw)


---
[TOC]

---
#  綱要/目錄
- [ ] 基本概念說明
- [ ] 人物誌、使用者故事、Flow Chart、UI Flow 
- [ ] 注意事項、經驗談
- [ ] 設計工具分享 Figma


---




---
# 附件
#### 
- [数据录入 - Ant Design](https://ant.design/docs/spec/data-entry-cn)

#### wireframe製作工具
- [figma](https://www.figma.com/)
  - 免費版只能兩人共編
- [Dark Mode - Tailwind CSS](https://tailwindcss.com/docs/dark-mode)
- [Material Design](https://material.io/design)
#### icon
- [Feather Icons](https://feathericons.com/) 
- [Font Awesome Icons](https://fontawesome.com/v4.7.0/icons/) 


