AIGC創意：移動UI設計（微課版）

陳晨，女，碩士，副教授，現任職於江南大學數字科技與創意設計學院。主講設計元素、造型基礎、動態圖形設計等課程，長期從事數字媒體藝術與視覺傳達設計領域的教學、科研與實踐工作。發表學術論文20余篇，主編出版教材5部，主持江蘇省教育廳、無錫市哲社科及校級教改等項目。同時，主持多項商業實踐項目，專註人工智能在教學與設計中的創新應用，致力於企業品牌IP形象塑造、品牌形象改良與推廣，註重設計研究與市場需求的緊密結合。

第 1章 移動 UI 設計概述 1.1 移動 UI 的基本概念 1.1.1 UI 設計的定義 1.1.2 主流移動端操作系統 1.1.3 移動 UI 三大組件 1.2 移動 UI 的設計原則 1.2.1 風格一致性原則 1.2.2 元素準確性原則 1.2.3 界面布局合理性原則 1.2.4 響應時間可控性原則 1.3 移動 UI 的設計流程 1.4 AI 在 UI 設計中的作用 1.4.1 利用 AI 進行設計調研 1.4.2 AI 在 UI 設計中的應用 1.4.3 AI 對設計團隊的幫助 AIGC 案例 制作產品展示效果圖 AIGC 案例 制作商業插圖 AIGC 案例 制作原型構想圖 第 2章 項目策劃與原型設計 2.1 項目策劃 2.1.1 用戶調研 2.1.2 規劃產品的信息架構 2.2 利用思維導圖梳理項目內容 2.2.1 思維導圖的作用 2.2.2 常用思維導圖軟件 2.2.3 繪制思維導圖 案例 繪制美妝 App 首頁界面布局的思維導圖 2.2.4 利用 AI 繪制思維導圖 AIGC 案例 繪制美食 App 首頁界面布局的思維導圖 2.3 利用原型設計表達項目訴求 2.3.1 原型設計的概念 2.3.2 原型設計的重要性 2.3.3 原型設計的常用軟件 2.3.4 原型設計的表現手法 2.4 移動端原型的布局 2.4.1 移動端原型布局的分類 案例 制作首頁原型 2.4.2 移動端原型布局的要點 第3章 色彩設計 3.1 色彩的基礎知識 3.1.1 認識色彩 3.1.2 色彩三大屬性 3.1.3 色彩的調和搭配 案例 制作對比色啟動頁 3.2 界面配色技巧 3.2.1 確定風格 3.2.2 搭配層級 3.2.3 註意事項 案例 制作個人中心頁 第4章 圖標與控件設計 4.1 圖標設計概述 4.1.1 界面圖標的分類 4.1.2 圖標設計的原則 4.2 圖標設計流程 4.2.1 確定風格 4.2.2 繪制草圖 4.2.3 軟件制作 AIGC 案例 制作 3D 數據圖標 AIGC 案例 制作風格圖標 4.3 圖標設計規範 案例 繪制線性圖標 4.4 界面控件分類 4.4.1 輸入控件 4.4.2 導航控件 4.4.3 顯示控件 4.5 控件設計規範 4.5.1 按鈕控件規範 4.5.2 分割線規範 4.5.3 頭像規範 4.5.4 提示框規範 4.5.5 輸入框規範 4.5.6 圖標規範 案例 制作立體開關控件 案例 制作滑塊控件 第5章 界面設計 5.1 界面設計概述 5.1.1 界面設計的內容 5.1.2 界面設計的要點 5.1.3 界面設計的表現手法 5.2 啟動頁 5.2.1 品牌宣傳型啟動頁 5.2.2 節日關懷型 / 節日運營型啟動頁 5.2.3 廣告運營型啟動頁 AIGC 案例 制作節日關懷型啟動頁 AIGC 案例 制作節日運營型啟動頁 5.3 引導頁 5.3.1 功能介紹型引導頁 5.3.2 情感代入型引導頁 5.3.3 浮層引導頁 案例 制作兒童教育 App 引導頁 5.4 可輸入頁 5.4.1 登錄頁 5.4.2 信息發布頁 5.4.3 對話頁 AIGC 案例 制作 App 登錄頁 案例 制作 App 註冊頁 5.5 首頁 5.5.1 列表型首頁 5.5.2 圖標型首頁 5.5.3 卡片型首頁 5.5.4 綜合型首頁 案例 制作健身 App 首頁 5.6 列表頁 5.6.1 單列表 5.6.2 雙列表 5.6.3 時間軸 5.6.4 圖庫列表 案例 制作天氣預報 App 列表頁 5.7 個人中心頁 5.8 詳情頁 5.8.1 普通型詳情頁 5.8.2 銷售型詳情頁 案例 制作購物 App 詳情頁 5.9 播放頁 5.10 空白頁 第6章 交互設計 6.1 交互設計概述 6.1.1 交互設計的概念 6.1.2 交互動效類型 6.1.3 交互動效的作用 6.2 常見交互設計類型 6.2.1 轉場過渡 案例 App 轉場過渡交互 6.2.2 層級展示 6.2.3 空間擴展 6.2.4 關註聚焦 6.2.5 內容呈現 案例 相冊內容呈現交互 6.2.6 操作反饋 案例 App 收藏反饋交互 第7章 移動 UI 設計綜合實踐 7.1 電商 App 項目設計 7.1.1 項目分析 7.1.2 原型設計 7.1.3 界面設計 7.2 社交 App 項目設計 7.2.1 項目分析 7.2.2 原型設計 7.2.3 界面設計