學(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ǔ)入門的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)。
魯公網(wǎng)安備37061302000010號(hào)
在線客服
預(yù)約試聽(tīng)