哈爾濱新媒體UI創(chuàng)意設(shè)計(jì)師培訓(xùn)

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

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

課程內(nèi)容：

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

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

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

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

4.實(shí)例-2D線性icon

5.實(shí)例-3D擬物化icon

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

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

7.實(shí)例-2D塊面icon

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

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

10.實(shí)例-2D像素icon

11.實(shí)例-2*5D icon

第三章：常見(jiàn)的UI設(shè)計(jì)頁(yè)面布局

12**eb端常用字體字號(hào)

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

14.資訊類Web端頁(yè)面布局

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

16.社交類Web端頁(yè)面布局

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

18.電商類Web端頁(yè)面布局

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

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

20.網(wǎng)頁(yè)切圖

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

第五章：移動(dòng)端UI設(shè)計(jì)必備知識(shí)點(diǎn)

22.移動(dòng)端常用字體字號(hào)

23.像素與像素密度

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

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

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

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

第六章：移動(dòng)端常見(jiàn)的UI設(shè)計(jì)頁(yè)面布局

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

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

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

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

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

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

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

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