相信有很多想入行UI設計的同學，都比較困擾，網上的教程又多有雜不知道從哪裏開始下手，先學哪個再學哪個 ，學到什麼程度，有很多同學看到我發的300集ps視頻教程後，私信我，問我有沒有整套的資源，可以分享一下，然後我就花費了幾天時間整理，非常適合零基礎小白入門的UI設計自學教程，內含（教程+工具+面試技巧），希望對自學的同學能有所幫助。
一，首先我們先看下UI設計的學習路線圖，非常適合無處下手的小白 。
二.2021年最新UI學習路線圖---各階段配套視頻推薦
第一階段：PS軟件基礎
Photoshop零基礎到精通
配套視頻：
黑馬程序員Photoshop零基礎到精通【大概是“顏值”最高的課程】嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1Cr4y1T7eu
資料鏈接：https://pan.baidu.com/s/1ItkqcBAX7m3DDp-EabWQWA
提取碼：2tl6
第二階段：AI軟件基礎
配套視頻:
[ui設計師必學軟件，零基礎入門illustratorwww.bilibili.com/video/BV1gg4y187MQ
資料鏈接：配套資料：https://pan.baidu.com/s/1mq5591CPNo5Lk4uat8X52Q
提取碼：g9m8
第三階段：創意手繪
配套視頻+資料
https://pan.baidu.com/s/15M4QeRlC4R7zKMRfDEP59w
第四階段：設計進階
配套資料：https://pan.baidu.com/s/1BUNHRxM4gr4Jphxu3qtyyw
提取碼：17uv
配套資料：https://pan.baidu.com/s/1yj84ZI4CKC1dLenW96pXsA
提取碼：z3co
第五階段：平面設計
配套資料：https://pan.baidu.com/s/1kWqenDP
提取碼：9e5m
第六，七階段：商業攝影+電商設計
電商創意廣告設計視頻教程 ：
https://pan.baidu.com/share/init?surl=Uh7IGnQwpXhLjza87Byokw
提取碼：jo1m
電商廣告創意設計：<u style="text-decoration: none; border-bottom: 1px dashed rgb(128, 128, 128);">https://pan.baidu.com/s/1dFvFl1v</u>
電商設計實戰：<u style="text-decoration: none; border-bottom: 1px dashed rgb(128, 128, 128);">https://pan.baidu.com/s/1i5RLLDN</u>
第八階段：C4D三維設計
UI設計師必會的C4D入門教程，CINEMA 4D入門教程_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1sC4y1x7oz
配套資料：https://pan.baidu.com/s/1boaxOURcLRDPOuhnq0_uSw
提取碼：edtt
C4D三維軟件基礎入門精品教程
完整視頻：C4D三維軟件基礎入門精品教程
配套資料：https://pan.baidu.com/s/1EGOyrItTq0r2Ayyxh2nXBg
提取碼：dbm0
C4D製作百度閃屏廣告【素材+筆記】
第九階段：UI設計
ui設計基礎教程輕鬆入門CorelDRAW
ui設計基礎教程輕鬆入門CorelDRAW_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1h64y1T78X
UI基礎教程視頻：<u style="text-decoration: none; border-bottom: 1px dashed rgb(128, 128, 128);">https://pan.baidu.com/s/1dBvraQ</u>
UI實戰教程 ：<u style="text-decoration: none; border-bottom: 1px dashed rgb(128, 128, 128);">https://pan.baidu.com/s/1c3IIL8k</u>
Axure交互設計教程視頻：<u style="text-decoration: none; border-bottom: 1px dashed rgb(128, 128, 128);">https://pan.baidu.com/s/1xhHRiO54kqlvhLVTHI7ZfA</u>
規範化掌握APP項目UI設計實戰：
UI教程丨規範化掌握APP項目UI設計實戰_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1cD4y1D7R1
配套資料：https://pan.baidu.com/s/1evYqt57BM3ZIwIbatM4TAQ
提取碼：1o3z
第十階段：網頁設計
網頁設計實戰：https://pan.baidu.com/s/1i5RLLDN
網頁設計與配色：https://pan.baidu.com/s/1kU6cbAn
從0到1帶你掌握企業級網站設計：
從0到1帶你掌握企業級網站設計_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1Bi4y137Lw
第十一階段：數據可視化設計（視頻待更新。。。）
第十二階段：AE動效
AE動效：
黑馬程序員AE入門教程快速使用AE製作移動端界面交互動效_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV12X4y1P7Fq
資料鏈接：https://pan.baidu.com/s/1gmX033WgQIaW2GWN53k7iQ
提取碼：t91t
玩轉AE特效：
玩轉AE特效_www.bilibili.com/video/BV1pT4y1G79Atarget=https%3A//www.bilibili.com/video/BV1pT4y1G79A)
配套資料：https://pan.baidu.com/s/1MhlGFtFzkUecrixhCTVRBg
提取碼：1eho
第十三階段：PR後期
從零開始成爲剪輯師之路：
從零開始成爲剪輯師之路_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1Bt41187X9
配套資料：https://pan.baidu.com/s/1n51huZxVSf0et2PDuB9aag
提取碼：956z
三,2021年UI設計學習必備軟件
UI/UE設計配套工具（打包):
https://pan.baidu.com/share/init?surl=DnRdqKfwai5ZJJ7J1vyWWQ
四.2021年UI設計學習面試題視頻推薦
UI設計師職業規劃系列課（簡歷、作品、面試）:
UI設計師職業規劃系列課（簡歷、作品、面試）_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1qz411i7Xp
系統化解析UI設計概念:
2020系統化解析UI設計概念_嗶哩嗶哩 (゜-゜)つロ 乾杯~-bilibiliwww.bilibili.com/video/BV1VK411J7eK
