恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反??!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
200+值得收藏的设计师资源站
0.0°
昨天 | 原创文章 / 规范/资料 / | 举报 | 234151 3963 2026 75

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


看见这么晚还有人看2020年了再次更新一下自己爱逛的几个网站,以前那些毕竟是5年前的东西了



首先是大家必逛的四大天王护法

http://www.yohananfarm.com/

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


JavaScript/jQuery

Unheap?—?http://www.unheap.com

Touchy Js?—?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

Echo JS?—?http://www.echojs.com/

Up to date?—?http://uptodate.frontendrescue.org/

JS Fiddle?—?http://jsfiddle.net/


免费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

法律

Andrew Clarke’s Contract Killer?—?www.stuffandnonsense.co.uk/projects/contract-killer/

Proper App?—?www.properapp.com

iubenda?—?www.iubenda.com

Docracy?—?http://www.docracy.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/


托管

Propagated Yet? www.propagatedyet.com

Instant Domain Search?—?www.instantdomainsearch.com

Domainr?—?https://domai.nr/

工作平台

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/

演讲

Speaking.io?—?www.speaking.io

Mark Boulton’s Tips?—?www.markboulton.co.uk/journal/speakingtips

On Speaking by Brad Frost?—?www.bradfrostweb.com/blog/post/on-speaking/

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

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

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

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

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

支付

Stripe?—?www.stripe.com

GoCardless?—?www.gocardless.com

Plasso?—?https://plasso.co

便捷工具

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

图书

Grid Systems in Graphic Design?—?http://amzn.to/1aNQC8B

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

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

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

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

Hardboiled Web Design?—?https://shop.smashingmagazine.com/hardboiled-web-design.html

Designing for the web (Free)?—?http://designingfortheweb.co.uk/

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

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

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

The Visual Display of Quantitative Information?—?http://amzn.to/1n8vezb






Powered by Froala Editor

创建于:2014-11-25

收藏

3963人已收藏

  • 18

    作品

  • 4229

    粉丝

  • 83

    关注

  • 常用XD插件推荐
  • 【文字教程】8bit像素神器——MagicaVoxel
  • 【视频教程】扁平拟物风格的动效
  • 动效设计佳作
相关标签

    猜你喜欢

      昨天 | 原创文章 / 规范/资料 / | 举报 | 234151 3963 2026 75

      200+值得收藏的设计师资源站

      0.0°

      你确定要举报200+值得收藏的设计师资源站?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年11月25日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2026
      3963
      75

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      账号或密码错误

      发送验证码 120s 验证码错误

      登录

      可云端编辑的专业级UI设计工具

      立即体验
      全网福利资源合集搜索处解压码