移動UI設計

目錄

第1章移動UI概論

11UI設計基礎知識

111UI設計概念

112UI設計類型

12移動UI設計崗位分佈

121三個概念的區別

122UED設計師

123ID設計師

124GUI設計師

13移動UI設計流程

14移動UI尺寸規範

141英寸、像素、分辨率

142DPI與PPI

143邏輯尺寸與物理尺寸

144常見的圖片格式

第2章產品體驗設計

21產品用戶體驗

22認識思維導圖

221思維導圖構成的要素

222認識XMind

23競品分析

24用戶需求分析

25產品信息架構

251產品信息架構因素

252產品信息架構的設計原則

實訓項目1“青游”App產品信息架構製作

第3章產品交互設計

31產品設計原則

32產品思維策劃

33產品流程圖

331流程圖分類

332流程圖的三種結構 

實訓項目2“青游”App登錄流程圖繪制

34產品交互原型設計

341App產品交互原型設計

35交互原型軟件——Axure RP

實訓項目3“青游”App登錄頁原型圖製作

36交互事件

實訓項目4“青游”App登錄頁面跳轉動效製作

第4章產品界面設計

41高保真輸出常用軟件

411圖形圖像處理軟件——Adobe Photoshop

412矢量繪圖軟件——Adobe Illustrator

413矢量繪圖軟件——Adobe XD

414Figma

415MasterGo

42設計中的平面構成

421點、線、面

422圖像元素

423多媒體元素

43設計中的色彩構成

431UI設計中的色彩構成

432UI設計中的配色技巧

433UI設計中的色彩情感

實訓項目5“青游”App情緒板製作

44圖標設計及風格

441圖標設計分類 

442圖標設計原則

443圖標設計方法

實訓項目6“青游”App產品圖標設計與製作

45引導頁

451引導頁的風格與文案

452引導頁的設計方法

實訓項目7“青游”App引導頁設計與製作

46用戶界面的形式美

461形式美在用戶界面中的重要性

462形式美法則在用戶界面中的運用

47首頁

471首頁表現形式

472如何做好一個首頁

473綜合型首頁的結構

48組件庫

481組件庫的價值

482原子設計理論

483如何搭建組件庫

實訓項目8“青游”App首頁設計與製作

49Banner視覺表現形式

491風格表現

492圖形及文字排版設計

493色彩表現

實訓項目9“青游”App Banner設計

第5章產品交付設計

51界面標註

511界面標註的常用軟件

52產品切圖

521切圖的要點

522切圖的命名規則

實訓項目10“青游”App首頁界面標註與切圖

參考文獻

12224467891212131314202123232425293131323337383941424344505152535860687070707172727373767677798182889596103103104108110112114121121121126126128129140141142142143147147149151152156157157158158158160164