设计师必须收藏的200+素材资源站点
众所周知,玩设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支撑,图片、字体、图标等素材是设计作品中直观可见的组成部分,与此同时,设计创意和设计灵感则以相对隐性的方式参与到设计中来,同样很重要。除此之外,小工具、插件的运用还可以加速设计,而设计之外的各种信息和知识也会让设计更 富有生命力。http://www.vilogo.com/wp-content/uploads/201512011137134.png今天我们搜集的200+网站构成颇为复杂,但是分类比较清晰,除开一部分开袋即食的资源站之外,还有一部分网站也会给设计师许多启发。不要犹豫,请收下吧。
-复制链接至浏览器即可打开-
图片类素材
1、免费资源Unsplash — www.unsplash.comPicjumbo — www.picjumbo.comGratisography — www.gratisography.comSuperfamous — www.superfamous.comLittle Visuals — www.littlevisuals.coSplit Shire — www.splitshire.comPixabay — www.pixabay.comI’m Free — www.imcreator.com/freeNew Old Stock — www.nos.twnsnd.coFunction Free Photos — http://wefunction.com/category/free-photos/Paul Jarvis Free Photos — http://pjrvs.com/a/photosZoomy Images — http://zoomyimages.com/
2、收费资源Dollar Photo Club — http://www.dollarphotoclub.comCompfight — www.compfight.comStocksy — www.stocksy.comPlaceit Product Shots — www.placeit.netiStockphoto — http://istockphoto.comoffset — http://www.offset.comCorbis — http://www.corbisimages.comFacebox — http://facebox.io
排版设计类
Okay Type — www.okaytype.comTypekit — www.typekit.comMy Fonts — www.myfonts.comFonts — www.fonts.comFont Squirrel — www.fontsquirrel.comDa Font — www.dafont.comGoogle Fonts — www.google.com/fonts1001 Free Fonts — www.1001freefonts.comLost Type Co-op — www.losttype.comIco Moon — www.icomoon.ioFont-To-Width — http://font-to-width.com/
视觉设计工具类
InVision — www.invisionapp.comMockupr — www.mockupr.comFlinto — www.flinto.comFlinto Icon Strike! — www.flinto.com/strikeWebflow — www.webflow.comMockuuups — www.mockuuups.comRed Pen — https://redpen.ioPSD Covers — http://www.psdcovers.com/
线框图
Moqups — www.moqups.comWireframe.cc — ww.wireframe.ccMockflow — www.mockflow.comMockingbird — www.gomockingbird.comFlair Builder — http://flairbuilder.coBalsamiq — http://balsamiq.com/products/mockups/Axure — http://www.axure.com/Justinmind — http://www.justinmind.com/UX Pin — http://uxpin.com
原型设计
InVision — http://www.invisionapp.comMixture — www.mixture.ioFlinto — www.flinto.comGridset — www.gridsetapp.comMarvel — https://marvelapp.comWebflow — https://webflow.comRed Pen — https://redpen.ioProto — http://proto.ioIconii — http://iconii.comMacaw — http://macaw.co/Froont — http://froont.com
响应式设计
Responsive.is — http://responsive.is/typecast.comGridpak — www.gridpak.comResponsive Nav — www.responsive-nav.comOff Screen Navigation — http://tympanus.net/Development/MultiLevelPushMenu/Responsive Web Design Test — www.designmodo.com/responsive-test/Media Queries — www.mediaqueri.esFoundation by Zurb — www.foundation.zurb.comJetstrap — www.jetstrap.comWebflow — www.webflow.comGridset — www.gridsetapp.comBrowserStack — www.browserstack.comSassaparilla — http://sass.fffunction.coSidebar Transitions — http://tympanus.net/Development/SidebarTransitions/Dimensions (Chrome Extension) — https://chrome.google.com/webstore/detail/dimensions/hdmihohhdcbejdkidbfijmfehjbnmifk?hl=enResponsive Grid System — http://responsive.gs/Responsi — http://respon.si
色彩
0 to 255 — www.0to255.comColour Lovers — www.colourlovers.comBrand Colors — www.brandcolors.netAdobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/Color Scheme Designer — www.colorschemedesigner.comHex to RGB Converter — http://hex.colorrrs.comColeure — 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/animateCSS3 Animation Cheat Sheat — http://www.justinaguilar.com/animations/index.htmlCan I Use? — www.caniuse.comAnimation Fill Code — www.animationfillcode.comPure — http://purecss.io/The Magic of CSS — http://adamschwartz.co/magic-of-css/
HTML 5
HTML5 Please — www.html5please.comCan I Use? — www.caniuse.com
JavaScript/jQuery
Unheap — http://www.unheap.comTouchy Js — http://touchyjs.org/FitText — http://fittextjs.comTouche.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.comEcho JS — http://www.echojs.com/Up to date — http://uptodate.frontendrescue.org/JS Fiddle — http://jsfiddle.net/
免费PS素材
PSDS.co — www.psds.coFribbble — www.fribbble.comPremium Pixels — www.premiumpixels.comTeehan+Lax iOS 7 Gui PSD (iPhone)— www.teehanlax.com/tools/iphoneTeehan+Lax iOS 7 Gui PSD (iPad) — www.teehanlax.com/tools/ipad/iPhone Mockuuups — www.mockuuups.comFreebiesbug — http://freebiesbug.com/Marvel — https://marvelapp.com/resources/Ui Space — http://uispace.netDB Freebies — http://dbfreebies.co365 PSD — http://365psd.com/Pixel Buddha — http://pixelbuddha.net/Pixels Daily — http://pixelsdaily.com/
图标设计
Other Icons — www.othericons.comBatch — www.adamwhitcroft.com/batch/Icon Sweets — www.iconsweets.comIco Moon — www.icomoon.ioFlat Icon — http://www.flaticon.comThe Noun Project — http://thenounproject.comPerfect Icons — http://perfecticons.com/Iconfinder — www.iconfinder.com
压缩图片
Tiny Png — www.tinypng.comJPEGmini — www.jpegmini.comImageOptim — www.imageoptim.com
PS工具和插件
Mac Rabbit Slicy — www.macrabbit.com/slicy/Renamy — www.renamy.comBlendme.in — www.blendme.in
灵感
Siteinspire — www.siteinspire.comLand Book — www.land-book.comAwwwards — www.awwwards.comThe Best Designs — www.thebestdesigns.comDribbble — www.dribbble.comBehance — www.behance.comNiice — http://niice.coOne Page Love — http://onepagelove.com/
工作平台
Crew — www.pickcrew.comJuiiicy — www.juiiicy.comDribbble Jobs — www.dribbble.com/jobsAuthentic Jobs — www.authenticjobs.comWorkfu — www.workfu.comOnsite — www.onsite.io
在线学习平台
Steer — www.steer.meLynda — www.lynda.comCodeacademy —www.codecademy.comCode School — www.codeschool.comUdacity — www.udacity.comCode.org — http://code.org/WebPlatform — http://www.webplatform.org/
设计社区
Designer News — https://news.layervault.com/Designers Talk — http://www.designerstalk.com/forums/Quora — https://www.quora.com/Stack Exchange — http://stackexchange.com/sitesReddit /Design — http://www.reddit.com/r/Design/Reddit /Web Design — http://www.reddit.com/r/web_design
写作平台Medium — www.medium.comSvbtle — https://svbtle.com/Ghost — https://ghost.org/WordPress — www.wordpress.com / www.wordpress.orgSquarespace — http://squarespace.comRoon — https://roon.io/
便捷工具
Copy Paste Character — www.copypastecharacter.comJustDelete.me — www.justdelete.meWhat’s my UDID? — www.whatsmyudid.comShapecatcher — www.shapecatcher.comUI Names — http://uinames.com/UI Faces — http://uifaces.com/UI Blurbs — http://uiblurbs.comDensity Converter — http://density.brdrck.meLayerVault — https://layervault.comNice Entity — http://nice-entity.comPlaceIMG — http://placeimg.com/lorempixel — http://lorempixel.com/Facebox — http://facebox.io
图书类
Grid Systems in Graphic Design — http://amzn.to/1aNQC8BHTML & CSS: Design and Build Web Sites — http://amzn.to/1biuvJiHow to be a Graphic Designer, Without Losing Your Soul — http://amzn.to/1eooTjoThe Shape of Design — http://www.buyolympia.com/q/Item=frank-chimero-the-shape-of-designA Practical Guide to Designing for the Web — http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-webHardboiled Web Design — https://shop.smashingmagazine.com/hardboiled-web-design.htmlDesigning for the web (Free) — http://designingfortheweb.co.uk/Smashing Book #4 — https://shop.smashingmagazine.com/smashing-book-4-new-perspectives-on-web-design.htmlThe Geometry of Type — http://amzn.to/1ekRiSVInsites: The Book — http://viewportindustries.com/insites-the-bookDon’t Make Me Think — http://amzn.to/1ekRul6Above the Fold — http://amzn.to/1cLAIdvDesign is a Job — www.abookapart.com/products/design-is-a-jobThinking with Type, Second Revised and Expanded Edition: A Critical Guide for Designers, Writers, Editors, and Students — http://amzn.to/1ixVKOcThe Visual Display of Quantitative Information — http://amzn.to/1n8vezb
原文链接:200+值得收藏的设计师资源站
页:
[1]