|
众所周知，玩儿设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支撑，图片、字体、图标等素材是设计作品中直观可见的组成部分，与此同时，设计创意和设计灵感则以相对隐性的方式参与到设计中来，同样很重要。除此之外，小工具、插件的运用还可以加速设计，而设计之外的各种信息和知识也会让设计更富有生命力。素材，的确重要。 今天我们搜集的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 (责任编辑：RGB) |
