各种素材网站大全【全部倾倒，福利倒计时-JS，HTML，游戏素材，UI，图片素材等

👨‍💻个人主页：@元宇宙-秩沅

hallo 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅!

本文由 秩沅 原创

⭐各种素材网站大全⭐

🎶大家必逛的四大天王护法

http://www.ui.cn/
https://www.behance.net/
https://dribbble.com/
https://www.pinterest.com/

https://uiiiuiii.com/tool/typeface 教程、灵感
https://material.uplabs.com/ 大家好，我是MD大法左护法Kiriya
https://uimovement.com/ 交互动效
http://365awesomedesigners.com/ 每天推一位设计师的作品
https://thefwa.com/ 竟然没写fwa，差评

http://collectui.com/ 这里有超多UI控件可以参考
https://uimovement.com/ 同上，超多控件，要啥有啥

http://anyway.fm/ JJ ying前辈和Leon大神的设计播客
http://www.lizhi.fm/1852153/ 谈字体的播客
http://podcast.uxcoffee.co/ 用户体验类的博客
https://www.yineng.fm/ 异能电台

🎶这四个播客中文

https://color.adobe.com/ 还有我大啊逗比的配色
https://uigradients.com/ 一个渐变配色网站
http://www.colordic.org 日系配色
http://www.colorhunt.co/ 还是配色

——————————————————————

🎶图片素材

免费资源
Unsplash — www.unsplash.com
Picjumbo — www.picjumbo.com
Gratisography — www.gratisography.com
Superfamous — www.superfamous.com
Little Visuals — www.littlevisuals.co
Split Shire — www.splitshire.com
Pixabay — www.pixabay.com
I’m Free — www.imcreator.com/free
New Old Stock — www.nos.twnsnd.co
Function Free Photos — http://wefunction.com/category/free-photos/
Paul Jarvis Free Photos — http://pjrvs.com/a/photos
Zoomy Images — http://zoomyimages.com/

Dollar Photo Club — http://www.dollarphotoclub.com
Compfight — www.compfight.com
Stocksy — www.stocksy.com
Placeit Product Shots — www.placeit.net
iStockphoto — http://istockphoto.com
offset — http://www.offset.com
Corbis — http://www.corbisimages.com
Facebox — http://facebox.io

🎶排版设计

Okay Type — www.okaytype.com
Typekit — www.typekit.com
My Fonts — www.myfonts.com
Fonts — www.fonts.com
Font Squirrel — www.fontsquirrel.com
Da Font — www.dafont.com
Google Fonts — www.google.com/fonts
1001 Free Fonts — www.1001freefonts.com
Lost Type Co-op — www.losttype.com
Ico Moon — www.icomoon.io
Font-To-Width — http://font-to-width.com/

🎶视觉稿设计工具

InVision — www.invisionapp.com
Mockupr — www.mockupr.com
Flinto — www.flinto.com
Flinto Icon Strike! — www.flinto.com/strike
Webflow — www.webflow.com
Mockuuups — www.mockuuups.com
Red Pen — https://redpen.io
PSD Covers — http://www.psdcovers.com/

🎶线框图

Moqups — www.moqups.com
Wireframe.cc — ww.wireframe.cc
Mockflow — www.mockflow.com
Mockingbird — www.gomockingbird.com
Flair Builder — http://flairbuilder.co
Balsamiq — http://balsamiq.com/products/mockups/
Axure — http://www.axure.com/
Justinmind — http://www.justinmind.com/
UX Pin — http://uxpin.com

🎶*原型设计

InVision — http://www.invisionapp.com
Mixture — www.mixture.io
Flinto — www.flinto.com
Gridset — www.gridsetapp.com
Marvel — https://marvelapp.com
Webflow — https://webflow.com
Red Pen — https://redpen.io
Proto — http://proto.io
Iconii — http://iconii.com
Macaw — http://macaw.co/
Froont — http://froont.com

🎶响应式设计

Responsive.is — http://responsive.is/typecast.com
Gridpak — www.gridpak.com
Responsive Nav — www.responsive-nav.com
Off Screen Navigation — http://tympanus.net/Development/MultiLevelPushMenu/
Responsive Web Design Test — www.designmodo.com/responsive-test/
Media Queries — www.mediaqueri.es
Foundation by Zurb — www.foundation.zurb.com
Jetstrap — www.jetstrap.com
Webflow — www.webflow.com
Gridset — www.gridsetapp.com
BrowserStack — www.browserstack.com
Sassaparilla — http://sass.fffunction.co
Sidebar Transitions — http://tympanus.net/Development/SidebarTransitions/
Dimensions (Chrome Extension) — https://chrome.google.com/webstore/detail/dimensions/hdmihohhdcbejdkidbfijmfehjbnmifk?hl=en
Responsive Grid System — http://responsive.gs/
Responsi — http://respon.si

🎶色彩

0 to 255 — www.0to255.com
Colour Lovers — www.colourlovers.com
Brand Colors — www.brandcolors.net
Adobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/
Color Scheme Designer — www.colorschemedesigner.com
Hex to RGB Converter — http://hex.colorrrs.com
Coleure — http://coleure.com/
Colllor — http://colllor.com/
Palette for Chrome — https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod

🎶CSS

Animate.css — www.daneden.me/animate
CSS3 Animation Cheat Sheat — http://www.justinaguilar.com/animations/index.html
Can I Use? — www.caniuse.com
Animation Fill Code — www.animationfillcode.com
Pure — http://purecss.io/
The Magic of CSS — http://adamschwartz.co/magic-of-css/

🎶HTML 5

HTML5 Please — www.html5please.com
Can I Use? — www.caniuse.com

JavaScript/jQuery
Unheap — http://www.unheap.com
Touchy Js — http://touchyjs.org/
FitText — http://fittextjs.com
Touche.js — http://benhowdle.im/touche/
Cortado.js — http://benhowdle.im/cortado/
FlickFeed — http://benhowdle.im/flickfeed/
Heisenburg.js — http://heisenbergjs.github.io/heisenberg/
Pickadate.js — http://amsul.ca/pickadate.js/
Lettering.js — http://letteringjs.com/
Freetile — http://yconst.com/web/freetile/
Backstretch — http://srobbin.com/jquery-plugins/backstretch/
Hook — http://usehook.com
Echo JS — http://www.echojs.com/
Up to date — http://uptodate.frontendrescue.org/
JS Fiddle — http://jsfiddle.net/

你们的点赞👍 收藏⭐ 留言📝 关注✅是我持续创作，输出优质内容的最大动力！