UI 設計課程大綱
Adobe XD 是一款功能強大的原型創建工具,利用該工具,您可以更快地將您的設計投入開發。用于 UI 和 UX 設計的快速、靈活的原型創建工具。Adobe XD 使客戶無需離開應用程序即可輕松獲得完整的交互體驗。 立即實現從基本的線框到精美的設計的轉變。使用矢量繪圖工具、顏色、字符樣式、網格、參考線等定義用戶界面的外觀。本套課程由阿邦老師帶領大家結合實際案例學會Adobe XD這套軟件提高在ui設計中的工作效率 .
第一章:視圖布局與試圖操作
1:界面布局&工作區變換操作
2:輔助對象
3:軟件窗口
第二章:工具詳解
4:移動選擇工具&復制、選擇技巧
5:矩形工具與屬性面板
6:屬性面板補充
7:橢圓、三角形、直線創建方法
8:鋼筆工具&XD、AI、PS協同
9:文字工具&畫板工具
10:案例線性ICON繪制
11:案例組件繪制與調取(演示后面章節還有更詳細的)
第三章:XD研究對象
12:對象變換操作與相應技巧
13:對齊分布&測量
14:路徑、形狀與布爾運算
15:布爾運算案例講解以及實戰中可能會遇到的問題解析
16:XD圖層的基礎操作
17:顏色與字符樣式資源的創建與應用 -上
18:顏色與字符樣式資源的創建與應用 - 下
19:蓄能量-案例之組件制作-上
20:蓄能量-案例之組件制作-下
21:界面案例
22:最后的優化與調整&重復網格的高級玩法
23:對象編輯常用命令
24:adobe庫詳解
第4章:交互原型與分享
24:彈窗與滑動
25:卡片刪除
26:浮動按鈕動效
27:banner的三種實現方法
28:遮罩動畫與錨點動畫&原型分享
29:通過滑塊控制圖表(柱形、圓環)
第五章:文件管理
30:導入導出與庫
31:多人協作,提高工作效率
想從事UI設計行業的零基礎學員、平面設計師/網頁設計師/視覺設計人員轉行、工作1年左右基礎較為薄弱的UI設計師。學完課程可以讓你們熟練掌握UI設計基礎理論,UI設計的基礎知識點,了解如何繪制icon圖標,APP界面設計,PC端網頁UI設計及UI設計規范等方面的知識,帶你從零基礎小白到設計達人的飛躍!達到市面上對UI設計師的招聘標準,直接提升就業競爭力。
第一章:UI設計的概念及發展史
1.什么是UI設計?2.UI設計發展史
3.UI設計風格
4.實例-2D線性icon
5.實例-3D擬物化icon
第二章:UI設計的分類及設計原則
6.UI設計的分類
7.實例-2D塊面icon
8.UI設計的基本原則
9.位圖與矢量圖的優缺點
10.實例-2D像素icon
11.實例-2.5D icon
第三章:常見的UI設計頁面布局
12.Web端常用字體字號
13.Web端分辨率及主視覺區域
14.資訊類Web端頁面布局
15.實例:資訊類Web設計
16.社交類Web端頁面布局
17.實例:社交類Web設計
18.電商類Web端頁面布局
19.實例:電商類Web設計
第四章:UI設計規范解析
20.網頁切圖
21.網頁UI設計規范
第五章:移動端UI設計必備知識點
22.移動端常用字體字號
23.像素與像素密度
24. 分辨率與像素密度的關系
25.dp、sp與px的換算關系
26.系統與原生圖標控件的尺寸
27.UI設計的流程
第六章:移動端常見的UI設計頁面布局
28.頂部標簽(Tab)導航
第七章:花瓣APP設計項目實戰
29.實例:花瓣APP UI設計項目實戰-首頁UI設計
30.實例:花瓣APP UI設計項目實戰-影音UI設計
31.實例:花瓣APP UI設計項目實戰-小組UI設計
32.實例:花瓣APP UI設計項目實戰-集市UI設計
33.實例:花瓣APP UI設計項目實戰-我的UI設計




