學(xué)習(xí)目標(biāo)

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

課程內(nèi)容：

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

1.什么是UI設(shè)計？

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

3.UI設(shè)計風(fēng)格

4.實例-2D線性icon

5.實例-3D擬物化icon

第二章：UI設(shè)計的分類及設(shè)計原則

6.UI設(shè)計的分類

7.實例-2D塊面icon

8.UI設(shè)計的基本原則

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

10.實例-2D像素icon

11.實例-2*5D icon

第三章：常見的UI設(shè)計頁面布局

12**eb端常用字體字號

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

14.資訊類Web端頁面布局

15.實例：資訊類Web設(shè)計

16.社交類Web端頁面布局

17.實例：社交類Web設(shè)計

18.電商類Web端頁面布局

19.實例：電商類Web設(shè)計

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

20.網(wǎng)頁切圖

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

第五章：移動端UI設(shè)計必備知識點

22.移動端常用字體字號

23.像素與像素密度

24. 分辨率與像素密度的關(guān)系

25*dp、sp與px的換算關(guān)系

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

27*UI設(shè)計的流程

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

28.頂部標(biāo)簽(Tab)導(dǎo)航

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

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

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

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

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

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

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