學習目標
主要講述UI設(shè)計的基礎(chǔ)知識點，了解如何繪制icon圖標，APP界面設(shè)計，PC端網(wǎng)頁UI設(shè)計及UI設(shè)計規(guī)范等內(nèi)容。課程中用了十五個實例進行實操演示，主要講解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è)計風格
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)與原生圖標控件的尺寸
27*UI設(shè)計的流程
第六章：移動端常見的UI設(shè)計頁面布局
28.頂部標簽(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)容為準。
魯公網(wǎng)安備37061302000010號
在線客服
預(yù)約試聽