200+值得收藏的設計師資源站

 

　　眾所周知，玩兒設計素材很重要。絕大多數的設計作品的背後都有著多種多樣素材作為支撐，圖片、字體、圖標等素材是設計作品中直觀可見的組成部分，與此同時，設計創意和設計靈感則以相對隱性的方式參與到設計中來，同樣很重要。除此之外，小工具、插件的運用還可以加速設計，而設計之外的各種信息和知識也會讓設計更富有生命力。素材，的確重要。

　　今天我們搜集的200+網站構成頗為復雜，但是分類比較清晰，除開一部分開袋即食的資源站之外，還有一部分網站也會給設計師許多啟發。不要猶豫，請收下吧~

　　圖片素材

　　免費資源

　　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/

　　Ho