想學(xué)習(xí)UI不知道如何入手？

已經(jīng)入門不知道如何提升？

遇到UI瓶頸不知道怎么突破？

深知大家的苦衷，本次整理了UI資源合輯，真正幫助大家提升UI設(shè)計(jì)能力！~

什么是UI？

UI是用戶界面（User interface）簡(jiǎn)稱 ，用戶界面是一個(gè)比較廣泛的概念，指人和機(jī)器互動(dòng)過(guò)程中的界面，以手機(jī)為例，手機(jī)上的界面都屬于用戶界面，而設(shè)計(jì)這套界面視覺(jué)的人稱呼為UI設(shè)計(jì)師。

工作流程？

1. PM提出設(shè)計(jì)需求！
2. 根據(jù)原型圖，找素材，找感覺(jué)，構(gòu)圖！
3. 進(jìn)行設(shè)計(jì)，輸出高保真的設(shè)計(jì)圖！
4. 設(shè)計(jì)輸出，切圖＋標(biāo)注，交付程序員！

1.設(shè)計(jì)軟件、插件

Adobe CC 2018 系列軟件

請(qǐng)前往Adobe官網(wǎng)：https://www.adobe.com/自行下載安裝，謝謝

Sketch 50.2最新版軟件+漢化包：

鏈接：
https://pan.baidu.com/s/1GQGdXV0k_azV6yS9wrWf4w 密碼：zypo

Axure 8.0 Win+Mac版+漢化包

鏈接：
http://pan.baidu.com/s/1i4UbSOH 密碼：wpe6

C4D R18 Win+Mac版

鏈接：
https://pan.baidu.com/s/1eRVZ618

PS插件大集合

鏈接：
https://pan.baidu.com/s/1b7pCUM 密碼：uzlj

C4D插件大集合

鏈接：
http://pan.baidu.com/s/1slRZWz7 密碼：256i

Microsoft Office 2013 32+64位 win版

鏈接：
http://pan.baidu.com/s/1boEFi15 密碼：skev

Microsoft Office 2016 for Mac 版

鏈接：
http://pan.baidu.com/s/1pLHoFGZ 密碼：2eei

ICON切圖一鍵輸出插件

鏈接：
https://pan.baidu.com/s/1jIxFpcy

摹客iDoc PS+Sketch+Adobe XD——智能標(biāo)注、切圖、交互原型神器 （虎牙柒強(qiáng)推）

鏈接:
https://idoc.mockplus.cn/idoc/?hmsr=trista

功能介紹（含福利）：

https://mp.weixin.qq.com/s/vqVqTX4desQyKDZ34pKFew

Cutterman PS+Sketch版——切圖神器

鏈接：
https://pan.baidu.com/s/1dEI1ySx

2.設(shè)計(jì)字體、圖書和樣機(jī)素材

100+個(gè)免費(fèi)可商用字體

鏈接：
https://pan.baidu.com/s/1mhAQP64

多款端午設(shè)計(jì)書法字體

鏈接：
https://pan.baidu.com/s/1slWrenN

12款手寫字體

鏈接：
https://pan.baidu.com/s/1pLrJRMN

全套HelveticaNeue系列字體

鏈接：
https://pan.baidu.com/s/1kURGKUN

多款海報(bào)設(shè)計(jì)字體

鏈接：
https://pan.baidu.com/s/1qX9jSpm

14款思源宋體

鏈接：
https://pan.baidu.com/s/1jIohX8U

設(shè)計(jì)師進(jìn)階必須圖書(共5.4G)

鏈接：
https://pan.baidu.com/s/1dEHglqx

iOS 11+iPhone 8/X GUI PSD+Sketch+XD源文件

鏈接：
https://pan.baidu.com/s/1gfpIQf5

iPhone 7 樣機(jī)PSD+Sketch源文件

鏈接：
https://pan.baidu.com/s/1dFtH9ol

精美的APP UI KIT展示模板

鏈接：
https://pan.baidu.com/s/1eSn9cEe

微信小程序PSD+Sketch+LOGO源文件

鏈接：
https://pan.baidu.com/s/1miqJG6G

APP界面設(shè)計(jì)規(guī)范

鏈接：
http://pan.baidu.com/s/1c1A5Rl2

3.設(shè)計(jì)網(wǎng)站推薦

1、國(guó)內(nèi)外設(shè)計(jì)網(wǎng)站推薦

Dribbble：https://dribbble.com

Patterns：http://ui-patterns.com

Behance：https://www.behance.net

Pinterest：https://www.pinterest.com

Appstorm：http://appstorm.net

UXmag：https://uxmag.com

Awards：http://cssdesignawards.com

Minicg：http://minicg.com

Pirations：http://www.iospirations.com

Wireframes：http://wireframes.linowski.ca

交互神器：http://fff.cmiscm.com

國(guó)內(nèi)酷站：http://cwd.68design.net

國(guó)外酷站：http://www.thefwa.com

日本酷網(wǎng)：http://4db.cc

日本平面：
https://jypg.net/works/popular

設(shè)計(jì)導(dǎo)航：http://www.tuyiyi.com/hao

德國(guó)酷站：
http://www.designmadeingermany.de

韓國(guó)酷站：http://www.gdweb.co.kr

安卓界面：
http://androidniceties.tumblr.com

波蘭酷站：
http://freszki.nowymarketing.pl

站酷網(wǎng)：http://www.zcool.com.cn

優(yōu)設(shè)網(wǎng)：http://www.uisdc.com

花瓣網(wǎng)：http://huaban.com

圖翼網(wǎng)：http://www.tuyiyi.com

UI中國(guó)：http://www.ui.cn

2、無(wú)版權(quán)圖庫(kù)資源網(wǎng)站

復(fù)古圖庫(kù)：http://www.raumrot.com

風(fēng)景圖庫(kù)：http://unsplash.com

黑白圖庫(kù)：http://magdeleine.co

美食圖庫(kù)：http://foodiesfeed.com

人物圖庫(kù)：http://picography.co

歐洲景觀：http://www.lifeofpix.com

綜合圖庫(kù)：
http://www.gratisography.com

日系圖庫(kù)：https://www.pakutaso.com

東京圖庫(kù)：http://www.tokyo-date.net

攝影圖庫(kù)：http://nos.twnsnd.co

http://superfamous.com

http://publicdomainarchive.com

http://www.gratisography.com

http://picjumbo.com/page/5

http://jaymantri.com

http://picjumbo.com

http://www.imcreator.com/free

http://deathtothestockphoto.com

http://pixabay.com

http://publicdomainarchive.com

http://www.photock.jp/category

http://www.tokyo-date.net

http://sozaing.com

http://www.pexels.com

3、插畫設(shè)計(jì)網(wǎng)址

http://apeonthemoon.com/

http://www.creativeboom.com/

http://www.itsnicethat.com/

http://www.folioart.co.uk

http://www.agent002.com/

http://illoday.com/

http://artand.cn/

http://www.imagezoo.com/index.asp

https://www.pixiv.net/

https://illustrationage.com/

http://abduzeedo.com/

4、設(shè)計(jì)導(dǎo)航推薦

中國(guó)設(shè)計(jì)網(wǎng)址導(dǎo)航：http://wz.cndesign.com/

騰訊設(shè)計(jì)導(dǎo)航：http://idesign.qq.com/#!index/feed

大獅搜索導(dǎo)航：http://p.bigbigwork.com

創(chuàng)造師導(dǎo)航：
http://www.chuangzaoshi.com/

牛大拿導(dǎo)航：http://www.niudana.com/

奇目設(shè)計(jì)師導(dǎo)航：http://www.qisumu.com/

設(shè)計(jì)師導(dǎo)航：http://www.foolo.cn/

SDC設(shè)計(jì)師網(wǎng)址導(dǎo)航：http://hao.uisdc.com/

設(shè)計(jì)導(dǎo)航：
http://hao.shejidaren.com/

前端設(shè)計(jì)導(dǎo)航：
http://nav.templatesy.com/

NAV80導(dǎo)航：http://nav80.com/

5、設(shè)計(jì)師輔助網(wǎng)站推薦

圖片壓縮：https://tinypng.com/

圖片壓縮網(wǎng)站：https://www.jpeg.io/

圖片壓縮不求人：點(diǎn)擊查看

轉(zhuǎn)PDF：
https://smallpdf.com/cn/compress-pdf

6、晶格化背景網(wǎng)站推薦

Trianglify：https://trianglify.io/

Owpolygonart：http://www.lowpolygonart.com/?page_id=2026

lowpoly：http://www.shejidaren.com/examples/tools/low-poly/

Wagerfield：http://matthew.wagerfield.com/flat-surface-shader/

7、國(guó)外免費(fèi)的圖片源站

http://freenaturestock.com/

http://isorepublic.com/

https://stocksnap.io/

https://visualhunt.com/

http://librestock.com/

http://pexels.com/

https://unsplash.com/

https://pixabay.com/

http://gratisography.com/

4.視頻教程

交互、UI 設(shè)計(jì)資源整理：

鏈接:
https://pan.baidu.com/s/1eSvLqwE 密碼: 4wxc

TVart C4D自學(xué)四部曲

鏈接：
https://pan.baidu.com/s/1nvyYnTf 密碼：i4de

AK大神AE學(xué)習(xí)教程

鏈接：
https://pan.baidu.com/s/1IqR56b9W7yPs3fPYs_CY3A 密碼：mfrh

梁景紅課程：色彩設(shè)計(jì)法則

鏈接：
https://pan.baidu.com/s/1InpjdNoHR3Hv0bfH4JjUOQ 密碼：ksa6

AI視頻學(xué)習(xí)教程

鏈接：
https://pan.baidu.com/s/1qYuk0De 密碼：nzw7

Adobe Flash教程

鏈接：
https://pan.baidu.com/s/1o85XPnc 密碼：w7zz

Axure從入門到精通教程

鏈接：
https://pan.baidu.com/s/1o79O4QY 密碼：4fxp

Adobe InDesign CC 入門基礎(chǔ)教程

https://pan.baidu.com/s/1mh8NBLY

李鳳輝UI設(shè)計(jì)教程

https://pan.baidu.com/s/1o7FtvfW

老賀Ps商業(yè)人物修片

https://pan.baidu.com/s/1mitYW2k

高志遠(yuǎn)設(shè)計(jì)視頻教程

https://pan.baidu.com/s/1gf4Y0QB

CorelDRAW平面精粹

https://pan.baidu.com/s/1gf1AFUN

5.寫在后面的話

好好學(xué)習(xí)，天天向上

這是真理