本文涵蓋UI人必上雾棺、必備工具膊夹、在線工具、捌浩；靈感酷站放刨、H5生成、網站小工具尸饺、設計規(guī)范进统、網頁設計、圖標參考浪听、APP界面參考螟碎、國內頂尖團隊、免版權圖庫迹栓、配色工具抚芦、主題指南十四類工具導航，有需要的自取迈螟。

一叉抡、UI人必上：

1、站酷網（中國最好的設計平臺答毫，設計師互動平臺）https://www.zcool.com.cn/褥民；

2、UI中國（專業(yè)用戶體驗設計平臺）https://www.ui.cn/洗搂；

3消返、Dribbble（藝術作品的交流網站）https://dribbble.com/；

4耘拇、Behance（全球設計師作品展示平臺）https://www.behance.net/撵颊；

5、Arestation（設計網站中的A站）https://www.artstation.com/惫叛；

6倡勇、花瓣網（創(chuàng)意靈感天堂，探索嘉涌、發(fā)現設計靈感）https://huaban.com/妻熊；

7、Collectui（每日UI設計靈感）http://collectui.com/仑最；

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

9警医、Uwhtml平臺（國內新興的設計平臺）http://www.uehtml.com/亿胸；

10坯钦、優(yōu)設網（國內優(yōu)秀的設計師學習平臺,擁有海量優(yōu)質設計文章,包含了PS教程,AI教程,UI設計,網頁設計,排版教程等）https://www.uisdc.com/；

11侈玄、UI8（雖然收費婉刀，但是不得不看的網站）https://ui8.net/；

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

13溯街、IOS圖標庫（真的必須看一下啦）https://www.iosicongallery.com/诱桂；

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

二挥等、UI人必備工具：

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

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

3郭宝、Mockuphone（快速生成各型號設備模型圖）https://mockuphone.com/#ios辞槐；

4、Sketch中國（Mac端專注于UI設計+原型圖工具）https://www.sketch.com/粘室；

5榄檬、Sketch中文網（讓UI設計更簡單，更高效）http://www.sketchcn.com/衔统；

6鹿榜、Principle（Mac平臺交互動效設計神器）https://principleformac.com/；

7锦爵、藍湖（一鍵共享產品文檔神器）https://lanhuapp.com/prd

8舱殿、Cutterman（實時預覽Ps/Sketch/xd中的設計稿）http://www.cutterman.cn/zh；

9险掀、eagle（設計師圖片管理工具）https://cn.eagle.cool/沪袭；

三、在線工具類樟氢；

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

2嗡害、Cloudconvent（在線任意轉換圖片格式）https://cloudconvert.com/焚碌；

3、Biteable（最簡單的在線動畫制作工具）https://biteable.com/霸妹；

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

5、Processon（免費在線作圖鹃骂，實時協作）https://www.processon.com/台盯；

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

7静盅、制作icon圖標（在線制作ico圖標）http://www.bitbug.net/；

8寝殴、字由（設計師必備字體利器）http://www.hellofont.cn/蒿叠；

9、Photomosh（快速生成故障風格）https://photomosh.com/蚣常；

10市咽、Sketch轉PSD（Sketch轉PSD）https://www.photopea.com/；

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

12、JPG轉PDF（做作品可以用）https://smallpdf.com/cn/jpg-to-pdf贞绳；

四谷醉、靈感酷站類；

1冈闭、CSS Design Awards（歐美網站設計參考）https://www.cssdesignawards.com/俱尼；

2、4db（日本網頁設計參考）http://4db.cc/拒秘；

3号显、Hovertart（Web交互動畫欣賞）https://hoverstat.es/；

4躺酒、FWA（高水準的互動網站案例）https://thefwa.com/押蚤；

5、io 3000（日本網頁畫廊羹应，更新快無廣告）https://io3000.com/揽碘；

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

7雳刺、Inspirationde（類似花瓣/Pinterest，作品少質量高）https://www.inspirationde.com/裸违；

8掖桦、Logopond（Logo設計靈感來源）https://logopond.com/；

9供汛、Bestwebsite（設計感——有沒設計網站搜羅）https://bestwebsite.gallery/枪汪；

五涌穆、H5生成：

1、Maka（免費H5頁面制作）http://maka.im/H5.html雀久；

2宿稀、兔展（免費制作PPT一樣制作H5）https://www.rabbitpre.com/；

3赖捌、易企秀（H5場景應用制作工具）http://www.eqxiu.com/祝沸；

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

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

6嘹吨、人人秀（一個很不錯的H5平臺）https://rrx.cn/搬味；

7、epub360（老牌H5設計工具蟀拷，支持PSD）https://www.epub360.com/碰纬；

8、Ih5（國內的H5神器）https://www.ih5.cn/not-logged-in问芬；

9悦析、H5案例（H5案例，沒靈感的時候可以看看）https://www.h5anli.com/此衅；

六强戴、網站小工具：

1、1stwebdesigner（網頁設計與開發(fā)）https://1stwebdesigner.com/挡鞍；

2骑歹、Uxpin（在線UI/UX設計工具）https://www.uxpin.com/；

3墨微、Webflow（誰都能用的強大建站工具）https://webflow.com/道媚；

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

七最域、設計規(guī)范：

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

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

3忘伞、HIG（蘋果官方設計規(guī)范）https://www.logosc.cn/https://www.logosc.cn/薄翅；

八钞馁、網頁設計：

1、FWA（這是一個世界性的網站推薦站）https://thefwa.com/匿刮；

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

3、thebestdesigns（最好的網頁設計展）https://www.thebestdesigns.com/熟丸；

4训措、暴雪娛樂（游戲網站第一站）https://www.blizzard.com/；

5光羞、GE官網（適合大中型企業(yè)學習）https://www.ge.com/绩鸣；

6、louisansa（louisansa個人設計站）http://louisansa.com/纱兑；

7呀闻、verticalparis（verticalparis工作室官網）http://www.verticalparis.com/en；

8潜慎、Igoodi（Igoodi官網捡多，太霸氣了）https://www.igoodi.eu/en/who；

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

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

11、aquest（aquest官網）https://www.aquest.it/it/projects/fornasetti鳖悠；

九榜掌、圖標參考：

1、iconfinder（找圖標必備網站）https://www.iconfinder.com/乘综；

2憎账、conmonstr（圖標怪獸，非常好用）https://iconmonstr.com/瘾带；

3鼠哥、iconfont（阿里巴巴出品的圖標庫）https://www.iconfont.cn/；

4看政、app-icons（做APP圖標沒靈感時必看）https://app-icons.net/朴恳；

十、APP界面參考：

1允蚣、pttrns（圖標界面截圖最全網站）https://www.pttrns.com/于颖；

2、mobile-patterns（比上面網速更快的站點）https://www.mobile-patterns.com/嚷兔；

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

4、uimovement（UI界面動效參考）https://uimovement.com/同衣；

5竟块、freshdesign（動效參考最佳網站）https://freshdesign.io/；

6耐齐、前端動效大全（有前端最全的動效庫）http://fff.cmiscm.com/#!/main浪秘；

7、動效周期表（太酷了吧埠况，動效怎么能不看這個耸携？）http://foxcodex.html.xdomain.jp/；

十一辕翰、國內頂尖團隊：

1夺衍、騰訊CDC團隊（騰訊頂尖團隊CDC）https://cdc.tencent.com/；

2喜命、騰訊網UED（騰訊出色的設計團隊）https://ued.qq.com/沟沙；

3、騰訊ISUX團隊（主要負責移動端等設計）https://isux.tencent.com/渊抄；

4尝胆、騰訊TGIDEAS團隊（負責游戲包裝盒設計策劃等）https://tgideas.qq.com/丧裁；

5护桦、搜狐暢游VC（搜狐負責包裝盒延展設計團隊）http://vc.changyou.com/；

6煎娇、阿里巴巴國際設計團隊（負責海外業(yè)務設計等）http://www.aliued.com/二庵；

7、Google設計團隊（世界知名團隊）https://design.google.com/缓呛；

8催享、360UXC（負責360業(yè)務相關設計）http://uxc.#/；

9哟绊、alloyteam（騰訊前端知名團隊）http://www.alloyteam.com/因妙；

10、阿里媽媽MUX（負責阿里媽媽業(yè)務設計）http://mux.alimama.com/票髓；

11攀涵、百度EUX（百度企業(yè)產品設計）http://eux.baidu.com/；

12洽沟、百度用戶體驗中心（百度知名團隊MUX）http://mux.baidu.com/以故；

十二、免版權圖庫：

1裆操、Unsplash（最保險最安全的免版權圖片庫）https://unsplash.com/怒详；

2炉媒、拍信（國產圖庫昆烁，有免費有收費的哦）https://v.paixin.com/popular吊骤；

3、Pixabay（很多免費商用圖片庫）https://pixabay.com/静尼；

4水援、Gratisography（同樣有很多免費資源的圖庫）https://gratisography.com/；

5茅郎、Pexels（免費商用免費圖庫）https://www.pexels.com/蜗元；

6、Wallhaven（免費壁紙?zhí)焯镁W站）https://wallhaven.cc/系冗；

7奕扣、Vactualpapers（同樣免費商用版權網站）https://www.vactualpapers.com/；

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

9、站酷海洛（圖庫非潮己Γ靠譜楷兽，而且價格低廉哦）https://www.hellorf.com/video?utm_source=video_zcool；

十三华临、配色工具：

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

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

3、Colorfavs（色彩粉絲網）http://www.colorfavs.com/扶供；

4筛圆、Colourlovers（傻瓜都會用的配色網站）https://www.colourlovers.com/；

5椿浓、materialui（做安卓設計必須看一下啦）https://www.materialui.co/太援；

6、uigradients（UI漸變色不會調扳碍？快來看這個疤岵怼）https://uigradients.com/#Aubergine；

7左腔、Cookors（非常好用的配色網站）https://coolors.co/browser/latest/1唧垦；

8、Materialpalette（安卓MD設計必備）https://www.materialpalette.com/液样；

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

十四、主題指南：

1坊秸、小米主題設計站（做小米主題就看這個啦）http://designer.xiaomi.com/麸祷；

2、搜狗輸入法開放平臺（做搜狗的設計就要看這個）https://open.shouji.sogou.com/褒搔；

3阶牍、魅族FLYME（魅族主題市場）http://open.flyme.cn/；

4星瘾、OPPO開放平臺（給Oppo做主題走孽？來吧）https://open.oppomobile.com/service/distribute#id=3。