最新章節

• 8.2.8 導出美食外賣App的切圖資源
• 8.2.7 完成美食外賣App的界面標注
• 8.2.6 完成美食外賣App的交互設計
• 8.2.5 完成美食外賣App的UI設計
• 8.2.4 設計與制作美食外賣App的圖標組
• 8.2.3 創建美食外賣App的顏色系統

• 8.2.8 導出美食外賣App的切圖資源 更新時間：2022-09-14 15:42:56
• 8.2.7 完成美食外賣App的界面標注
• 8.2.6 完成美食外賣App的交互設計
• 8.2.5 完成美食外賣App的UI設計
• 8.2.4 設計與制作美食外賣App的圖標組
• 8.2.3 創建美食外賣App的顏色系統
• 8.2.2 制作美食外賣App的草圖原型
• 8.2.1 分析美食外賣App的項目背景
• 8.2 設計與制作美食外賣App項目
• 8.1.8 導出美妝電商App的切圖資源
• 8.1.7 完成美妝電商App的界面標注
• 8.1.6 完成美妝電商App的交互設計
• 8.1.5 完成美妝電商App的UI設計
• 8.1.4 設計與制作美妝電商App的圖標組
• 8.1.3 構建美妝電商App的顏色系統
• 8.1.2 制作美妝電商App界面的草圖原型
• 8.1.1 分析美妝電商App的項目背景
• 8.1 設計與制作美妝電商App項目
• 第8章 設計與制作移動App項目
• 7.7 本章小結
• 7.6.3 操作案例——導出Android系統App切圖資源
• 7.6.2 輸出與適配的一稿兩用
• 7.6.1 Android系統中的“點9”切圖
• 7.6 輸出與適配Android系統UI設計
• 7.5.3 操作案例——導出iOS App界面切圖資源
• 7.5.2 適配切片命名規范
• 7.5.1 向上適配與向下適配
• 7.5 輸出與適配iOS UI設計
• 7.4.3 切圖資源的尺寸必須是偶數
• 7.4.2 色彩和文字的標注規范
• 7.4.1 位置與尺寸的標注規范
• 7.4 移動UI標注規范
• 7.3.4 操作案例——標注Android系統App界面
• 7.3.3 標注的聲明文檔
• 7.3.2 操作案例——標注iOS App界面
• 7.3.1 移動App標注的內容
• 7.3 標注移動UI
• 7.2.2 Assistor PS
• 7.2.1 PxCook
• 7.2 常見的標注軟件
• 7.1 標注的重要性
• 第7章 適配與輸出移動UI設計
• 6.7 本章小結
• 6.6 交互設計需要遵循的習慣
• 6.5.5 傳遞信息深度
• 6.5.4 操作案例——設計與制作App后臺交互
• 6.5.3 加強指向性
• 6.5.2 為用戶提供操作反饋
• 6.5.1 吸引用戶注意力
• 6.5 動效在UI中的作用
• 6.4.9 操作案例——設計與制作App點贊反饋交互
• 6.4.8 操作反饋
• 6.4.7 操作案例——設計與制作相冊App內容呈現交互
• 6.4.6 內容呈現
• 6.4.5 關注聚焦
• 6.4.4 空間擴展
• 6.4.3 層級展示
• 6.4.2 操作案例——設計與制作App轉場交互
• 6.4.1 轉場過渡
• 6.4 移動UI交互的類型
• 6.3.2 實現創意想法
• 6.3.1 提出交互設計創意想法
• 6.3 交互設計的基本流程
• 6.2.2 Adobe XD
• 6.2.1 Adobe After Effects
• 6.2 常見的交互設計軟件
• 6.1.2 基礎動效類型
• 6.1.1 交互動效的概念
• 6.1 了解UI交互設計
• 第6章 移動App交互設計
• 5.7 本章小結
• 5.6.5 移動App界面的布局方式
• 5.6.4 操作案例——設計與制作iOS App側面菜單界面
• 5.6.3 設置App界面中的內容間距
• 5.6.2 操作案例——設計與制作iOS App首頁界面
• 5.6.1 了解App界面中的全局邊距
• 5.6 移動App內容布局
• 5.5 移動UI圖片尺寸規范
• 5.4.4 操作案例——設計與制作Android系統App分類界面
• 5.4.3 Android系統字體規范
• 5.4.2 操作案例——設計與制作iOS App登錄界面
• 5.4.1 iOS字體規范
• 5.4 移動UI的字體規范
• 5.3.6 操作案例——設計與制作Android系統App界面
• 5.3.5 Android系統的界面尺寸規范
• 5.3.4 Android系統的開發單位
• 5.3.3 操作案例——設計與制作iOS App啟動界面
• 5.3.2 iOS的界面尺寸規范
• 5.3.1 iOS的開發單位
• 5.3 移動UI的設計基礎
• 5.2.3 Adobe XD
• 5.2.2 Sketch
• 5.2.1 Adobe Photoshop
• 5.2 常見的UI設計軟件
• 5.1 移動UI的基本元素
• 第5章 移動App的UI設計
• 4.8 本章小結
• 4.7.5 命名并導出
• 4.7.4 確定最終效果
• 4.7.3 數字化呈現
• 4.7.2 設計草圖
• 4.7.1 創建制作清單
• 4.7 圖標組設計規范
• 4.6.4 操作案例——設計與制作時鐘啟動圖標
• 4.6.3 iOS的圖標設計尺寸
• 4.6.2 操作案例——設計與制作水果裝飾圖標
• 4.6.1 Android系統的圖標設計尺寸
• 4.6 圖標尺寸
• 4.5.4 啟動圖標
• 4.5.3 裝飾圖標
• 4.5.2 操作案例——設計與制作磨砂質感工具圖標
• 4.5.1 工具圖標
• 4.5 App圖標的分類
• 4.4.5 特殊符號風格
• 4.4.4 數字風格
• 4.4.3 圖形風格
• 4.4.2 英文風格
• 4.4.1 中文風格
• 4.4 圖標設計形式
• 4.3.2 圖標柵格規范
• 4.3.1 系統圖標柵格
• 4.3 熟悉圖標柵格系統
• 4.2.3 CorelDRAW
• 4.2.2 Adobe Photoshop
• 4.2.1 Adobe Illustrator
• 4.2 圖標設計常用軟件
• 4.1.2 App圖標的重要性
• 4.1.1 App圖標的概念
• 4.1 初識App圖標
• 第4章 出色的移動圖標設計
• 3.6 本章小結
• 3.5.7 操作案例——美妝App分類界面配色設計
• 3.5.6 規避雜亂的配色方案
• 3.5.5 保守地使用色彩
• 3.5.4 App界面內容必須便于閱讀
• 3.5.3 操作案例——美妝App首頁界面配色設計
• 3.5.2 配色方案要符合用戶的心理印象
• 3.5.1 切忌將精致、美觀放在第一位
• 3.5 移動UI色彩搭配的注意事項
• 3.4.5 調整配色
• 3.4.4 操作案例——構建美妝App顏色系統
• 3.4.3 確定輔色
• 3.4.2 確定主色
• 3.4.1 確定風格
• 3.4 構建移動UI顏色系統
• 3.3.4 對比色調配色方法
• 3.3.3 互補色配色方法
• 3.3.2 對比色配色方法
• 3.3.1 中差色配色方法
• 3.3 突出、對比的配色方法
• 3.2.5 類似色調配色方法
• 3.2.4 同色調配色方法
• 3.2.3 類似色配色方法
• 3.2.2 鄰近色配色方法
• 3.2.1 同色系配色方法
• 3.2 和諧、統一的色彩搭配方法
• 3.1.2 色彩三屬性
• 3.1.1 色彩基礎
• 3.1 認識色彩
• 第3章 優秀的移動UI色彩搭配
• 2.10 本章小結
• 2.9.5 操作案例——繪制美妝App分類界面原型
• 2.9.4 App原型設計與用戶體驗
• 2.9.3 操作案例——繪制美妝App首頁草圖
• 2.9.2 原型的重要性
• 2.9.1 原型的表現手法
• 2.9 繪制移動UI原型圖
• 2.8.3 操作案例——安裝Axure RP 10
• 2.8.2 Adobe XD
• 2.8.1 Axure RP
• 2.8 繪制原型的常用軟件
• 2.7.2 原型設計的參與者
• 2.7.1 原型設計的概念
• 2.7 了解原型設計
• 2.6.4 常見的草圖形式
• 2.6.3 草圖功能的體現
• 2.6.2 認識草圖的特點
• 2.6.1 了解草圖的概念
• 2.6 繪制移動UI草圖
• 2.5.3 操作案例——繪制美妝App的首頁思維導圖
• 2.5.2 思維導圖的基本類型
• 2.5.1 思維導圖的操作流程
• 2.5 繪制移動UI思維導圖
• 2.4.4 操作案例——下載并安裝XMind
• 2.4.3 XMind
• 2.4.2 MindManager
• 2.4.1 MindMeister
• 2.4 繪制思維導圖的常用軟件
• 2.3.3 思維導圖的作用
• 2.3.2 思維導圖的特點
• 2.3.1 思維導圖的設計依據
• 2.3 了解思維導圖
• 2.2 完成移動UI策劃書
• 2.1.2 掌握用戶畫像分析法
• 2.1.1 分析移動UI項目背景
• 2.1 確定移動UI目標用戶
• 第2章 移動UI策劃與原型設計
• 1.6 本章小結
• 1.5.4 開發工程師
• 1.5.3 UI設計師
• 1.5.2 項目經理
• 1.5.1 產品經理
• 1.5 移動UI設計流程的職位劃分
• 1.4.4 系統響應時間原則
• 1.4.3 界面布局合理化原則
• 1.4.2 元素準確性原則
• 1.4.1 風格一致性原則
• 1.4 移動UI設計原則
• 1.3.3 UI設計
• 1.3.2 原型設計
• 1.3.1 需求分析
• 1.3 移動UI設計流程
• 1.2.4 Wear OS和watchOS
• 1.2.3 HarmonyOS
• 1.2.2 Android系統
• 1.2.1 iOS
• 1.2 移動UI的系統分類
• 1.1.4 將PC端UI重置為移動UI
• 1.1.3 移動UI與PC端UI
• 1.1.2 移動UI設計的概念
• 1.1.1 初識UI設計
• 1.1 了解移動UI設計
• 第1章 關于移動UI設計
• 前言
• 內容提要
• 版權信息
• 封面

• 封面
• 版權信息
• 內容提要
• 前言
• 第1章 關于移動UI設計
• 1.1 了解移動UI設計
• 1.1.1 初識UI設計
• 1.1.2 移動UI設計的概念
• 1.1.3 移動UI與PC端UI
• 1.1.4 將PC端UI重置為移動UI
• 1.2 移動UI的系統分類
• 1.2.1 iOS
• 1.2.2 Android系統
• 1.2.3 HarmonyOS
• 1.2.4 Wear OS和watchOS
• 1.3 移動UI設計流程
• 1.3.1 需求分析
• 1.3.2 原型設計
• 1.3.3 UI設計
• 1.4 移動UI設計原則
• 1.4.1 風格一致性原則
• 1.4.2 元素準確性原則
• 1.4.3 界面布局合理化原則
• 1.4.4 系統響應時間原則
• 1.5 移動UI設計流程的職位劃分
• 1.5.1 產品經理
• 1.5.2 項目經理
• 1.5.3 UI設計師
• 1.5.4 開發工程師
• 1.6 本章小結
• 第2章 移動UI策劃與原型設計
• 2.1 確定移動UI目標用戶
• 2.1.1 分析移動UI項目背景
• 2.1.2 掌握用戶畫像分析法
• 2.2 完成移動UI策劃書
• 2.3 了解思維導圖
• 2.3.1 思維導圖的設計依據
• 2.3.2 思維導圖的特點
• 2.3.3 思維導圖的作用
• 2.4 繪制思維導圖的常用軟件
• 2.4.1 MindMeister
• 2.4.2 MindManager
• 2.4.3 XMind
• 2.4.4 操作案例——下載并安裝XMind
• 2.5 繪制移動UI思維導圖
• 2.5.1 思維導圖的操作流程
• 2.5.2 思維導圖的基本類型
• 2.5.3 操作案例——繪制美妝App的首頁思維導圖
• 2.6 繪制移動UI草圖
• 2.6.1 了解草圖的概念
• 2.6.2 認識草圖的特點
• 2.6.3 草圖功能的體現
• 2.6.4 常見的草圖形式
• 2.7 了解原型設計
• 2.7.1 原型設計的概念
• 2.7.2 原型設計的參與者
• 2.8 繪制原型的常用軟件
• 2.8.1 Axure RP
• 2.8.2 Adobe XD
• 2.8.3 操作案例——安裝Axure RP 10
• 2.9 繪制移動UI原型圖
• 2.9.1 原型的表現手法
• 2.9.2 原型的重要性
• 2.9.3 操作案例——繪制美妝App首頁草圖
• 2.9.4 App原型設計與用戶體驗
• 2.9.5 操作案例——繪制美妝App分類界面原型
• 2.10 本章小結
• 第3章 優秀的移動UI色彩搭配
• 3.1 認識色彩
• 3.1.1 色彩基礎
• 3.1.2 色彩三屬性
• 3.2 和諧、統一的色彩搭配方法
• 3.2.1 同色系配色方法
• 3.2.2 鄰近色配色方法
• 3.2.3 類似色配色方法
• 3.2.4 同色調配色方法
• 3.2.5 類似色調配色方法
• 3.3 突出、對比的配色方法
• 3.3.1 中差色配色方法
• 3.3.2 對比色配色方法
• 3.3.3 互補色配色方法
• 3.3.4 對比色調配色方法
• 3.4 構建移動UI顏色系統
• 3.4.1 確定風格
• 3.4.2 確定主色
• 3.4.3 確定輔色
• 3.4.4 操作案例——構建美妝App顏色系統
• 3.4.5 調整配色
• 3.5 移動UI色彩搭配的注意事項
• 3.5.1 切忌將精致、美觀放在第一位
• 3.5.2 配色方案要符合用戶的心理印象
• 3.5.3 操作案例——美妝App首頁界面配色設計
• 3.5.4 App界面內容必須便于閱讀
• 3.5.5 保守地使用色彩
• 3.5.6 規避雜亂的配色方案
• 3.5.7 操作案例——美妝App分類界面配色設計
• 3.6 本章小結
• 第4章 出色的移動圖標設計
• 4.1 初識App圖標
• 4.1.1 App圖標的概念
• 4.1.2 App圖標的重要性
• 4.2 圖標設計常用軟件
• 4.2.1 Adobe Illustrator
• 4.2.2 Adobe Photoshop
• 4.2.3 CorelDRAW
• 4.3 熟悉圖標柵格系統
• 4.3.1 系統圖標柵格
• 4.3.2 圖標柵格規范
• 4.4 圖標設計形式
• 4.4.1 中文風格
• 4.4.2 英文風格
• 4.4.3 圖形風格
• 4.4.4 數字風格
• 4.4.5 特殊符號風格
• 4.5 App圖標的分類
• 4.5.1 工具圖標
• 4.5.2 操作案例——設計與制作磨砂質感工具圖標
• 4.5.3 裝飾圖標
• 4.5.4 啟動圖標
• 4.6 圖標尺寸
• 4.6.1 Android系統的圖標設計尺寸
• 4.6.2 操作案例——設計與制作水果裝飾圖標
• 4.6.3 iOS的圖標設計尺寸
• 4.6.4 操作案例——設計與制作時鐘啟動圖標
• 4.7 圖標組設計規范
• 4.7.1 創建制作清單
• 4.7.2 設計草圖
• 4.7.3 數字化呈現
• 4.7.4 確定最終效果
• 4.7.5 命名并導出
• 4.8 本章小結
• 第5章 移動App的UI設計
• 5.1 移動UI的基本元素
• 5.2 常見的UI設計軟件
• 5.2.1 Adobe Photoshop
• 5.2.2 Sketch
• 5.2.3 Adobe XD
• 5.3 移動UI的設計基礎
• 5.3.1 iOS的開發單位
• 5.3.2 iOS的界面尺寸規范
• 5.3.3 操作案例——設計與制作iOS App啟動界面
• 5.3.4 Android系統的開發單位
• 5.3.5 Android系統的界面尺寸規范
• 5.3.6 操作案例——設計與制作Android系統App界面
• 5.4 移動UI的字體規范
• 5.4.1 iOS字體規范
• 5.4.2 操作案例——設計與制作iOS App登錄界面
• 5.4.3 Android系統字體規范
• 5.4.4 操作案例——設計與制作Android系統App分類界面
• 5.5 移動UI圖片尺寸規范
• 5.6 移動App內容布局
• 5.6.1 了解App界面中的全局邊距
• 5.6.2 操作案例——設計與制作iOS App首頁界面
• 5.6.3 設置App界面中的內容間距
• 5.6.4 操作案例——設計與制作iOS App側面菜單界面
• 5.6.5 移動App界面的布局方式
• 5.7 本章小結
• 第6章 移動App交互設計
• 6.1 了解UI交互設計
• 6.1.1 交互動效的概念
• 6.1.2 基礎動效類型
• 6.2 常見的交互設計軟件
• 6.2.1 Adobe After Effects
• 6.2.2 Adobe XD
• 6.3 交互設計的基本流程
• 6.3.1 提出交互設計創意想法
• 6.3.2 實現創意想法
• 6.4 移動UI交互的類型
• 6.4.1 轉場過渡
• 6.4.2 操作案例——設計與制作App轉場交互
• 6.4.3 層級展示
• 6.4.4 空間擴展
• 6.4.5 關注聚焦
• 6.4.6 內容呈現
• 6.4.7 操作案例——設計與制作相冊App內容呈現交互
• 6.4.8 操作反饋
• 6.4.9 操作案例——設計與制作App點贊反饋交互
• 6.5 動效在UI中的作用
• 6.5.1 吸引用戶注意力
• 6.5.2 為用戶提供操作反饋
• 6.5.3 加強指向性
• 6.5.4 操作案例——設計與制作App后臺交互
• 6.5.5 傳遞信息深度
• 6.6 交互設計需要遵循的習慣
• 6.7 本章小結
• 第7章 適配與輸出移動UI設計
• 7.1 標注的重要性
• 7.2 常見的標注軟件
• 7.2.1 PxCook
• 7.2.2 Assistor PS
• 7.3 標注移動UI
• 7.3.1 移動App標注的內容
• 7.3.2 操作案例——標注iOS App界面
• 7.3.3 標注的聲明文檔
• 7.3.4 操作案例——標注Android系統App界面
• 7.4 移動UI標注規范
• 7.4.1 位置與尺寸的標注規范
• 7.4.2 色彩和文字的標注規范
• 7.4.3 切圖資源的尺寸必須是偶數
• 7.5 輸出與適配iOS UI設計
• 7.5.1 向上適配與向下適配
• 7.5.2 適配切片命名規范
• 7.5.3 操作案例——導出iOS App界面切圖資源
• 7.6 輸出與適配Android系統UI設計
• 7.6.1 Android系統中的“點9”切圖
• 7.6.2 輸出與適配的一稿兩用
• 7.6.3 操作案例——導出Android系統App切圖資源
• 7.7 本章小結
• 第8章 設計與制作移動App項目
• 8.1 設計與制作美妝電商App項目
• 8.1.1 分析美妝電商App的項目背景
• 8.1.2 制作美妝電商App界面的草圖原型
• 8.1.3 構建美妝電商App的顏色系統
• 8.1.4 設計與制作美妝電商App的圖標組
• 8.1.5 完成美妝電商App的UI設計
• 8.1.6 完成美妝電商App的交互設計
• 8.1.7 完成美妝電商App的界面標注
• 8.1.8 導出美妝電商App的切圖資源
• 8.2 設計與制作美食外賣App項目
• 8.2.1 分析美食外賣App的項目背景
• 8.2.2 制作美食外賣App的草圖原型
• 8.2.3 創建美食外賣App的顏色系統
• 8.2.4 設計與制作美食外賣App的圖標組
• 8.2.5 完成美食外賣App的UI設計
• 8.2.6 完成美食外賣App的交互設計
• 8.2.7 完成美食外賣App的界面標注
• 8.2.8 導出美食外賣App的切圖資源 更新時間：2022-09-14 15:42:56