本文涵蓋UI人必上、必備工具、在線工具、；靈感酷站、H5生成、網(wǎng)站小工具、設(shè)計(jì)規(guī)范、網(wǎng)頁設(shè)計(jì)、圖標(biāo)參考、APP界面參考、國(guó)內(nèi)頂尖團(tuán)隊(duì)、免版權(quán)圖庫、配色工具、主題指南十四類工具導(dǎo)航，有需要的自取。

一、UI人必上：

1、站酷網(wǎng)（中國(guó)最好的設(shè)計(jì)平臺(tái)，設(shè)計(jì)師互動(dòng)平臺(tái)）https://www.zcool.com.cn/；

2、UI中國(guó)（專業(yè)用戶體驗(yàn)設(shè)計(jì)平臺(tái)）https://www.ui.cn/；

3、Dribbble（藝術(shù)作品的交流網(wǎng)站）https://dribbble.com/；

4、Behance（全球設(shè)計(jì)師作品展示平臺(tái)）https://www.behance.net/；

5、Arestation（設(shè)計(jì)網(wǎng)站中的A站）https://www.artstation.com/；

6、花瓣網(wǎng)（創(chuàng)意靈感天堂，探索、發(fā)現(xiàn)設(shè)計(jì)靈感）https://huaban.com/；

7、Collectui（每日UI設(shè)計(jì)靈感）http://collectui.com/；

8、Pinterest（洞見全球設(shè)計(jì)創(chuàng)意）https://www.pinterest.com/；

9、Uwhtml平臺(tái)（國(guó)內(nèi)新興的設(shè)計(jì)平臺(tái)）http://www.uehtml.com/；

10、優(yōu)設(shè)網(wǎng)（國(guó)內(nèi)優(yōu)秀的設(shè)計(jì)師學(xué)習(xí)平臺(tái),擁有海量?jī)?yōu)質(zhì)設(shè)計(jì)文章,包含了PS教程,AI教程,UI設(shè)計(jì),網(wǎng)頁設(shè)計(jì),排版教程等）https://www.uisdc.com/；

11、UI8（雖然收費(fèi)，但是不得不看的網(wǎng)站）https://ui8.net/；

12、求字體（不要在群里萬這是啥字體了）http://www.qiuziti.com/；

13、IOS圖標(biāo)庫（真的必須看一下啦）https://www.iosicongallery.com/；

14、deviantart（示用戶制作各種藝術(shù)品的在線社區(qū)）https://www.deviantart.com/；

二、UI人必備工具：

1、screensiz（在線查詢不同設(shè)備屏幕尺寸）http://screensiz.es/phone；

2、Sketch Plugins（Sketch官方插件中心）https://www.sketch.com/extensions/plugins/；

3、Mockuphone（快速生成各型號(hào)設(shè)備模型圖）https://mockuphone.com/#ios；

4、Sketch中國(guó)（Mac端專注于UI設(shè)計(jì)+原型圖工具）https://www.sketch.com/；

5、Sketch中文網(wǎng)（讓UI設(shè)計(jì)更簡(jiǎn)單，更高效）http://www.sketchcn.com/；

6、Principle（Mac平臺(tái)交互動(dòng)效設(shè)計(jì)神器）https://principleformac.com/；

7、藍(lán)湖（一鍵共享產(chǎn)品文檔神器）https://lanhuapp.com/prd

8、Cutterman（實(shí)時(shí)預(yù)覽Ps/Sketch/xd中的設(shè)計(jì)稿）http://www.cutterman.cn/zh；

9、eagle（設(shè)計(jì)師圖片管理工具）https://cn.eagle.cool/；

三、在線工具類；

1、Tinypng（在線壓縮png/jpg）https://tinypng.com/；

2、Cloudconvent（在線任意轉(zhuǎn)換圖片格式）https://cloudconvert.com/；

3、Biteable（最簡(jiǎn)單的在線動(dòng)畫制作工具）https://biteable.com/；

4、Trianglify（低多邊形生成工具）https://trianglify.io/；

5、Processon（免費(fèi)在線作圖，實(shí)時(shí)協(xié)作）https://www.processon.com/；

6、智圖壓縮圖片（高效優(yōu)質(zhì)的圖片優(yōu)化平臺(tái)）https://zhitu.isux.us/；

7、制作icon圖標(biāo)（在線制作ico圖標(biāo)）http://www.bitbug.net/；

8、字由（設(shè)計(jì)師必備字體利器）http://www.hellofont.cn/；

9、Photomosh（快速生成故障風(fēng)格）https://photomosh.com/；

10、Sketch轉(zhuǎn)PSD（Sketch轉(zhuǎn)PSD）https://www.photopea.com/；

11、超酷片頭生成（一鍵生成大片）https://panzoid.com/；

12、JPG轉(zhuǎn)PDF（做作品可以用）https://smallpdf.com/cn/jpg-to-pdf；

四、靈感酷站類；

1、CSS Design Awards（歐美網(wǎng)站設(shè)計(jì)參考）https://www.cssdesignawards.com/；

2、4db（日本網(wǎng)頁設(shè)計(jì)參考）http://4db.cc/；

3、Hovertart（Web交互動(dòng)畫欣賞）https://hoverstat.es/；

4、FWA（高水準(zhǔn)的互動(dòng)網(wǎng)站案例）https://thefwa.com/；

5、io 3000（日本網(wǎng)頁畫廊，更新快無廣告）https://io3000.com/；

6、Designspiration（用來篩選顏色來參考大神的作品配色）https://www.designspiration.net/；

7、Inspirationde（類似花瓣/Pinterest，作品少質(zhì)量高）https://www.inspirationde.com/；

8、Logopond（Logo設(shè)計(jì)靈感來源）https://logopond.com/；

9、Bestwebsite（設(shè)計(jì)感——有沒設(shè)計(jì)網(wǎng)站搜羅）https://bestwebsite.gallery/；

五、H5生成：

1、Maka（免費(fèi)H5頁面制作）http://maka.im/H5.html；

2、兔展（免費(fèi)制作PPT一樣制作H5）https://www.rabbitpre.com/；

3、易企秀（H5場(chǎng)景應(yīng)用制作工具）http://www.eqxiu.com/；

4、初頁（輕松制作HTML5頁面）http://www.ichuye.cn/；

5、百度H5（百度做的，怎么樣？試試看）https://h5.bce.baidu.com/；

6、人人秀（一個(gè)很不錯(cuò)的H5平臺(tái)）https://rrx.cn/；

7、epub360（老牌H5設(shè)計(jì)工具，支持PSD）https://www.epub360.com/；

8、Ih5（國(guó)內(nèi)的H5神器）https://www.ih5.cn/not-logged-in；

9、H5案例（H5案例，沒靈感的時(shí)候可以看看）https://www.h5anli.com/；

六、網(wǎng)站小工具：

1、1stwebdesigner（網(wǎng)頁設(shè)計(jì)與開發(fā)）https://1stwebdesigner.com/；

2、Uxpin（在線UI/UX設(shè)計(jì)工具）https://www.uxpin.com/；

3、Webflow（誰都能用的強(qiáng)大建站工具）https://webflow.com/；

4、Logosc（在線logo生成）https://www.logosc.cn/；

七、設(shè)計(jì)規(guī)范：

1、UI-design-spec（最新Android&ios設(shè)計(jì)尺寸規(guī)范）http://www.shejidaren.com/examples/tools/chichun/ui-design-spec.html；

2、小程序（微信小程序官方樣式庫）https://weui.io/；

3、HIG（蘋果官方設(shè)計(jì)規(guī)范）https://www.logosc.cn/https://www.logosc.cn/；

八、網(wǎng)頁設(shè)計(jì)：

1、FWA（這是一個(gè)世界性的網(wǎng)站推薦站）https://thefwa.com/；

2、awwwards（awwwards同樣推薦最好的Webdesign）https://www.awwwards.com/;

3、thebestdesigns（最好的網(wǎng)頁設(shè)計(jì)展）https://www.thebestdesigns.com/；

4、暴雪娛樂（游戲網(wǎng)站第一站）https://www.blizzard.com/；

5、GE官網(wǎng)（適合大中型企業(yè)學(xué)習(xí)）https://www.ge.com/；

6、louisansa（louisansa個(gè)人設(shè)計(jì)站）http://louisansa.com/；

7、verticalparis（verticalparis工作室官網(wǎng)）http://www.verticalparis.com/en；

8、Igoodi（Igoodi官網(wǎng)，太霸氣了）https://www.igoodi.eu/en/who；

9、5erue（我最喜歡的工作室）https://www.5erue.com/fr/；

10、fractalfantasy（我也不知道干啥的，反正很炫酷）https://fractalfantasy.net/#thirst；

11、aquest（aquest官網(wǎng)）https://www.aquest.it/it/projects/fornasetti；

九、圖標(biāo)參考：

1、iconfinder（找圖標(biāo)必備網(wǎng)站）https://www.iconfinder.com/；

2、conmonstr（圖標(biāo)怪獸，非常好用）https://iconmonstr.com/；

3、iconfont（阿里巴巴出品的圖標(biāo)庫）https://www.iconfont.cn/；

4、app-icons（做APP圖標(biāo)沒靈感時(shí)必看）https://app-icons.net/；

十、APP界面參考：

1、pttrns（圖標(biāo)界面截圖最全網(wǎng)站）https://www.pttrns.com/；

2、mobile-patterns（比上面網(wǎng)速更快的站點(diǎn)）https://www.mobile-patterns.com/；

3、pixeden（很多界面元素可供下載）https://www.pixeden.com/；

4、uimovement（UI界面動(dòng)效參考）https://uimovement.com/；

5、freshdesign（動(dòng)效參考最佳網(wǎng)站）https://freshdesign.io/；

6、前端動(dòng)效大全（有前端最全的動(dòng)效庫）http://fff.cmiscm.com/#!/main；

7、動(dòng)效周期表（太酷了吧，動(dòng)效怎么能不看這個(gè)？）http://foxcodex.html.xdomain.jp/；

十一、國(guó)內(nèi)頂尖團(tuán)隊(duì)：

1、騰訊CDC團(tuán)隊(duì)（騰訊頂尖團(tuán)隊(duì)CDC）https://cdc.tencent.com/；

2、騰訊網(wǎng)UED（騰訊出色的設(shè)計(jì)團(tuán)隊(duì)）https://ued.qq.com/；

3、騰訊ISUX團(tuán)隊(duì)（主要負(fù)責(zé)移動(dòng)端等設(shè)計(jì)）https://isux.tencent.com/；

4、騰訊TGIDEAS團(tuán)隊(duì)（負(fù)責(zé)游戲包裝盒設(shè)計(jì)策劃等）https://tgideas.qq.com/；

5、搜狐暢游VC（搜狐負(fù)責(zé)包裝盒延展設(shè)計(jì)團(tuán)隊(duì)）http://vc.changyou.com/；

6、阿里巴巴國(guó)際設(shè)計(jì)團(tuán)隊(duì)（負(fù)責(zé)海外業(yè)務(wù)設(shè)計(jì)等）http://www.aliued.com/；

7、Google設(shè)計(jì)團(tuán)隊(duì)（世界知名團(tuán)隊(duì)）https://design.google.com/；

8、360UXC（負(fù)責(zé)360業(yè)務(wù)相關(guān)設(shè)計(jì)）http://uxc.#/；

9、alloyteam（騰訊前端知名團(tuán)隊(duì)）http://www.alloyteam.com/；

10、阿里媽媽MUX（負(fù)責(zé)阿里媽媽業(yè)務(wù)設(shè)計(jì)）http://mux.alimama.com/；

11、百度EUX（百度企業(yè)產(chǎn)品設(shè)計(jì)）http://eux.baidu.com/；

12、百度用戶體驗(yàn)中心（百度知名團(tuán)隊(duì)MUX）http://mux.baidu.com/；

十二、免版權(quán)圖庫：

1、Unsplash（最保險(xiǎn)最安全的免版權(quán)圖片庫）https://unsplash.com/；

2、拍信（國(guó)產(chǎn)圖庫，有免費(fèi)有收費(fèi)的哦）https://v.paixin.com/popular；

3、Pixabay（很多免費(fèi)商用圖片庫）https://pixabay.com/；

4、Gratisography（同樣有很多免費(fèi)資源的圖庫）https://gratisography.com/；

5、Pexels（免費(fèi)商用免費(fèi)圖庫）https://www.pexels.com/；

6、Wallhaven（免費(fèi)壁紙?zhí)焯镁W(wǎng)站）https://wallhaven.cc/；

7、Vactualpapers（同樣免費(fèi)商用版權(quán)網(wǎng)站）https://www.vactualpapers.com/；

8、銳景創(chuàng)意（部分免費(fèi)部分收費(fèi)哦）http://www.originoo.com/ws/p.index.php；

9、站酷海洛（圖庫非?？孔V，而且價(jià)格低廉哦）https://www.hellorf.com/video?utm_source=video_zcool；

十三、配色工具：

1、Kuler（Adobe官方配色工具）https://color.adobe.com/zh/create；

2、日本傳統(tǒng)配色（特別好用而且超級(jí)好看）http://nipponcolors.com/；

3、Colorfavs（色彩粉絲網(wǎng)）http://www.colorfavs.com/；

4、Colourlovers（傻瓜都會(huì)用的配色網(wǎng)站）https://www.colourlovers.com/；

5、materialui（做安卓設(shè)計(jì)必須看一下啦）https://www.materialui.co/；

6、uigradients（UI漸變色不會(huì)調(diào)？快來看這個(gè)?。?a target="_blank">https://uigradients.com/#Aubergine；

7、Cookors（非常好用的配色網(wǎng)站）https://coolors.co/browser/latest/1；

8、Materialpalette（安卓MD設(shè)計(jì)必備）https://www.materialpalette.com/；

9、MD配色神器（同樣很好用的配色工具）https://material.colorion.co/；

十四、主題指南：

1、小米主題設(shè)計(jì)站（做小米主題就看這個(gè)啦）http://designer.xiaomi.com/；

2、搜狗輸入法開放平臺(tái)（做搜狗的設(shè)計(jì)就要看這個(gè)）https://open.shouji.sogou.com/；

3、魅族FLYME（魅族主題市場(chǎng)）http://open.flyme.cn/；

4、OPPO開放平臺(tái)（給Oppo做主題？來吧）https://open.oppomobile.com/service/distribute#id=3。