来源：设计工厂 | 作者：厂长设计师网址大合集1、ZG一个优秀的网页设计 https://www.zg.com2、Lawsof UX一系列交互原则的介绍，配合极简风格的插图。https://lawsofux.com/3、CollectUI，UI 设计必备！100 多个分类，不用发愁没灵感了 https://www.collectui.com/4、分享一个种类丰富的 UI 组件灵感库http://collectui.com/5、网格网站http://grid.guide/6、按功能分类的设计网站 https://www.collectui.com/challenges/admin-panel7、国外设计网站合集https://webgradients.comhttps://www.iconfinder.comhttps://unsplash.comhttps://audiojungle.nethttps://webgradients.comhttps://www.freepik.com/index.php?goto=2&k=rocket&order=2&vars=2http://bm.straightline.jp/8、GIF 垂直搜索引擎，不支持中文搜索，下载 GIF 网址 https://giphy.com/9、分享几个平时常用的网页设计参考可根据配色筛选设计网站集锦https://reeoo.com/Bootstrap 优站精选 http://www.youzhan.org/全球酷站中心 https://www.iiiimg.com/index.php全球优秀网站集锦https://www.siteinspire.com/websites清爽简约风格的网页模板http://stockholmlanding.select-themes.com/界面简洁的网页设计汇集http://siiimple.com/日本网页设计欣赏http://muuuuu.org/日本网页设计汇总网站http://bm.straightline.jp/日本网页设计欣赏http://4db.cc/韩国设计欣赏http://inagblog.com/优秀网页设计欣赏http://www.webdesignfile.com/10、http://www.uupoop.com/ps/ 这个网上软件类似 ps11、平面纹理素材，图色网址http://www.hituyu.com/Hero Pattemshttp://www.heropatterns.com/Thepattemlibraryhttp://thepattemlibrary.com/12、一批化妆品集团网站爱茉莉http://www.amorepacific.com.cn/IOPEhttp://www.iope.com/cn/zh/skincare_makeup.html韩 佛http://www.hanbul.com/?lang=zh-hans伽 蓝http://www.jala.com.cn/index.html资深堂http://www.shiseido.com.cn/高 丝http://www.kose.co.jp/company/cn/佳丽宝https://www.kanebo-cosmetics.co.jp/，13、海报网址餐饮http://www.weirujia.com/商业展览http://www.ad518.com/广告营销http://www.adsoftheworld.com/韩国电影https://pygmn.com/7-_-The-Magnificent-Seven欧美电影http://www.joblo.com/movie-posters/国产电影https://movie.douban.com/https://pick.mydesy.com/archives/category/graphic-design/posterinspiration https://www.inspirationde.com/?s=posterdesignspirationhttps://www.designspiration.net/字体图形https://www.typographicposters.com/posters14、Picjumbo很有格调的图片网站https://picjumbo.com/15、Studio Details分享超现实主义美学应用http://www.details.co.jp/16、The Dieline 包装设计方向http://www.thedieline.comDieline17、one page mania简约格调设计网站，需要科学上网http://www.onepagemania.com/18、创意-广告传播-品牌http://www.2plus1.dk/#hjem/ecogridhttp://www.bellchinagroup.com/http://www.dragonrouge.com/http://www.daileyideas.com/http://www.bbdo.ca/19、平面设计http://carpentercollective.com/http://www.depotwpf.ru/http://www.bibliothequedesign.com/http://www.julia.uk.com/http://designarmy.com/20、摄影-影像http://www.ronhaviv.com/http://karsh.org/http://www.barryackroyd.com/http://www.jessicadimmockphotography.com/http://gregwilliams.com/21、关于 iphone xhttps://pan.baidu.com/s/1kVn96Kn设计灵感1、Fotor（懒设计）探索海量模板 发现设计灵感的神奇网站，你可以把它当做“花瓣”来用https://www.fotor.com.cn/templates2、云端：高品质设计素材与资讯集合站C4D、PS、PPT、Sketch、平面、影视、笔刷等资源应有尽有https://www.yrucd.com/category/designresources3、Niice：创建情绪版的最佳灵感网站https://niice.co/用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或者没用过的，可以去看看4、背景纹理http://www.heropatterns.com/http://www.heropatterns.com/http://www.heropatterns.com/5、科技网站推荐https://www.bocweb.cn/6、这个也是一个类似于花瓣的https://www.iguoguo.net/7、分享一个种类丰富的 UI 组件灵感库http://collectui.com/8、很有创意的网站,类似于日记类http://i-remember.fr/en9、构图很大气，用斑点元素，然后选项卡也设计的比较有启发http://goggles.wedze.com/winter-2017-2018/和10、Dribbble大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新颖，潮流。https://dribbble.com/11、Behance设计创意交流，设计前卫，有手机 APP 应用，支持中文https://www.behance.net/12、Pixabay免费，激发灵感https://pixabay.com/13、365 Awesome Designers每天推荐一名优秀设计师作品，发散思维http://365awesomedesigners.com/14、Booooooom脑洞大开的设计网站http://www.booooooom.com/15、Illusion提供灵感的高逼格网站http://illusion.scene360.com/16、DADA你可以与其他艺术家通过创意视觉图像的联结进行对话。也就是说用图像图画代替文字交流，炒鸡有趣哦。https://dada.nyc/home插画网址1、undraw一个扁平插画集，可用于个人和商业，可调整颜色https://undraw.co/illustrations2、16xx8一个很多插画教程的网站http://www.16xx8.com/photoshop/shuhuijiaocheng/chahua/95_2.html 3、今天给大家推荐几个插画设计网址①http://apeonthemoon.com/②http://www.creativeboom.com/③http://www.itsnicethat.com/④http://www.folioart.co.uk⑤http://www.agent002.com/⑥http://artand.cn/⑦http://www.imagezoo.com/index.asp⑧https://illustrationage.com/⑨http://abduzeedo.com/4、weavesilk分享个随便画画就很漂亮的网站http://weavesilk.com/免费商用图片网址大多数都不需要科学上网。1、Foodiesfeed一心一意提供专业美食相关的免费图库，所以，这个网站只有与美食相关的图片。这比那些图片分类多，但每一个分类下图片数量很少的网站专一多了https://www.foodiesfeed.com/2、Kaboompics一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站，所有的图片都可以应用于任何项目，没有版权限制。（这个网站，它居然有配色方案！而且，配色方案还可以下载下来。）https://kaboompics.com/）3、Nasa美国国家航空航天局的网站，上面的图片涉及到美国的国家领导人https://images.nasa.gov/4、Magdeleine号称“免费高清灵感系图片网”，它是一个每天分享免费高分辨率照片的网站https://magdeleine.co/5、Streetwill一个干净整洁无任何广告的图片分享网站（这一点深入我心），提供超高分辨率的图片资源，由众多摄影师提交分享，可以让你欣赏世界各地分自然风景、人物写真http://streetwill.co/6、别样网国内较大的无版权高清图片网站，提供各类高质量的无版权图片。图片由用户自行上传，后台审核，优秀摄影师的交流平台，喜欢摄影的小伙伴，可以收藏https://www.ssyer.com/）7、Gratisography免费高分辨率摄影图片库，所有图片都可以用于个人或者商业用途，图片每周更新一次，适合开脑洞https://gratisography.com/8、Pexels一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新。它所有的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等https://www.pexels.com/）9、LifeOfPixLifeOfPix 的图片多为欧洲景观，多为摄影师拍摄的生活类图片，所有的影像都是公共领域捐赠而来，比较适合旅游的人https://www.lifeofpix.com/）10、Stocksnap由多位摄影师创办，拥有丰富的免费照片https://stocksnap.io/11、推荐几个好用的国外免费的图片源站（都可以直接打开，就是有的有点慢）http://freenaturestock.com/http://isorepublic.com/https://stocksnap.io/https://visualhunt.com/http://librestock.com/https://unsplash.com/https://pixabay.com/12、TheStocks涵盖 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在内的 15 个免费高清图片网站的资源。 http://thestocks.im/13、最好的 27 个高质量免费图片网站isorepublic.comwww.bucketlistly.comwww.resplashed.comwww.pexels.comwww.freeimages.co.ukmmtstock.comkaboompics.commakerbook.netjaymantri.comstock.tookapic.compicography.conegativespace.cowww.splitshire.comlittlevisuals.cofreestocks.orggetrefe.comsnapwiresnaps.tumblr.comimcreator.com/freepicjumbo.comnos.twnsnd.codeathtothestockphoto.comwww.lifeofpix.comsuperfamous.comunsplash.comgratisography.com14、高清免费下载图片，尽量使用英文关键词搜索https://alpha.wallhaven.cc/https://barnimages.com/https://gratisography.com/15、复古图库http://www.raumrot.com风景图库http://unsplash.com黑白图库http://magdeleine.co美食图库http://foodiesfeed.com人物图库http://picography.co欧洲景观http://www.lifeofpix.com综合图库http://www.gratisography.com日系图库https://www.pakutaso.com京东图库http://www.tokyo-date.net摄影图库http://nos.twnsnd.co16、trendlist几乎全是画册、海报http://www.trendlist.org/ note&pointPPT 灵感素材站。 http://noteandpoint.com/ The Pattern library纹理素材http://thepatternlibrary.com/New OldStock提供大量的老照片http://nos.twnsnd.co/ Magdeleine可以通过颜色、情绪寻找图片http://magdeleine.co/ foodiesfeed主打美食，吃货设计师站点 https://foodiesfeed.com/ Superfamous艺术家 FolkertGorter 站点，很适合 web 设计，和壁纸使用http://superfamous.com/ 17、古田路 9 号以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的交流分享平台http://www.gtn9.com18、视觉 ME设计社区http://shijue.me19、mmtstock免费的商业图库https://mmtstock.com/ https://www.skypixel.com/（天空之城）http://psiupuxa.com/（星空,宇宙）https://www.netcarshow.com（汽车）https://foodiesfeed.com/(食物)http://barnimages.com/(不要钱高清大图)http://librestock.com/(不要钱的高清大图)http://wallions.com/（文艺滤镜）电商网址1、http://www.zhisheji.com/2、http://woofeng.cn/3、http://dameigong.cn/趣味网址1、http://www.species-in-pieces.com/#各种有趣的晶格小动物2、https://emmitfenn.com/一个有趣的交互式音乐视觉网站。(第一次打开网页的时候会比较慢，可能需要在当前页面等一会儿)3、https://photomosh.com/把静态图片自动生成故障风格，还可以保存成 gif4、http://jsrun.net/MdYKp/edit 感受一下代码的魅力5、晶格化背景网站推荐Trianglifyhttps://trianglify.io/Owpolygonarthttp://www.lowpolygonart.com/?page_id=2026lowpolyhttp://www.shejidaren.com/examples/tools/low-poly/Wagerfieldhttp://matthew.wagerfield.com/flat-surface-shader/6、https://segmentfault.com/a/1190000010963326?_ea=2474007 一个网页上实现动态霓虹文字效果的实现方法，你们可以拿去让你们的开发小哥看，如此一来，你们在设计 web海报的时候，又多了一种选择噢7、万箭齐发毫发无伤背景生成器 https://wangyasai.github.io/Stars-Emmision/8、分享几个练习设计能力的游戏网站http://pixact.ly/测试你对像素宽度的识别能力www.rgbchallenge.com 测试你对 RGB 的了解程度http://type.method.ac/ 让你练习排版http://color.method.ac/ 配色练习http://game.ioxapp.com/eye-test/game.html 测试色感的小游戏http://bezier.method.ac/ 钢笔工具小游戏http://shape.method.ac/ 锻炼你的字体造型能力http://dedesigntheweb.com/ 看原型图猜网站9、设计神器https://mp.weixin.qq.com/s/Fv0oVY06Uj3_2BVmw7GVdwduotone.shapefactory.co/双色调photomosh.com/故障艺术生成器https://codepen.io/tsuhre/full/BYbjyg/炫光生成器weavesilk.com/镜像炫光生成器https://codepen.io/pissang/full/geajpX/渐变层生成器codepen.io/Yakudoo/full/rJjOJx/流动渐变层生成器demo.marpi.pl/biomes/体素生成器pissang.github.io/voxelize-image/图片体素化生成器pissang.github.io/papercut-box-art/剪纸风格生成器wangyasai.github.io/Stars-Emmisionbiubiubiu 生成器后台界面1、契合平台系统类以及可视化设计https://themeforest.net/category/site-templates/admin-templates2、很不错的后台系统开发模版https://themehunt.com/3、常规类后台https://preview.pro.ant.design/#/dashboard/analysis 4、这篇文章讲的后台挺详细的 https://zhuanlan.zhihu.com/p/287877385、个 demo 网站（后台管理系统）https://shapebootstrap.net/items/category/html-templates/11-admin-templateshttp://echarts.baidu.com/echarts2/doc/example.html6、后台管理themeforest 上面很多的哦，都有 Live Demohttps://themeforest.net/category/site-templates/admin-templates7、后台页面可参考①全面功能和流程http://www.10oa.com/v8/function.htm②这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品：https://ant.design/index-cnhttps://ant.design/docs/react/introduce-cn③Ant Design 后台https://preview.pro.ant.design④花瓣 B/S 后台界面http://huaban.com/boards/291013/8、系统界面http://thevectorlab.net/flatlab/http://thevectorlab.net/slicklab/index.htmlhttp://flatfull.com/themes/flatkit/配色资源1、http://taou.cn/5lpmK灵感网站，可以自己选择搭配 5种颜色来搜索具有特定调色板的设计方案2、http://taou.cn/5lpmi（用网页打开）配色网站 ，可以通过对比色或者邻近色等来给出配色方案，还会给出一些小案例3、material design palette自动配色网站，任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了，这个方案除了告诉你都有哪些颜色，并且提供简单的示例之外，还帮你安排好了主色、辅色、甚至文字标题的颜色等你没想到的其他细节！http://www.materialpalette.com4、Chinese colors 各种中国传统颜色一览，美得一塌糊涂http://zhongguose.com5、Colorize photoAi 帮你给黑白图片上色，输入图片链接，或者本地上传图片，网站会根据深度算法自动上色http://demos.algorithmia.com/colorize-photos/6、一波比较小众但很好用的色彩网站0 to 255 — www.0to255.comColour Lovers — www.colourlovers.comAdobe 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/7、一个配色网站 http://nipponcolors.com/#urayanagi8、根据图片生成色卡http://www.fancynode.com.cn/colorcube/home 9、色彩网站小集合http://colorhunt.co/ "色彩猎人"每天收集并策划发布美丽的配色方案https://colordrop.io/ 让寻找配色方案成为信手拈来的事情https://www.materialui.co/ 推荐！帮助设计师们快速选到自己喜爱的配色方案https://coolors.co/browser/latest/1 实用！成千上万的配色方案https://uigradients.com/#Selenium 今年流行的渐变！点击屏幕两侧按钮可选更多色彩https://color.adobe.com/zh/ 网页设计师配色的最佳之选http://bm.straightline.jp/ 日本酷站索引，近 6000 个！必备酷站http://colrd.com/ 从图片中提取颜色参考http://www.colorhexa.com/ 以主色调确定其它颜色http://www.peise.net/tools/web/ 在线配色器http://skuawk.com/extractor.html 抓取图片颜色http://www.colorfavs.com/ 看到配色好看的图片 可以上传吸取颜色10、https://uigradients.com/#MoonPurple 这个是可以在线预览渐变颜色 自己复制粘贴色值的11、推荐几个不错的渐变配色网站https://uigradients.com/#Shorehttps://webkul.github.io/coolhue/https://webgradients.com/12、配色神器http://khroma.co/13、云配色：http://card.qdsay.com好色度：http://www.haosedu.com扁平化配色：http://color.koya.io/在线渐变色：http://uigradients.com日本传统色：http://nipponcolors.com中国色彩宝典：http://t.cn/RPDSJeq日本色彩宝典：http://www.nicopon.com抓取图片颜色：http://www.colorfavs.com配色方案：http://t.cn/RcWStK9色彩搭配思维：http://t.cn/RzDdHde安全配色指南：http://t.cn/RAnjhDc选色配色规律：http://t.cn/RUEOYWn扁平插画配色：http://t.cn/RcWSMjQ中国传统色谱：http://t.cn/RcWSVnh14、https://www.grabient.com/?ref=producthunt 一个颜色工具可以创建修改，抓取渐变15、纯色背景配色网依照色相抓取配色 Colorthunt http://www.colorhunt.co/16、依照关键词抓配色 Fatuicolorpickerhttp://www.flatuicolorpicker.com/动效网址1、https://www.lottiefiles.com/ icon 动效参考网站2、http://www.appanimations.com/https://uimovement.com/小动效网站3、https://www.lottiefiles.com/aep一个动画素材源文件网站，里面所有的动画都可以下载到源文件，方便设计师和开发二次创作，是可重复组合使用的动效素材APP 启动页1、http://iconsfeed.com/ 一个启动图合集的网站