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/

　　Hook — http://usehook.com

　　Echo JS — http://www.echojs.com/

　　Up to date — http://uptodate.frontendrescue.org/

　　JS Fiddle — http://jsfiddle.net/

　　免费PS素材

　　PSDS.co — www.psds.co

　　Fribbble — www.fribbble.com

　　Premium Pixels — www.premiumpixels.com

　　Teehan+Lax iOS 7 Gui PSD (iPhone)— www.teehanlax.com/tools/iphone

　　Teehan+Lax iOS 7 Gui PSD (iPad) — www.teehanlax.com/tools/ipad/

　　iPhone Mockuuups — www.mockuuups.com

　　Freebiesbug — http://freebiesbug.com/

　　Marvel — https://marvelapp.com/resources/

　　Ui Space — http://uispace.net

　　DB Freebies — http://dbfreebies.co

　　365 PSD — http://365psd.com/

　　Pixel Buddha — http://pixelbuddha.net/

　　Pixels Daily — http://pixelsdaily.com/

　　图标设计

　　Other Icons — www.othericons.com

　　Batch — www.adamwhitcroft.com/batch/

　　Icon Sweets — www.iconsweets.com

　　Ico Moon — www.icomoon.io

　　Flat Icon — http://www.flaticon.com

　　The Noun Project — http://thenounproject.com

　　Perfect Icons — http://perfecticons.com/

　　Iconfinder — www.iconfinder.com

　　压缩图片

　　Tiny Png — www.tinypng.com

　　JPEGmini — www.jpegmini.com

　　ImageOptim — www.imageoptim.com

　　PS工具和插件

　　Mac Rabbit Slicy — www.macrabbit.com/slicy/

　　Renamy — www.renamy.com

　　Blendme.in — www.blendme.in

　　会计

　　Freeagent — www.freeagent.com

　　Freshbooks — www.freshbooks.com

　　Xero — http://www.xero.com/

　　Crunch — http://www.crunch.co.uk

　　Slimvoice — http://slimvoice.co/

　　Ballpark — http://www.getballpark.com

　　法律

　　Andrew Clarke’s Contract Killer — www.stuffandnonsense.co.uk/projects/contract-killer/

　　Proper App — www.properapp.com

　　iubenda — www.iubenda.com

　　Docracy — http://www.docracy.com/

　　灵感

　　Siteinspire — www.siteinspire.com

　　Land Book — www.land-book.com

　　Awwwards — www.awwwards.com

　　The Best Designs — www.thebestdesigns.com

　　Dribbble — www.dribbble.com

　　Behance — www.behance.com

　　Niice — http://niice.co

　　One Page Love — http://onepagelove.com/

　　托管

　　Propagated Yet? www.propagatedyet.com

　　Instant Domain Search — www.instantdomainsearch.com

　　Domainr — https://domai.nr/

　　工作平台

　　Crew — www.pickcrew.com

　　Juiiicy — www.juiiicy.com

　　Dribbble Jobs — www.dribbble.com/jobs

　　Authentic Jobs — www.authenticjobs.com

　　Workfu — www.workfu.com

　　Onsite — www.onsite.io

　　地图

　　Mapbox — www.mapbox.com

　　Leaflet — www.leafletjs.com

　　Google Map Builder — http://googlemapbuilder.mynameisdonald.com/

　　Snazzy maps — http://www.snazzymaps.com

　　在线学习平台

　　Treehouse — www.teamtreehouse.com

　　Steer — www.steer.me

　　Lynda — www.lynda.com

　　Codeacademy —www.codecademy.com

　　Code School — www.codeschool.com

　　Udacity — www.udacity.com

　　Code.org — http://code.org/

　　WebPlatform — http://www.webplatform.org/

　　播客

　　The Freelance Web — www.thefreelanceweb.com

　　Unfinished Business — www.unfinished.bz

　　Happy Monday — www.happymondaypodcast.com

　　Boagworld — www.boagworld.com/show/

　　Shop Talk Show — www.shoptalkshow.com

　　The Back to Front Show — www.backtofrontshow.com

　　The Big Web Show — www.zeldman.com/category/the-big-web-show/

　　Upfront Podcast — www.upfrontpodcast.com

　　The Industry — www.theindustry.cc/category/podcast/

　　Iterate — http://www.imore.com/iterate

　　设计社区

　　Designer News — https://news.layervault.com/

　　Designers Talk — http://www.designerstalk.com/forums/

　　Quora — https://www.quora.com/

　　Stack Exchange — http://stackexchange.com/sites

　　Reddit /Design — http://www.reddit.com/r/Design/

　　Reddit /Web Design — http://www.reddit.com/r/web_design

　　写作平台

　　Medium — www.medium.com

　　Svbtle — https://svbtle.com/

　　Ghost — https://ghost.org/

　　WordPress — www.wordpress.com / www.wordpress.org

　　Squarespace — http://squarespace.com

　　Roon — https://roon.io/

　　演讲

　　Speaking.io — www.speaking.io

　　Mark Boulton’s Tips — www.markboulton.co.uk/journal/speakingtips

　　On Speaking by Brad Frost — www.bradfrostweb.com/blog/post/on-speaking/

　　Public speaking for the (formerly) terrified by Rachel Andrew — www.rachelandrew.co.uk/archives/2012/05/02/public-speaking-for-the-formerly-terrified/

　　10 Kick ass presentation techniques (Treehouse) — http://blog.teamtreehouse.com/10-kick-ass-presentation-techniques

　　Suggestions for Speakers by Frank Chimero — http://frankchimero.com/blog/suggestions-for-speakers/

　　The best advice on public speaking by Ladies in Tech — http://ladiesintech.com/the-best-advice-on-public-speaking/

　　You’re paying to speak by Remy Sharp — http://remysharp.com/2014/03/07/youre-paying-to-speak/

　　支付

　　Stripe — www.stripe.com

　　GoCardless — www.gocardless.com

　　Plasso — https://plasso.co

　　便捷工具

　　Copy Paste Character — www.copypastecharacter.com

　　JustDelete.me — www.justdelete.me

　　What’s my UDID? — www.whatsmyudid.com

　　Shapecatcher — www.shapecatcher.com

　　UI Names — http://uinames.com/

　　UI Faces — http://uifaces.com/

　　UI Blurbs — http://uiblurbs.com

　　Density Converter — http://density.brdrck.me

　　LayerVault — https://layervault.com

　　Nice Entity — http://nice-entity.com

　　PlaceIMG — http://placeimg.com/

　　lorempixel — http://lorempixel.com/

　　Facebox — http://facebox.io

　　图书

　　Grid Systems in Graphic Design — http://amzn.to/1aNQC8B

　　HTML & CSS: Design and Build Web Sites — http://amzn.to/1biuvJi

　　How to be a Graphic Designer, Without Losing Your Soul — http://amzn.to/1eooTjo

　　The Shape of Design — http://www.buyolympia.com/q/Item=frank-chimero-the-shape-of-design

　　A Practical Guide to Designing for the Web — http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web

　　Hardboiled Web Design — https://shop.smashingmagazine.com/hardboiled-web-design.html

　　Designing for the web (Free) — http://designingfortheweb.co.uk/

　　Smashing Book #4 — https://shop.smashingmagazine.com/smashing-book-4-new-perspectives-on-web-design.html

　　The Geometry of Type — http://amzn.to/1ekRiSV

　　Insites: The Book — http://viewportindustries.com/insites-the-book

　　Don’t Make Me Think — http://amzn.to/1ekRul6

　　Above the Fold — http://amzn.to/1cLAIdv

　　Design is a Job — www.abookapart.com/products/design-is-a-job

　　Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students — http://amzn.to/1ixVKOc

　　The Visual Display of Quantitative Information — http://amzn.to/1n8vezb