隨著互聯(lián)網(wǎng)的快速發(fā)展，社會對UI設計人才的需求越來越多。越來越多的人從事UI設計主胧，或者打算從事UI設計。在這一過程中徙垫，不管是參加培訓還是自學讥裤，相信每個UI設計師所應具備相應的技能和知識能力。設計夾經(jīng)常收到一些從事或者打算從事UI設計的小伙伴的問題姻报，今天就UI設計師怎么自學這個問題己英，小編收集整理了各種自學資源資源，希望對大家有所幫助吴旋。
首先损肛，我們來明確一下，什么是UI荣瑟？
所謂的UI是用戶界面（User interface）簡稱 治拿，泛指用戶的操作界面。用戶界面是一個比較廣泛的概念笆焰，指人和機器互動過程中的界面樣式劫谅，美觀程度。以手機為例嚷掠，手機上的界面都屬于用戶界面捏检，而設計這套界面視覺的人稱呼為UI設計師。
我們再來了解一下UI設計師的工作流程不皆。
1贯城、PM提出產(chǎn)品設計需求；
2霹娄、根據(jù)原型圖能犯，找素材，找感覺犬耻，構圖踩晶！
3、進行設計枕磁，輸出高保真的設計圖合瓢！
4、設計輸出透典，切圖＋標注晴楔，交付程序員！
了解完基本的概念和流程峭咒，我們正式進入主題税弃，以下部分將如何從技能學習，到相關知識獲取凑队，從設計資源獲取到尋找創(chuàng)意靈感等八個方面內(nèi)容全面地給你介紹一些設計資源则果，讓你在UI自學的道路上更便捷。
一漩氨、設計軟件
第一部分我們介紹下UI設計師常用的軟件西壮，包括PS、AI叫惊、Sketch款青、Ps Play、馬克鰻霍狰、C4D R17等抡草。
1.Photoshop——Adobe最為出名的圖像處理軟件之一
2.Adobe Illustrator?CC——
Adobe矢量繪圖的軟件
3.Sketch 3.7.2——全新矢量繪圖軟件
4.Ps Play 1.5 ——通過Wi-Fi,實時在終端設備上預覽電腦上的設計稿
5.馬克鰻——高效的設計稿標注、測量工具
6.C4D R17
—— 3D繪圖軟件蔗坯，有著強大的渲染插件
二康震、設計字體
1.iOS默認字體蘋方
2.Android默認字體思源簡體
3.Android默認字體思源繁體
4.110款UI設計師必備中文字體
5.精選300款字體
三、設計指南和規(guī)范整理集合
UI設計過程中宾濒，對各平臺的規(guī)范必須了解腿短，這是設計的依據(jù)，以下收集的是個平臺的設計規(guī)范绘梦，該集合包括不限于以下這些方面內(nèi)容：
具體鏈接：http://rrd.me/bpdQG
（一）橘忱、平臺系統(tǒng)設計指南：
iOS 10人機界面指南（中文）
iOS 10人機界面設計指南 (一)
iOS 10人機界面設計指南 (二)
iOS 10人機界面設計指南 (三)
iOS 10人機界面設計指南 (四)
l?iOS 10人機界面設計指南（英文原版）
IOS 9人機界面指南（中文）
iOS 9人機界面指南(一)：UI設計基礎（ISUX譯）
iOS 9人機界面指南(二)：設計策略（ISUX譯）
iOS 9人機界面指南(三)：iOS 技術 (上)（ISUX譯）
iOS 9人機界面指南(三)：iOS 技術 (下)（ISUX譯）
iOS 9人機界面指南(四)：UI元素（ISUX譯）
iOS 9人機界面指南(五)：圖標與圖形設計（ISUX譯）
iOS和Android的app界面設計規(guī)范
APPLE WATCH人機界面指南
Apple Watch人機界面設計指南（中文）
Apple Watch人機界面設計指南（英文原版）
APPLE TV 人機界面指南
Apple TV 人機界面指南（中文）
Apple TV 人機界面指南（英文原版）
GOOGLE設計指南
Google視覺資產(chǎn)指南-上（中文）
Google視覺資產(chǎn)指南-下（中文）
Google Material Design 中文版
Goolgle Material Design（英文原版）
中文版 GitHub 倉庫
Material Design人機界面指南深度解析（中文）
Android Watch人機界面指南（中文）
iOS和Android的app界面設計規(guī)范（中文）
（二）、國內(nèi)各大企業(yè)設計規(guī)范&觀點
阿里巴巴用戶體驗專家告訴你谚咬，如何建立用戶體驗規(guī)范鹦付？
天貓視覺設計規(guī)范
螞蟻金服體驗技術部ANT Design設計規(guī)范
淘寶網(wǎng)設計規(guī)范及設計禁忌
京東APP設計視覺規(guī)范iOS完整版參考
騰訊應用寶UI設計規(guī)范
騰訊網(wǎng)Web頁面設計規(guī)范 / PDF文檔閱讀
騰訊CDC關于紅綠燈與設計規(guī)范
微信移動UI設計規(guī)范
六步透視網(wǎng)易設計規(guī)范
網(wǎng)易設計規(guī)范網(wǎng)
大眾點評UED團隊的設計流程規(guī)范
搜狐設計師：一份超實用的設計規(guī)范制定指南
新浪網(wǎng)產(chǎn)品設計指南（含UI規(guī)范）
以《新浪微博》為例的安卓設計規(guī)范
（三）、設計師常用的設計規(guī)范
各平臺屏幕尺寸規(guī)范
跨平臺UI適配方法
H5頁面首屏高定位（瀏覽器版）
最新常用字體規(guī)范
其他設計規(guī)范/設計風格指南
（四）择卦、國內(nèi)開放平臺應用規(guī)范
微博開放平臺應用設計規(guī)范
騰訊開放平臺應用設計規(guī)范
百度開發(fā)者應用UI設計規(guī)范
360應用開放平臺體驗提升指南
四敲长、國外免費優(yōu)質(zhì)設計資源網(wǎng)站
此部分收集了國外優(yōu)質(zhì)的資源網(wǎng)站，不僅可以下載到優(yōu)質(zhì)的設計資源還能找到設計靈感秉继。
具體鏈接為：http://rrd.me/bpbRq
Dribbble 【優(yōu)質(zhì)免費資源】
Freebbble 【優(yōu)質(zhì)免費設計資源】
Graphic Burger 【設計資源】
Pixel Buddha 【職業(yè)設計資源】
Material Design UI Kit 【Google Material Design用戶界面設計工具】
Premium Pixels ?【創(chuàng)意工具及設計資源】
Fribbble 【Gilbert Pellegrom策展的PSD資源】
Freebiesbug 【PSD資源】
365 Psd 【PSD資源】
Dbf 【Dribbble Behance最佳免費設計資源】
Marvel 【手工制作的優(yōu)質(zhì)資源】
UI Space ?【著名設計師的免費資源】
Free Section of Pixeden 【免費設計資源】
Free Section of Creative Market 【限時免費優(yōu)質(zhì)設計資源】
Teehan+Lax 【DiOS 8 GUI PSD (iPhone 6)】
Teehan+Lax 【iPad GUI PSD】
Freepik 【免費圖像資源】
Tech&All 【設計資源與科技新聞】
Tethr 【最好看的IOS設計工具包】
五祈噪、視頻教程
軟件技能是UI設計的必要技能，下面推薦的一些教學視頻可以作為軟件入門的學習材料尚辑。以下教程都可以直接下載辑鲤。
李濤PS初級班教程
7天精通UI交互設計
李鳳輝UI設計教程
AI CS5初級視頻教程
六、國內(nèi)設計博客
自學UI設計開始的時候可以多逛逛國內(nèi)一些優(yōu)秀的設計博客杠茬，月褥，以下推薦的這些就是國內(nèi)比較好的互聯(lián)網(wǎng)設計團隊的所創(chuàng)建的一些博客弛随。
網(wǎng)秦UEC：http://uec.nq.com
百度MUX：http://mux.baidu.com
暢游CDC：http://vc.changyou.com
騰訊MXD：http://mxd.tencent.com
騰訊CDC：http://cdc.tencent.com
騰訊ISUX：http://isux.tencent.com
騰訊UED：http://ued.qq.com
攜程UED：http://ued.ctrip.com
百度UED：http://ued.baidu.com
網(wǎng)易UEDC：http://uedc.163.com
七、免費圖庫
MaterialUp—— 每日 Material Design 設計案例宁赤；
Pexels—— 集中了最好的免費圖片舀透；
All The Free Stock—— 免費的圖片，圖標决左，和視頻愕够；
Designers Pics—— 免費提供個人及商業(yè)用途圖片；
Splashbase—— 搜索和發(fā)現(xiàn)免費高清圖片及視頻佛猛；
Startup Stock Photos—— 免費提供個人及商業(yè)用途圖片惑芭；
Jay Mantri—— 可用于任何用途的免費圖片（無版權）；
Travel Coffee Book—— 分享美好的旅行時刻继找；
Unsplash—— 免費（定制）高清圖片遂跟；
Death yo the Stock Photo—— 每個月將免費圖片發(fā)送給你；
Free Nature Stock——免費個人和商業(yè)使用码荔；
StockSnap——免費個人和商業(yè)使用漩勤；
Realistic Shots——每周更新7張免費圖片；
Barn Images——免費個人和商業(yè)使用缩搅；
PicJumbo——提供各種免費的照片越败，不需要注冊；
Life of Pix——提供免費高畫質(zhì)相片硼瓣，采用CC0 無著作權授權究飞；
Foter——提供3億張免費高清圖片；
八堂鲤、配色方案
圖片取色配色：https://www.design-seeds.com/blog/
色彩設計方法：http://rrd.me/bpbCC
色彩搭配思維：http://rrd.me/bpbFK
色彩設計層次：http://rrd.me/bpbGa
扁平化配色：http://color.koya.io/
在線漸變色：http://uigradients.com
MaterialDesign配色方案：http://rrd.me/bpbJf
以上就是小編所整理的一些優(yōu)質(zhì)資源亿傅，希望對大家有所幫助。
文中包含的軟件和字體都可以下載瘟栖，在設計夾公眾號后臺回復“10”即可獲得下載鏈接葵擎。
