第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-項目設計經驗總結

下載地址:百度網盤下載

移動端App UI 設計入門與實戰