众所周知,玩儿设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支撑,图片、字体、图标等素材是设计作品中直观可见的组成部分
首先是大家必逛的四大天王护法
http://www.ui.cn/
https://www.behance.net/
https://dribbble.com/
https://www.pinterest.com/
https://material.uplabs.com/
https://uimovement.com/ 交互动效
http://365awesomedesigners.com/ 每天推一位设计师的作品
https://thefwa.com/ 竟然没写fwa,差评
http://collectui.com/ 这里有超多UI控件可以参考
https://uimovement.com/ 同上,超多控件,要啥有啥
http://anyway.fm/ JJ ying前辈和Leon大神的设计播客
http://www.lizhi.fm/1852153/ 谈字体的播客
http://podcast.uxcoffee.co/ 用户体验类的博客
https://www.yineng.fm/ 异能电台
这四个播客都是中文的~
https://color.adobe.com/ 还有我大啊逗比的配色
https://uigradients.com/ 一个渐变配色网站
http://www.colordic.org 日系配色
http://www.colorhunt.co/ 还是配色
——————————————————————
图片素材
免费资源
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
免费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
灵感
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/
工作平台
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/
便捷工具
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
图书
Designing for the web (Free)?—?http://designingfortheweb.co.uk/
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
没了,就这么多~