众所周知，玩儿设计素材很重要。绝大多数的设计作品的背后都有着多种多样素材作为支撑，图片、字体、图标等素材是设计作品中直观可见的组成部分

图片素材

免费资源

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

上一篇LOGO设计趋势之2016年下一篇优秀产品设计的六大准则