Photoshop移動UI設計

模塊1 走進移動UI設計之門
1.1 認識移動UI設計
1.1.1 什麼是移動UI設計
1.1.2 移動UI設計和UI設計的區別
1.1.3 移動UI設計的特點
1.1.4 移動UI設計的原則
1.2 移動UI設計流程
1.2.1 用戶研究
1.2.2 任務分析
1.2.3 設計草圖
1.2.4 設計細化
1.2.5 用戶測試
1.2.6 反饋和優化
1.2.7 方案交付
1.2.8 方案實施
1.3 移動設備的主流操作系統
1.3.1 iOS系統
1.3.2 Android系統
1.3.3 HarmonyOS系統
1.4 AIGC在移動UI中的應用
1.4.1 前期調研與競品分析
1.4.2 設計靈感與創意激發
1.4.3 設計素材與資源生成
1.5 常用的移動UI設計軟件
1.5.1 界面設計類軟件
1.5.2 動效設計類軟件
1.5.3 交互設計類軟件
模塊2 移動UI設計要素
2.1 視覺設計要素
2.1.1 色彩搭配
2.1.2 字體與排版
2.1.3 圖片與質感
2.2 布局與構圖要素
2.2.1 布局原則
2.2.2 構圖原則
2.2.3 界面元素組織
2.3 交互設計
2.3.1 交互原則
2.3.2 交互要素
2.3.3 導航與菜單設計
模塊3 圖形圖像操作詳解
3.1 基礎操作與工具
3.1.1 認識主流圖像處理工具
3.1.2 輔助工具的使用
3.1.3 文檔的管理和編輯
3.1.4 選擇工具組
3.1.5 繪圖工具組
3.1.6 顏色填充工具
3.1.7 形狀工具組
3.1.8 切片與導出
3.2 文字與排版
3.2.1 創建文本
3.2.2 設置文本屬性
3.2.3 柵格化文字圖層
3.2.4 文字變形
3.3 圖像色彩的調整
3.3.1 曲線
3.3.2 色階
3.3.3 色相/飽和度
3.3.4 色彩平衡
3.3.5 可選顏色
3.3.6 去色
3.4 圖像元素的處理
3.4.1 圖像的尺寸調整
3.4.2 圖像的修飾
3.4.3 圖像的修覆
3.4.4 圖像的非破壞處理
3.5 圖像後期制作
3.5.1 混合模式
3.5.2 圖層樣式
3.5.3 濾鏡
3.6 課堂演練：繪制應用圖標
模塊4 UI圖標設計
4.1 關於圖標設計
4.1.1 什麼是圖標
4.1.2 圖標在移動UI設計中的作用
4.1.3 圖標設計的基本準則
4.2 圖標的類型與尺寸
4.2.1 應用圖標
4.2.2 系統圖標
4.3 圖標的常用圖形
4.3.1 圓形
4.3.2 正方形、長方形
4.3.3 三角形
4.4 圖標的常見風格
4.4.1 線性圖標
4.4.2 面性圖標
4.4.3 線面結合圖標
4.4.4 扁平化圖標
4.4.5 擬物化圖標
4.4.6 輕質感圖標
4.4.7 新擬態圖標
案例實操：健康追蹤應用圖標的制作
模塊5 UI組件設計
5.1 什麼是組件
5.2 基礎組件設計
5.2.1 按鈕
5.2.2 文本
5.2.3 圖片
5.3 輸入組件設計
5.3.1 文本框
5.3.2 搜索框
5.3.3 表單
5.4 導航組件設計
5.4.1 導航欄
5.4.2 標簽欄
5.4.3 宮格
5.5 顯示組件設計
5.5.1 徽標
5.5.2 列表
5.5.3 輪播圖
5.6 反饋組件設計
5.6.1 對話框
5.6.2 提示框
5.6.3 加載指示器
案例實操：加載動畫的制作
模塊6 App界面設計
6.1 關於App界面設計
6.1.1 App界面的設計趨勢
6.1.2 App界面的構成
6.1.3 常見屏幕尺寸分析
6.2 閃屏頁界面設計
6.2.1 閃屏頁的目的
6.2.2 閃屏頁類型
6.3 註冊登錄頁界面設計
6.3.1 登錄註冊頁的設計原則
6.3.2 登錄註冊頁的布局規劃
6.4 首頁界面設計
6.4.1 首頁的設計定位
6.4.2 首頁的布局規劃
6.5 個人中心界面設計
6.5.1 個人中心界面的類型
6.5.2 個人中心界面的構成
案例實操：閱享雲端App界面制作
模塊7 遊戲UI設計
7.1 關於遊戲UI設計
7.1.1 什麼是遊戲UI
7.1.2 移動遊戲UI與傳統遊戲UI設計的區別
7.1.3 遊戲UI設計原則
7.2 移動遊戲UI界面風格
7.2.1 超寫實風格
7.2.2 塗鴉風格
7.2.3 暗黑風格
7.2.4 卡通風格
7.2.5 二次元風格
7.3 移動遊戲UI設計核心要素
7.3.1 圖標設計
7.3.2 文字設計
7.3.3 色彩搭配
7.3.4 布局與導航
案例實操：國風遊戲界面制作
模塊8 小程序UI設計
8.1 關於小程序UI界面設計
8.1.1 小程序的定義
8.1.2 小程序的應用場景
8.1.3 小程序UI與App的區別
8.1.4 小程序UI界面的設計原則
8.2 小程序UI界面的基礎元素
8.2.1 圖標設計
8.2.2 文字設計
8.2.3 色彩搭配
8.3 小程序UI界面布局與導航
8.3.1 界面結構設計
8.3.2 界面布局設計
8.3.3 導航設計
8.3.4 內容區域設計
案例實操：個人中