作者：王宇
連結：https://www.zhihu.com/question/20393170/answer/251847777
來源：知乎
著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。
作為一枚走在設計大牛路上的UI設計師，日常最多的事情就是打開網站汲取靈感。
除了國內外大家耳熟能詳的各大設計網站外，王宇老師把UI設計師日常使用頻率最高的各個類型網站做了一個整理，分成了每日必看篇，日常開眼篇，設計導航篇，icon篇，kit篇，設計規範篇，mockup篇，工具下載篇… 等等
通過這些網站，我們可以每天吸收到設計行業最新的行業動態、設計作品、創意靈感以及素材等等。
內容較多，建議先馬後看。（最後有彩蛋）
每日必看篇1，dribbble-追波
身為全球最大的UI設計論壇，融匯了全球最頂尖的設計大咖作品。
Dribbble的定義是「為設計師而展示和解答」（Show and tell for designers）。鼓勵創作者上傳個人的作品以及正在創作的作品。追波像是一條簡短的微博，設計師們可以隨時曬下自己在做什麼。
https://dribbble.com/
2，Behance
隸屬於Adobe旗下的一個作品展示網站。
Behance將自己定義為「展示與挖掘創意作品的領導平臺」。有人將它看作設計師的博客，分類詳細，內容廣泛，涵蓋網頁設計、互動設計、用戶界面/用戶體驗、攝影、工業設計等多題材的內容。上面各種精彩又新穎的內容總能給設計師帶來海量的設計靈感。
https://www.behance.net/
日常開眼篇1，站酷 (ZCOOL)
設計師互動平臺 - 打開站酷，發現更好的設計！
http://www.zcool.com.cn/
2，優閣網(UIGREAT)
優秀UI設計網
http://www.uigreat.com/
3，ZEALER
科技生活方式第一站
http://www.zealer.com/
4，互動中國
廣告設計及H5
http://www.damndigital.com/
5，NEXT
不錯過任何一個新產品
http://next.36kr.com/posts
6，Poweron
官方的自頻道-優酷視頻
http://i.youku.com/i/UNTEyNjQ5ODgw/navcustom?id=520358&spm=a2hzp.8244740.0.0
設計導航篇1，UI設計師導航網
優閣團隊傾情打造，包含了UI設計師最常用的網站合集。
http://so.uigreat.com/
2，創造獅導航
為創意工作者而設計
http://www.chuangzaoshi.com/
3，seeseed
無窮盡設計可能，不僅包括了設計師日常需要的網站，而且裡面還有每日一粒，播種者，我的種子，發覺其他有趣網站的功能。
https://www.seeseed.com/
4，牛大拿設計師導航
增加設計文章導讀，以及不用跳轉網站，直接站內搜索dribbble，behance，Pinterest，花瓣作品素材等的功能。
http://www.niudana.com/
icon篇1，iconfont
阿里媽媽MUX傾力打造的矢量圖標管理、交流平臺。設計師將圖標上傳到Iconfont平臺，用戶可以自定義下載多種格式的icon，平臺也可將圖標轉換為字體，便於前端工程師自由調整與調用。是現在最大的免費下載icon的網站之一，支持SVG，png，AI格式下載。
http://www.iconfont.cn/
2，easyicon
非常全面的icon下載
http://www.easyicon.net/
3，iconfinder
國外最早的icon下載網站
https://www.iconfinder.com/
4，icons8
國外最大的icon下載網站
https://icons8.com/
5，flaticon
扁平化圖標下載天堂
https://www.flaticon.com/
kit篇1，sketchim
最全面的sketch工具網站，主推kit，包含插件下載，視頻，手冊，快捷鍵等等。
http://sketch.im/
2，psddd
看到這個網站名字的格式就知道這是個跟追波有關的網站，網站裡面整理了所有在dribbble上傳設計附件的集合，包含PSD格式和sketch格式，十分常用的kit下載網站。
https://psddd.co/
3，madefordesigners
國外的免費kit下載網站
http://madefordesigners.com/
4，reeoo
最大的網頁設計，APP，icon等合集，只能瀏覽不能下載
http://reeoo.com/
5，uikit
名字就是這麼簡單粗暴，最直接的UIkit的下載網站。
http://www.uikit.me/
6，freebiesupply
免費的PSD，sketch素材下載
https://freebiesupply.com/free-sketch-ui-kits/page/3/
7，sketchappsources
最大最全的sketch素材下載庫，但是需要翻牆瀏覽。
https://www.sketchappsources.com/
8，ui8
無敵的來了，無敵的來了，無敵的來了！！！
全球最屌的KIT下載網站，最全面，最貼心，沒有之一的kit下載網站。
但是，裡面的kit需要花錢下載，而且還是美金，而且還死貴。推薦給土豪同學。
https://ui8.net/
設計規範篇1，UI Design Do’s and Don’ts
iOS官方設計規範。UI設計師的紅藍buff，跟產品經理撕逼專用，啪啪打產品經理臉神器。
https://developer.apple.com/design/tips/
2，Designing for iPhone X
蘋果公司手機尺寸的規範，同上一樣，撕逼神器。
https://developer.apple.com/design/
3，material design
谷歌官方的安卓設計規範，一定基礎上會增加對安卓界面的設計。
https://design.google.com/
4，microsoft，微軟的設計規範
雖然英雄遲暮，但是畢竟很多地方可以值得我們學習。
https://developer.microsoft.com/zh-cn/windows/apps/design
mockup篇1，Printable
最全的手機模板下載網站
http://sketchsheets.com/
2，Mockup Vectors
國外的各種展示模板下載網站
https://www.freepik.com/free-photos-vectors/mockup
3，Best Free Mockup
behance裡面的設計模板分享大神，最新最全的模板下載。
https://www.behance.net/collection/20880985/Best-Free-Mockup
4，mockupworld
分類最全的模板下載網站
https://www.mockupworld.co/
設計工具下載篇1，精品MAC應用分享
教你如何科學的使用軟體
http://xclient.info/
2，愛情守望者
沒錯就是愛情守望者，你沒聽錯，也是教你如何科學的使用軟體。
https://www.waitsun.com/
3，麥克叉
最早的科學使用軟體網站
https://www.macx.cn/
視頻下載篇1，savevideo
輸入你想要下載的視頻地址連結，點擊download。
http://savevideo.me/
2，clipconverter
同上一樣，輸入地址連結即可，可以選擇視頻格式，或只下載音頻。
http://www.clipconverter.cc/
UI動效篇1，Home - App Animations
點擊即可預覽動效的網站
http://www.appanimations.com/
2，Appealing
APP交互動效
http://app-ealing.com/
3，UI Movement
https://uimovement.com/
4，Animaticons
簡單的GIF動效
http://animaticons.co/?nsukey=ol7YfkJhOZ5OtyPIN131sEFHovlsVLJTlmj9vXjqY%2Fp8JFc7HXcH1q%2B1LafMIRt1xI2Aq9Chk%2FNEuIFS%2FrESNhLE7FUUaRr02l%2Bxt6coTxpLMiFbqQoxsubdHt8Wq2zizZgCW8qYSCjGbYubmI6x5jdSeamlG1vA6VAzLI%2FvDpcxXN9yJH3iqNBXB9a50n4c
5，http://loading.io
有趣的加載動畫動效網站
https://loading.io/
6，button Design Inspiration
有趣的按鈕動效網站
https://codemyui.com/tag/button/
7，codemyui
微交互參考
https://codemyui.com/
8，Principle Repo
動效軟體principle源文件下載網站
http://principlerepo.com/
9，PrincipleUX
同上一樣，也是principle源文件下載網站
http://principleux.com/
UI動效進階篇1，CocoaChina動效專題
真正懂動效，最全面的動效理論網站，深挖動效設計必看網站
http://www.cocoachina.com/special/appdesign/
2，uplabs
涵蓋ios android web的動效參考
https://www.uplabs.com/material
3，uimovement
更加精細的動效集合
https://www.uimovement.com/
4，Hollywood Camera Work
國外動效網站
https://www.hollywoodcamerawork.com/
靈感圖庫篇1，zoommyapp
圖片整理下載工具，自帶免費圖片網站集合
http://zoommyapp.com/
2，Unsplash
牆裂，牆裂，牆裂推薦的高清無版權圖片網站！！
https://unsplash.com/
3，Pexels
超級推薦，無版權
https://www.pexels.com/
4，Pixabay
免費圖片，隨意下載
https://pixabay.com/
5，500px
最出色的攝影社區
https://500px.com/
6，Flickr
快要死掉的雅虎公司旗下的收費圖庫，幫幫雅虎，今晚我們都是雅虎人。
https://www.flickr.com/explore
7，Instagram
不是讓你用來截圖發朋友圈的，不是讓你來單純玩裝逼社交的。
https://www.instagram.com/
8，Wallpapers
高清壁紙網站
https://alpha.wallhaven.cc/?nsukey=POBZOL4rVUf2rR4mLb7gp6LqzdPk3huDWdgaY3GHiKhHy%2BEZYCU3g8VVLY43oN9c9vlt%2FWwWQo%2FziaKhaGP%2FleE03mfvKWFNKFJXjjK4THlfcESIyKyxdPMWwPX5J5%2BdsBsZURC5SOZf8vu9PPJX39Vp8yoiwmRhHTtoZ%2FCH9m52c4ss0%2FkzepOtlWlmQwfN
9，GIPHY
全球最大的gif網站
https://giphy.com/entertainment
10，Mapbox
超強逼格地圖下載，再也不用截其他地圖應用的圖了。
https://www.mapbox.com/
11，Pinterest
Pinterest，花瓣網他爹，瀑布流的開山鼻祖，內容涉及建築、景觀、攝影、時裝、美食、音樂……
Pinterest是美國的一個圖片分享類社交網站，Pinterest（Pin+Interest），意為把自己感興趣的東西用圖釘釘在釘板（PinBoard）上，用戶可以按主題添加和管理自己的圖片收藏，並與好友分享，頁面底端自動加載無需翻頁的瀑布流功能，讓用戶不斷發現新圖片。Pinterest由美國加州帕羅奧多的一個名為Cold Brew Labs的團隊創辦於2011年，為用戶提供圖片的在線收藏和分享。Pinterest是繼facebook、twitter、tumblr之後，又一個受世界矚目的網站。
https://www.pinterest.com/
12，花瓣網
陪你做生活的設計師（發現、採集你喜歡的靈感、家居、穿搭、婚禮、美食、旅行、美圖、商品等）
http://huaban.com/
國外設計資訊篇1，Medium
世界上最大的最全面的設計師博客
https://medium.com/
2.InVision Blog
國外設計推薦博客
https://www.invisionapp.com/blog
3，Smashing Magazine
專業網頁/ UI設計/ 開發文章
https://www.smashingmagazine.com/
4，The Next Web
International technology news, business & culture
https://thenextweb.com/#.tnw_4k1Og0c1
國內設計資訊篇1，ifavart(辣椒醬)
最出色的視覺藝術分享
http://ifavart.com/index.html
2，少數派
高品質數字消費指南
https://sspai.com/
3，人人都是產品經理
產品經理、產品愛好者學習交流平臺
http://www.woshipm.com/
4，優設
優秀設計網站，最全的設計資訊
http://www.uisdc.com/
推薦設計公司篇1，ManvsMachine
國外頂級外包公司
http://mvsm.com/
2，eico
國內頂級設計網站
http://eicodesign.com/
3，INVES Design
北京因唯思設計
http://www.invesdesign.com/
4，MIUI
小米設計團隊
http://www.miui.com/
5，ZUI2.0
聯想設計團隊
http://www.zui.com/
6，09UI設計工作室
由小米UI設計師構成
http://www.09ui.com/
7，ARK
Design For Change
http://www.arkdesign.cn/
8，Flyme 6
魅族設計團隊
http://www.flyme.cn/flyme6/index.html
色彩搭配篇1，Fresh Background Gradients
漸變顏色，有sketch和psd，從此漸變不用愁。
https://webgradients.com/
2，Material Design Color Palette Generator
MD色盤，按照顏色色值分布。
https://www.materialpalette.com/blue/purple
3，NIPPON COLORS
日式色彩搭配網站，中國水墨畫的顏色名字，逼格提高兩萬檔。
http://nipponcolors.com/
4，uigradients
在線生成高大上漸變色
https://uigradients.com/#NeonLife
5，Pantone
潘通，流行色官方機構
http://www.pantone.com/pages/pantone/index.aspx
字體設計篇1，字體下載
求字體網提供中文和英文字體庫下載、識別與預覽服務，找字體的好幫手
http://www.qiuziti.com/
2，字體傳奇網
中國首個字體品牌設計師交流網
http://www.ziticq.com/
3，Type is Beautiful
講述每一款字體的故事
http://www.typeisbeautiful.com/
4，Google Fonts
谷歌的字庫 要翻牆
https://fonts.google.com/
手繪藝術篇1，插畫交流網站pixiv
全球最大的二次元繪畫網站，需要註冊
https://www.pixiv.net/
2，DeviantArt
國際上出名的繪畫交流網站
http://www.deviantart.com/
3，樂藝leewiART CG
國內比較專業的插畫網站
http://www.leewiart.com/WebPage/default.aspx
4，塗鴉王國
小白畫師學習交流網站
https://www.poocg.com/works
5，CGSociety
國際交流畫工網站
http://www.cgsociety.org/news/articles/
6，Cargo - Gallery
意識流，概念天馬行空的繪畫
http://cargocollective.com/
先說到這裡，等後期有新的有趣的設計網站，再來更新。