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

圖片素材

　 免費(fèi)資源
   ib設(shè)區(qū)
　　Unsplash?
　　Picjumbo?
　　Gratisography?
　　Superfamous?
　　Little Visuals?
　　Split Shire?
　　Pixabay?
　　I’m Free?
　　New Old Stock?
　　Function Free Photos?
　　Paul Jarvis Free Photos?
　　Zoomy Images?
　　收費(fèi)資源
　　Dollar Photo Club?
　　Compfight?
　　Stocksy
　　Placeit Product Shots?
　　iStockphoto?
　　offset?
　　Corbis?
　　Facebox?
　　排版設(shè)計(jì)
　　Okay Type?
　　Typekit?
　　My Fonts?
　　Fonts?
　　Font Squirrel?
　　Da Font?
　　Google Fonts?
　　1001 Free Fonts?
　　Lost Type Co-op
　　Ico Moon?
　　Font-To-Width?
　　視覺稿設(shè)計(jì)工具
　　InVision?
　　Mockupr?
　　Flinto
　　Flinto Icon Strike!?
　　Webflow?
　　Mockuuups?
　　Red Pen?
　　PSD Covers?
　　線框圖
　　Moqups?
　　Wireframe.cc?
　　Mockflow?
　　Mockingbird?
　　Flair Builder?
　　Balsamiq?
　　Axure?
　　Justinmind?
　　UX Pin?
　　原型設(shè)計(jì)
　　InVision?
　　Mixture
　　Flinto?
　　Gridset?
　　Marvel?
　　Webflow?
　　Red Pen?
　　Proto?
　　Iconii
　　Macaw?
　　Froont?
　　響應(yīng)式設(shè)計(jì)
　　Responsive.is?
　　Gridpak?
　　Responsive Nav?
　　Off Screen Navigation?
　　Responsive Web Design Test?
　　Media Queries?
　　Foundation by Zurb?
　　Jetstrap?
　　Webflow?
　　Gridset?
　　BrowserStack?
　　Sassaparilla?
　　Sidebar Transitions?
　　Dimensions (Chrome Extension)?
　　Responsive Grid System?
　　Responsi
　　色彩
　　0 to 255?
　　Colour Lovers?
　　Brand Colors?
　　Adobe Kuler Color Wheel?
　　Color Scheme Designer?
　　Hex to RGB Converter?
　　Coleure?
　　Colllor?
　　Palette for Chrome?
　　CSS
　　Animate.css?
　　CSS3 Animation Cheat Sheat?
　　Can I Use??
　　Animation Fill Code?
　　Pure?
　　The Magic of CSS?
　　HTML 5
　　HTML5 Please?
　　Can I Use??
　　JavaScript/jQuery
　　Unheap?
　　Touchy Js?
　　FitText?
　　Touche.js?
　　Cortado.js?
　　FlickFeed?
　　Heisenburg.js?
　　Pickadate.js?
　　Lettering.js?
　　Freetile?
　　Backstretch?
　　Hook?
　　Echo JS?
　　Up to date?
　　JS Fiddle?
　　免費(fèi)PS素材
　　PSDS.co?
　　Fribbble?
　　Premium Pixels?
　　Teehan+Lax iOS 7 Gui PSD (iPhone)
　　Teehan+Lax iOS 7 Gui PSD (iPad)?
　　iPhone Mockuuups?
　　Freebiesbug?
　　Marvel?
　　Ui Space?
　　DB Freebies?
　　365 PSD?
　　Pixel Buddha?
　　Pixels Daily?
　　圖標(biāo)設(shè)計(jì)
　　Other Icons?
　　Batch?
　　Icon Sweets?
　　Ico Moon?
　　Flat Icon?
　　The Noun Project?
　　Perfect Icons?
　　Iconfinder?
　　壓縮圖片
　　Tiny Png?
　　JPEGmini?
　　ImageOptim?
　　PS工具和插件
　　Mac Rabbit Slicy?
　　Renamy?
　　Blendme.in?
　　Unsplash?
　　Picjumbo?
　　Gratisography?
　　Superfamous?
　　Little Visuals?
　　Split Shire?
　　Pixabay?
　　I’m Free?
　　New Old Stock?
　　Function Free Photos?
　　Paul Jarvis Free Photos?
　　Zoomy Images?
　　收費(fèi)資源
　　Dollar Photo Club?
　　Compfight?
　　Stocksy
　　Placeit Product Shots?
　　iStockphoto?
　　offset?
　　Corbis?
　　Facebox?
　　排版設(shè)計(jì)
　　Okay Type?
　　Typekit?
　　My Fonts?
　　Fonts?
　　Font Squirrel?
　　Da Font?
　　Google Fonts?
　　1001 Free Fonts?
　　Lost Type Co-op
　　Ico Moon?
　　Font-To-Width?
　　視覺稿設(shè)計(jì)工具
　　InVision?
　　Mockupr?
　　Flinto
　　Flinto Icon Strike!?
　　Webflow?
　　Mockuuups?
　　Red Pen?
　　PSD Covers?
　　線框圖
　　Moqups?
　　Wireframe.cc?
　　Mockflow?
　　Mockingbird?
　　Flair Builder?
　　Balsamiq?
　　Axure?
　　Justinmind?
　　UX Pin?
　　原型設(shè)計(jì)
　　InVision?
　　Mixture
　　Flinto?
　　Gridset?
　　Marvel?
　　Webflow?
　　Red Pen?
　　Proto?
　　Iconii
　　Macaw?
　　Froont?
　　響應(yīng)式設(shè)計(jì)
　　Responsive.is?
　　Gridpak?
　　Responsive Nav?
　　Off Screen Navigation?
　　Responsive Web Design Test?
　　Media Queries?
　　Foundation by Zurb?
　　Jetstrap?
　　Webflow?
　　Gridset?
　　BrowserStack?
　　Sassaparilla?
　　Sidebar Transitions?
　　Dimensions (Chrome Extension)?
　　Responsive Grid System?
　　Responsi
　　色彩
　　0 to 255?
　　Colour Lovers?
　　Brand Colors?
　　Adobe Kuler Color Wheel?
　　Color Scheme Designer?
　　Hex to RGB Converter?
　　Coleure?
　　Colllor?
　　Palette for Chrome?
　　CSS
　　Animate.css?
　　CSS3 Animation Cheat Sheat?
　　Can I Use??
　　Animation Fill Code?
　　Pure?
　　The Magic of CSS?
　　HTML 5
　　HTML5 Please?
　　Can I Use??
　　JavaScript/jQuery
　　Unheap?
　　Touchy Js?
　　FitText?
　　Touche.js?
　　Cortado.js?
　　FlickFeed?
　　Heisenburg.js?
　　Pickadate.js?
　　Lettering.js?
　　Freetile?
　　Backstretch?
　　Hook?
　　Echo JS?
　　Up to date?
　　JS Fiddle?
　　免費(fèi)PS素材
　　PSDS.co?
　　Fribbble?
　　Premium Pixels?
　　Teehan+Lax iOS 7 Gui PSD (iPhone)
　　Teehan+Lax iOS 7 Gui PSD (iPad)?
　　iPhone Mockuuups?
　　Freebiesbug?
　　Marvel?
　　Ui Space?
　　DB Freebies?
　　365 PSD?
　　Pixel Buddha?
　　Pixels Daily?
　　圖標(biāo)設(shè)計(jì)
　　Other Icons?
　　Batch?
　　Icon Sweets?
　　Ico Moon?
　　Flat Icon?
　　The Noun Project?
　　Perfect Icons?
　　Iconfinder?
　　壓縮圖片
　　Tiny Png?
　　JPEGmini?
　　ImageOptim?
　　PS工具和插件
　　Mac Rabbit Slicy?
　　Renamy?
　　Blendme.in?
　　Unsplash?
　　Picjumbo?
　　Gratisography?
　　Superfamous?
　　Little Visuals?
　　Split Shire?
　　Pixabay?
　　I’m Free?
　　New Old Stock?
　　Function Free Photos?
　　Paul Jarvis Free Photos?
　　Zoomy Images?
　　收費(fèi)資源
　　Dollar Photo Club?
　　Compfight?
　　Stocksy
　　Placeit Product Shots?
　　iStockphoto?
　　offset?
　　Corbis?
　　Facebox?
　　排版設(shè)計(jì)
　　Okay Type?
　　Typekit?
　　My Fonts?
　　Fonts?
　　Font Squirrel?
　　Da Font?
　　Google Fonts?
　　1001 Free Fonts?
　　Lost Type Co-op
　　Ico Moon?
　　Font-To-Width?
　　視覺稿設(shè)計(jì)工具
　　InVision?
　　Mockupr?
　　Flinto
　　Flinto Icon Strike!?
　　Webflow?
　　Mockuuups?
　　Red Pen?
　　PSD Covers?
　　線框圖
　　Moqups?
　　Wireframe.cc?
　　Mockflow?
　　Mockingbird?
　　Flair Builder?
　　Balsamiq?
　　Axure?
　　Justinmind?
　　UX Pin?
　　原型設(shè)計(jì)
　　InVision?
　　Mixture
　　Flinto?
　　Gridset?
　　Marvel?
　　Webflow?
　　Red Pen?
　　Proto?
　　Iconii
　　Macaw?
　　Froont?
　　響應(yīng)式設(shè)計(jì)
　　Responsive.is?
　　Gridpak?
　　Responsive Nav?
　　Off Screen Navigation?
　　Responsive Web Design Test?
　　Media Queries?
　　Foundation by Zurb?
　　Jetstrap?
　　Webflow?
　　Gridset?
　　BrowserStack?
　　Sassaparilla?
　　Sidebar Transitions?
　　Dimensions (Chrome Extension)?
　　Responsive Grid System?
　　Responsi
　　色彩
　　0 to 255?
　　Colour Lovers?
　　Brand Colors?
　　Adobe Kuler Color Wheel?
　　Color Scheme Designer?
　　Hex to RGB Converter?
　　Coleure?
　　Colllor?
　　Palette for Chrome?
　　CSS
　　Animate.css?
　　CSS3 Animation Cheat Sheat?
　　Can I Use??
　　Animation Fill Code?
　　Pure?
　　The Magic of CSS?
　　HTML 5
　　HTML5 Please?
　　Can I Use??
　　JavaScript/jQuery
　　Unheap?
　　Touchy Js?
　　FitText?
　　Touche.js?
　　Cortado.js?
　　FlickFeed?
　　Heisenburg.js?
　　Pickadate.js?
　　Lettering.js?
　　Freetile?
　　Backstretch?
　　Hook?
　　Echo JS?
　　Up to date?
　　JS Fiddle?
　　免費(fèi)PS素材
　　PSDS.co?
　　Fribbble?
　　Premium Pixels?
　　Teehan+Lax iOS 7 Gui PSD (iPhone)
　　Teehan+Lax iOS 7 Gui PSD (iPad)?
　　iPhone Mockuuups?
　　Freebiesbug?
　　Marvel?
　　Ui Space?
　　DB Freebies?
　　365 PSD?
　　Pixel Buddha?
　　Pixels Daily?
　　圖標(biāo)設(shè)計(jì)
　　Other Icons?
　　Batch?
　　Icon Sweets?
　　Ico Moon?
　　Flat Icon?
　　The Noun Project?
　　Perfect Icons?
　　Iconfinder?
　　壓縮圖片
　　Tiny Png?
　　JPEGmini?
　　ImageOptim?
　　PS工具和插件
　　Mac Rabbit Slicy?
　　Renamy?
　　Blendme.in?

會(huì)計(jì)

　　Freeagent?
　　Freshbooks?
　　Xero?
　　Crunch?
　　Slimvoice?
　　Ballpark?

法律

　　Andrew Clarke’s Contract Killer?
　　Proper App?
　　iubenda?
　　Docracy?

靈感

   ib設(shè)區(qū)
　　Siteinspire?
　　Land Book
　　Awwwards?
　　The Best Designs
　　Dribbble
　　Behance?
　　Niice?
　　One Page Love?

托管

　　Propagated Yet? 
　　Instant Domain Search?
　　Domainr?

工作平臺(tái)

　　Crew?
　　Juiiicy?
　　Dribbble Jobs?
　　Authentic Jobs?
　　Workfu?
　　Onsite?

地圖

　　Mapbox?
　　Leaflet?
　　Google Map Builder?
　　Snazzy maps?

在線學(xué)習(xí)平臺(tái)

　　Treehouse?
　　Steer
　　Lynda?
　　Codeacademy
　　Code School?
　　Udacity?
　　Code.org?
　　WebPlatform?

播客

　　The Freelance Web?
　　Unfinished Business?
　　Happy Monday?
　　Boagworld?
　　Shop Talk Show?
　　The Back to Front Show?
　　The Big Web Show?
　　Upfront Podcast?
　　The Industry?
　　Iterate?

設(shè)計(jì)社區(qū)

　　Designer News?
　　Designers Talk?
　　Quora?
　　Stack Exchange?
　　Reddit /Design?
　　Reddit /Web Design?

寫作平臺(tái)

　　Weavi
   Medium?
　　Svbtle?
　　Ghost?
　　WordPress
　　Squarespace
　　Roon?

演講

　　Speaking.io?
　　Mark Boulton’s Tips?
　　On Speaking by Brad Frost?
　　Public speaking for the (formerly) terrified by Rachel Andrew?
　　10 Kick ass presentation techniques (Treehouse)?
　　Suggestions for Speakers by Frank Chimero?
　　The best advice on public speaking by Ladies in Tech?
　　You’re paying to speak by Remy Sharp?

支付

　　Stripe?
　　GoCardless?
　　Plasso?

便捷工具

　　Copy Paste Character?
　　JustDelete.me?
　　What’s my UDID??
　　Shapecatcher?
　　UI Names?
　　UI Faces?
　　UI Blurbs
　　Density Converter
　　LayerVault?
　　Nice Entity?
　　PlaceIMG
　　lorempixel?
　　Facebox?

圖書

　　Grid Systems in Graphic Design?
　　HTML & CSS: Design and Build Web Sites?
　　How to be a Graphic Designer, Without Losing Your Soul?
　　The Shape of Design?
　　A Practical Guide to Designing for the Web?
　　Hardboiled Web Design?
　　Designing for the web (Free)?
　　Smashing Book #4?
　　The Geometry of Type?
　　Insites: The Book?
　　Don’t Make Me Think?
　　Above the Fold?
　　Design is a Job?
　　Thinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students?
　　The Visual Display of Quantitative Information?