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