第1章 課程介紹
本章爲課程導學，幫助同學們初步瞭解UI設計，介紹實戰課程安排，並熟悉產品設計、開發流程，瞭解如何與其它崗位配合。
1-1 導學視頻
1-2 產品開發流程
第2章 產品需求解析
本章將針對產品需求進行解析，通過草圖、流程圖形式對需求進一步梳理，並完成產品結構設計，讓同學們學會用產品思維看需求。
2-1 產品概述梳理（新的）
2-2 產品需求解析
2-3 產品草圖繪製
2-4 產品結構圖繪製
第3章 線框圖繪製
本章將完成產品線框圖繪製，深入梳理產品結構，幫助同學們瞭解產品的頻道、頁面以及頁面元素的邏輯關係。
3-1 問吧分類頁線框圖繪製
3-2 問吧分類列表頁線框圖繪製
3-3 問吧詳情頁線框圖繪製
3-4 知識列表頁線框圖繪製
3-5 知識詳情頁線框圖繪製
3-6 知識專欄列表頁線框圖繪製
3-7 問吧專欄問答頁線框圖繪製
3-8 問吧專欄列表頁線框圖繪製
3-9 我的頻道線框圖繪製
3-10 積分商城商品頁線框圖繪製
3-11 商品詳情頁線框圖繪製
3-12 發現頁線框圖繪製
3-13 頁面流程圖繪製
第4章 設計準備
本章將在效果圖設計前建立產品的設計規範，包括標準色規範、控件、頁面元素以及文本規範，讓同學們學會從整體把控設計，並完成產品啓動圖標設計。
4-1 界面佈局規範設計
4-2 標準色規範設計
4-3 文本規範設計
4-4 控件規範 (上)
4-5 控件規範 (下)
第5章 界面效果圖設計
本章將完成產品界面效果圖設計，並對產品頁面元素進行深入細化，在本章，我們將會看到產品最終效果。
5-1 產品結構最終調整
5-2 問吧分類頁效果設計
5-3 問吧分類列表頁效果設計
5-4 問吧詳情頁效果設計(上)
5-5 問吧詳情頁效果圖設計（下）
5-6 知識列表頁（上）
5-7 知識列表頁效果圖設計（下）
5-8 知識詳情頁效果圖設計（上）
5-9 知識詳情頁效果圖設計（下）
5-10 積分商城商品頁效果圖設計（上）
5-11 積分商城商品頁效果圖設計（下）
5-12 發現_首頁_效果圖版塊搭建
5-13 發現_首頁_文本與圖標設計
5-14 發現_首頁_頭條新聞版塊設計
5-15 發現_首頁_底欄設計
5-16 啓動圖標設計
第6章 Banner與啓動畫面設計
本章將講解Banner常見設計佈局以及演示如何快速進行Bannner設計，同時將完成三張APP啓動畫面設計。
6-1 發現_首頁Banner設計
6-2 知識列表頁Banner設計
6-3 積分商城商品頁_Banner設計
6-4 APP引導頁設計（上）
6-5 APP引導頁設計（下）
第7章 標註與切圖
本章將完成效果圖標註，並詳細介紹標註技巧與注意事項；介紹如何與前端進行配合，完成素材切圖。
7-1 效果圖標註演示
7-2 效果圖切圖演示
第8章 項目設計經驗總結
本章將針對整個產品設計流程進行經驗總結、梳理，並分享產品設計心得，展示實戰成果。
8-1 8-項目設計經驗總結