學習目標
主要講述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)容為準。