交互设计师不可不知的各种好站网站大全

kaoyan

图片素材

免费资源

Unsplash — www.unsplash.com

Picjumbo — www.picjumbo.com

Gratisography — www.gratisography.com

Superfamous — www.superfamous.com

LittleVisuals — www.littlevisuals.co

SplitShire — www.splitshire.com

Pixabay — www.pixabay.com

I’m Free — www.imcreator.com/free

NewOld Stock — www.nos.twnsnd.co

FunctionFree Photos — http://wefunction.com/category/free-photos/

PaulJarvis Free Photos — http://pjrvs.com/a/photos

ZoomyImages — http://zoomyimages.com/

DollarPhoto Club — http://www.dollarphotoclub.com

Compfight — www.compfight.com

Stocksy — www.stocksy.com

PlaceitProduct Shots — www.placeit.net

iStockphoto — http://istockphoto.com

offset — http://www.offset.com

Corbis — http://www.corbisimages.com

Facebox — http://facebox.io

排版设计

OkayType — www.okaytype.com

Typekit — www.typekit.com

MyFonts — www.myfonts.com

Fonts — www.fonts.com

FontSquirrel — www.fontsquirrel.com

DaFont — www.dafont.com

GoogleFonts — www.google.com/fonts

1001Free Fonts —www.1001freefonts.com

LostType Co-op — www.losttype.com

IcoMoon — www.icomoon.io

Font-To-Width — http://font-to-width.com/

视觉稿设计工具

InVision — www.invisionapp.com

Mockupr — www.mockupr.com

Flinto — www.flinto.com

FlintoIcon Strike! — www.flinto.com/strike

Webflow — www.webflow.com

Mockuuups — www.mockuuups.com

RedPen — https://redpen.io

PSDCovers — http://www.psdcovers.com/

线框图

Moqups — www.moqups.com

Wireframe.cc — ww.wireframe.cc

Mockflow — www.mockflow.com

Mockingbird — www.gomockingbird.com

FlairBuilder — http://flairbuilder.co

Balsamiq — http://balsamiq.com/products/mockups/

Axure — http://www.axure.com/

Justinmind — http://www.justinmind.com/

UXPin — 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

RedPen — 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

ResponsiveNav — www.responsive-nav.com

OffScreen Navigation — http://tympanus.net/Development/MultiLevelPushMenu/

ResponsiveWeb Design Test — www.designmodo.com/responsive-test/

MediaQueries — www.mediaqueri.es

Foundationby 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

SidebarTransitions — http://tympanus.net/Development/SidebarTransitions/

Dimensions(Chrome Extension) — https://chrome.google.com/webstore/detail/dimensions/hdmihohhdcbejdkidbfijmfehjbnmifk?hl=en

ResponsiveGrid System — http://responsive.gs/

Responsi — http://respon.si

色彩

0to 255 — www.0to255.com

ColourLovers — www.colourlovers.com

BrandColors — www.brandcolors.net

AdobeKuler Color Wheel — https://kuler.adobe.com/create/color-wheel/

ColorScheme Designer — www.colorschemedesigner.com

Hexto RGB Converter — http://hex.colorrrs.com

Coleure — http://coleure.com/

Colllor — http://colllor.com/

Palettefor Chrome — https://chrome.google.com/webstore/detail/palette-for-chrome/oolpphfmdmjbojolagcbgdemojhcnlod

CSS

Animate.css — www.daneden.me/animate

CSS3Animation Cheat Sheat — http://www.justinaguilar.com/animations/index.html

CanI Use? — www.caniuse.com

AnimationFill Code — www.animationfillcode.com

Pure — http://purecss.io/

TheMagic of CSS — http://adamschwartz.co/magic-of-css/

HTML 5

HTML5Please — www.html5please.com

CanI Use? — www.caniuse.com

JavaScript/jQuery

Unheap — http://www.unheap.com

TouchyJs — 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

EchoJS — http://www.echojs.com/

Upto date — http://uptodate.frontendrescue.org/

JSFiddle — http://jsfiddle.net/

免费PS素材

PSDS.co — www.psds.co

Fribbble — www.fribbble.com

PremiumPixels — www.premiumpixels.com

TeehanLax iOS  Gui PSD (iPhone)— www.teehanlax.com/tools/iphone

TeehanLax iOS  Gui PSD (iPad) — www.teehanlax.com/tools/ipad/

iPhoneMockuuups — www.mockuuups.com

Freebiesbug — http://freebiesbug.com/

Marvel — https://marvelapp.com/resources/

UiSpace — http://uispace.net

DBFreebies — http://dbfreebies.co

365PSD — http://365psd.com/

PixelBuddha — http://pixelbuddha.net/

PixelsDaily — http://pixelsdaily.com/

图标设计

阿里图标库http://www.iconfont.cn

OtherIcons — www.othericons.com

Batch — www.adamwhitcroft.com/batch/

IconSweets — www.iconsweets.com

IcoMoon — www.icomoon.io

FlatIcon — http://www.flaticon.com

TheNoun Project — http://thenounproject.com

PerfectIcons — http://perfecticons.com/

Iconfinder — www.iconfinder.com

压缩图片

TinyPng — www.tinypng.com

JPEGmini — www.jpegmini.com

ImageOptim — www.imageoptim.com

PS工具和插件

MacRabbit 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

法律

AndrewClarke’sContract Killer — www.stuffandnonsense.co.uk/projects/contract-killer/

ProperApp — www.properapp.com

iubenda — www.iubenda.com

Docracy — http://www.docracy.com/

灵感

Siteinspire — www.siteinspire.com

LandBook — www.land-book.com

Awwwards — www.awwwards.com

TheBest Designs — www.thebestdesigns.com

Dribbble — www.dribbble.com

Behance — www.behance.com

Niice — http://niice.co

OnePage Love — http://onepagelove.com/

托管

PropagatedYet? www.propagatedyet.com

InstantDomain Search — www.instantdomainsearch.com

Domainr — https://domai.nr/

工作平台

Crew — www.pickcrew.com

Juiiicy — www.juiiicy.com

DribbbleJobs — www.dribbble.com/jobs

AuthenticJobs — www.authenticjobs.com

Workfu — www.workfu.com

Onsite — www.onsite.io

地图

Mapbox — www.mapbox.com

Leaflet — www.leafletjs.com

GoogleMap Builder — http://googlemapbuilder.mynameisdonald.com/

Snazzymaps — http://www.snazzymaps.com

在线学习平台

KAOYAN.ART—www.kaoyan.art

Treehouse — www.teamtreehouse.com

Steer — www.steer.me

Lynda — www.lynda.com

Codeacademy—www.codecademy.com

CodeSchool — www.codeschool.com

Udacity — www.udacity.com

Code.org — http://code.org/

WebPlatform — http://www.webplatform.org/

播客

TheFreelance Web — www.thefreelanceweb.com

UnfinishedBusiness — www.unfinished.bz

HappyMonday — www.happymondaypodcast.com

Boagworld — www.boagworld.com/show/

ShopTalk Show — www.shoptalkshow.com

TheBack to Front Show — www.backtofrontshow.com

TheBig Web Show — www.zeldman.com/category/the-big-web-show/

UpfrontPodcast — www.upfrontpodcast.com

TheIndustry — www.theindustry.cc/category/podcast/

Iterate — http://www.imore.com/iterate

设计社区

DesignerNews — https://news.layervault.com/

DesignersTalk — http://www.designerstalk.com/forums/

Quora — https://www.quora.com/

StackExchange — 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

MarkBoulton’sTips — www.markboulton.co.uk/journal/speakingtips

OnSpeaking by Brad Frost — www.bradfrostweb.com/blog/post/on-speaking/

Publicspeaking for the (formerly) terrified by Rachel Andrew — www.rachelandrew.co.uk/archives/2012/05/02/public-speaking-for-the-formerly-terrified/

10Kick ass presentation techniques (Treehouse) — http://blog.teamtreehouse.com/10-kick-ass-presentation-techniques

Suggestionsfor Speakers by Frank Chimero — http://frankchimero.com/blog/suggestions-for-speakers/

Thebest advice on public speaking by Ladies in Tech — http://ladiesintech.com/the-best-advice-on-public-speaking/

You’re paying to speak byRemy Sharp — http://remysharp.com/2014/03/07/youre-paying-to-speak/

支付

Stripe — www.stripe.com

GoCardless — www.gocardless.com

Plasso — https://plasso.co

便捷工具

CopyPaste Character — www.copypastecharacter.com

JustDelete.me — www.justdelete.me

What’s my UDID? — www.whatsmyudid.com

Shapecatcher — www.shapecatcher.com

UINames — http://uinames.com/

UIFaces — http://uifaces.com/

UIBlurbs — http://uiblurbs.com

DensityConverter — http://density.brdrck.me

LayerVault — https://layervault.com

NiceEntity — http://nice-entity.com

PlaceIMG — http://placeimg.com/

lorempixel — http://lorempixel.com/

Facebox — http://facebox.io

图书

GridSystems in Graphic Design — http://amzn.to/1aNQC8B

HTML& CSS: Design and Build Web Sites — http://amzn.to/1biuvJi

Howto be a Graphic Designer, Without Losing Your Soul — http://amzn.to/1eooTjo

TheShape of Design — http://www.buyolympia.com/q/Item=frank-chimero-the-shape-of-design

APractical Guide to Designing for the Web — http://www.fivesimplesteps.com/products/a-practical-guide-to-designing-for-the-web

HardboiledWeb Design — https://shop.smashingmagazine.com/hardboiled-web-design.html

Designingfor the web (Free) — http://designingfortheweb.co.uk/

SmashingBook #4 — https://shop.smashingmagazine.com/smashing-book-4-new-perspectives-on-web-design.html

TheGeometry of Type — http://amzn.to/1ekRiSV

Insites:The Book — http://viewportindustries.com/insites-the-book

Don’t Make Me Think — http://amzn.to/1ekRul6

Abovethe Fold — http://amzn.to/1cLAIdv

Designis a Job — www.abookapart.com/products/design-is-a-job

Thinkingwith Type, Second Revised and Expanded Edition: A Critical Guide for Designers,Writers, Editors, and Students — http://amzn.to/1ixVKOc

TheVisual Display of Quantitative Information — http://amzn.to/1n8vezb