學習目標

主要講述UI設計的基礎知識點，了解如何繪制icon圖標，APP界面設計，PC端網(wǎng)頁UI設計及UI設計規(guī)范等內(nèi)容。課程中用了十五個實例進行實操演示，主要講解webUI，MUI，的設計規(guī)范以及案例，web端UI用資訊、社交、電商類網(wǎng)站、移動端以及APP界面為案例。為零基礎入門的UI設計師打通設計理念，增強企業(yè)實戰(zhàn)設計能力；熟練掌握并能實際應用UI設計的設計流程和注意事項。

課程內(nèi)容：

第1章：UI設計的概念及發(fā)展史

1.什么是UI設計？

2.UI設計發(fā)展史

3.UI設計風格

4.實例-2D線性icon

5.實例-3D擬物化icon

第二章：UI設計的分類及設計原則

6.UI設計的分類

7.實例-2D塊面icon

8.UI設計的基本原則

9.位圖與矢量圖的優(yōu)缺點

10.實例-2D像素icon

11.實例-2*5D icon

第三章：常見的UI設計頁面布局

12**eb端常用字體字號

13**eb端分辨率及主視覺區(qū)域

14.資訊類Web端頁面布局

15.實例：資訊類Web設計

16.社交類Web端頁面布局

17.實例：社交類Web設計

18.電商類Web端頁面布局

19.實例：電商類Web設計

第四章：UI設計規(guī)范解析

20.網(wǎng)頁切圖

21.網(wǎng)頁UI設計規(guī)范

第五章：移動端UI設計必備知識點

22.移動端常用字體字號

23.像素與像素密度

24. 分辨率與像素密度的關系

25*dp、sp與px的換算關系

26.系統(tǒng)與原生圖標控件的尺寸

27*UI設計的流程

第六章：移動端常見的UI設計頁面布局

28.頂部標簽(Tab)導航

第七章：花瓣APP設計項目實戰(zhàn)

29.實例：花瓣APP UI設計項目實戰(zhàn)-首頁UI設計

30.實例：花瓣APP UI設計項目實戰(zhàn)-影音UI設計

31.實例：花瓣APP UI設計項目實戰(zhàn)-小組UI設計

32.實例：花瓣APP UI設計項目實戰(zhàn)-集市UI設計

33.實例：花瓣APP UI設計項目實戰(zhàn)-我的UI設計

注：課程安排以實際授課內(nèi)容為準。