时间：2023-05-01 15:28:37 点击次数：29
来源：设计工厂 | 作者：厂长
1、ZG
一个优秀的网页设计
2、Lawsof UX
一系列交互原则的介绍，配合极简风格的插图。https://lawsofux.com/
3、CollectUI，UI 设计必备！100 多个分类，不用发愁没灵感了 https://www.collectui.com/
4、分享一个种类丰富的 UI 组件灵感库
5、网格网站
6、按功能分类的设计网站
https://www.collectui.com/challenges/admin-panel
7、国外设计网站合集
https://www.freepik.com/index.php?goto=2&k=rocket&order=2&vars=2
8、GIF 垂直搜索引擎，不支持中文搜索，下载 GIF 网址
9、分享几个平时常用的网页设计参考
可根据配色筛选设计网站集锦
Bootstrap 优站精选
全球酷站中心
https://www.iiiimg.com/index.php
全球优秀网站集锦
https://www.siteinspire.com/websites
清爽简约风格的网页模板
http://stockholmlanding.select-themes.com/
界面简洁的网页设计汇集
日本网页设计欣赏
日本网页设计汇总网站
日本网页设计欣赏
韩国设计欣赏
优秀网页设计欣赏
这个网上软件类似 ps
11、平面纹理素材，图色网址
Hero Pattems
Thepattemlibrary
12、一批化妆品集团网站
爱茉莉
http://www.amorepacific.com.cn/
IOPE
http://www.iope.com/cn/zh/skincare_makeup.html
韩 佛
http://www.hanbul.com/?lang=zh-hans
伽 蓝
http://www.jala.com.cn/index.html
资深堂
高 丝
http://www.kose.co.jp/company/cn/
佳丽宝
https://www.kanebo-cosmetics.co.jp/，
13、海报网址
餐饮
商业展览
广告营销
韩国电影
https://pygmn.com/7-_-The-Magnificent-Seven
欧美电影
http://www.joblo.com/movie-posters/
国产电影
https://pick.mydesy.com/archives/category/graphic-design/poster
inspiration
https://www.inspirationde.com/?s=poster
designspiration
https://www.designspiration.net/
字体图形
https://www.typographicposters.com/posters
14、Picjumbo很有格调的图片网站
15、Studio Details分享超现实主义美学应用
16、The Dieline 包装设计方向
http://www.thedieline.comDieline
17、one page mania简约格调设计网站，需要科学上网
18、创意-广告传播-品牌
http://www.2plus1.dk/#hjem/ecogrid
http://www.bellchinagroup.com/
19、平面设计
http://carpentercollective.com/
http://www.bibliothequedesign.com/
20、摄影-影像
http://www.jessicadimmockphotography.com/
21、关于 iphone x
https://pan.baidu.com/s/1kVn96Kn
设计灵感
1、Fotor（懒设计）
探索海量模板 发现设计灵感的神奇网站，你可以把它当做“花瓣”来用
https://www.fotor.com.cn/templates
2、云端：高品质设计素材与资讯集合站
C4D、PS、PPT、Sketch、平面、影视、笔刷等资源应有尽有
https://www.yrucd.com/category/designresources
3、Niice：创建情绪版的最佳灵感网站
用于创意初期脑爆、产品风格设定时收集各种讨论素材的网站，没看懂，或者没用过的，可以去看看
4、背景纹理
5、科技网站推荐
6、这个也是一个类似于花瓣的
7、分享一个种类丰富的 UI 组件灵感库
8、很有创意的网站,类似于日记类
9、构图很大气，用斑点元素，然后选项卡也设计的比较有启发
http://goggles.wedze.com/winter-2017-2018/和
10、Dribbble
大把的灵感，不得不说，平时我做设计的很多灵感都来自于此，年轻，有活力，独特，新颖，潮流。
11、Behance
设计创意交流，设计前卫，有手机 APP 应用，支持中文
12、Pixabay
免费，激发灵感
13、365 Awesome Designers
每天推荐一名优秀设计师作品，发散思维
http://365awesomedesigners.com/
14、Booooooom
脑洞大开的设计网站
15、Illusion
提供灵感的高逼格网站
16、DADA
你可以与其他艺术家通过创意视觉图像的联结进行对话。也就是说用图像图画代替文字交流，炒鸡有趣哦。
插画网址
1、undraw
一个扁平插画集，可用于个人和商业，可调整颜色
https://undraw.co/illustrations
2、16xx8
一个很多插画教程的网站
http://www.16xx8.com/photoshop/shuhuijiaocheng/chahua/95_2.html
3、今天给大家推荐几个插画设计网址
⑦http://www.imagezoo.com/index.asp
4、weavesilk
分享个随便画画就很漂亮的网站
免费商用图片网址
大多数都不需要科学上网。
1、Foodiesfeed
一心一意提供专业美食相关的免费图库，所以，这个网站只有与美食相关的图片。这比那些图片分类多，但每一个分类下图片数量很少的网站专一多了
2、Kaboompics
一个为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站，所有的图片都可以应用于任何项目，没有版权限制。（这个网站，它居然有配色方案！而且，配色方案还可以下载下来。）
3、Nasa
美国国家航空航天局的网站，上面的图片涉及到美国的国家领导人
4、Magdeleine
号称“免费高清灵感系图片网”，它是一个每天分享免费高分辨率照片的网站
5、Streetwill
一个干净整洁无任何广告的图片分享网站（这一点深入我心），提供超高分辨率的图片资源，由众多摄影师提交分享，可以让你欣赏世界各地分自然风景、人物写真
6、别样网
国内较大的无版权高清图片网站，提供各类高质量的无版权图片。图片由用户自行上传，后台审核，优秀摄影师的交流平台，喜欢摄影的小伙伴，可以收藏
7、Gratisography
免费高分辨率摄影图片库，所有图片都可以用于个人或者商业用途，图片每周更新一次，适合开脑洞
8、Pexels
一个致力于为用户提供海量共享高清图片素材的网站，每周都会定量更新。它所有的图片都会显示详细的信息，例如：拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等
9、LifeOfPix
LifeOfPix 的图片多为欧洲景观，多为摄影师拍摄的生活类图片，所有的影像都是公共领域捐赠而来，比较适合旅游的人
10、Stocksnap
由多位摄影师创办，拥有丰富的免费照片
11、推荐几个好用的国外免费的图片源站（都可以直接打开，就是有的有点慢）
12、TheStocks
涵盖 Pixbay，Unsplash，Startup Stock，Gratisography，Pexels 在内的 15 个免费高清图片网站的资源。
13、最好的 27 个高质量免费图片网站
http://snapwiresnaps.tumblr.com
http://deathtothestockphoto.com
14、高清免费下载图片，尽量使用英文关键词搜索
15、复古图库
风景图库
黑白图库
美食图库
人物图库
欧洲景观
综合图库
日系图库
京东图库
摄影图库
16、trendlist
几乎全是画册、海报
note&point
PPT 灵感素材站。
The Pattern library
纹理素材
New OldStock
提供大量的老照片
Magdeleine
可以通过颜色、情绪寻找图片
foodiesfeed
主打美食，吃货设计师站点
Superfamous
艺术家 FolkertGorter 站点，很适合 web 设计，
和壁纸使用
17、古田路 9 号
以品牌为核心，集创意作品分享、活动招聘发布、广告推广、正版字体素材下载等多元化的交流分享平台
18、视觉 ME
设计社区
19、mmtstock
免费的商业图库
https://www.skypixel.com/（天空之城）
http://psiupuxa.com/（星空,宇宙）
https://www.netcarshow.com（汽车）
http://barnimages.com/(不要钱高清大图)
http://librestock.com/(不要钱的高清大图)
http://wallions.com/（文艺滤镜）
电商网址
趣味网址
1、http://www.species-in-pieces.com/#
各种有趣的晶格小动物
一个有趣的交互式音乐视觉网站。(第一次打开网页的时候会比较慢，可能需要在当前页面等一会儿)
把静态图片自动生成故障风格，还可以保存成 gif
感受一下代码的魅力
5、晶格化背景网站推荐
Trianglify
Owpolygonart
http://www.lowpolygonart.com/?page_id=2026
lowpoly
http://www.shejidaren.com/examples/tools/low-poly/
Wagerfield
http://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/测试你对像素宽度的识别能力
http://www.rgbchallenge.com 测试你对 RGB 的了解程度
http://type.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_2BVmw7GVdw
http://duotone.shapefactory.co/双色调
http://photomosh.com/故障艺术生成器
https://codepen.io/tsuhre/full/BYbjyg/炫光生成器
http://weavesilk.com/镜像炫光生成器
https://codepen.io/pissang/full/geajpX/渐变层生成器
http://codepen.io/Yakudoo/full/rJjOJx/流动渐变层生成器
demo.marpi.pl/biomes/体素生成器
http://pissang.github.io/voxelize-image/图片体素化生成器
http://pissang.github.io/papercut-box-art/剪纸风格生成器
http://wangyasai.github.io/Stars-Emmisionbiubiubiu 生成器
10、分享个萌酷有趣的星球生成器 http://oskarstalberg.com/game/planet/planet.html
11、放射粒子 Stars-Emmision
http://wangyasai.github.io/Stars-Emmision/
光线绘画 Weavesilk
多边形在线制作器
http://matthew.wagerfield.com/flat-surface-shader/
光效网址
https://codepen.io/tsuhre/pen/BYbjyg
粒子网址
https://codepen.io/vincentGareau/pen/pnlso
剪纸风格网址
https://pissang.github.io/papercut-box-art/
多种场景背景发生器
http://yiwenl.github.io/Sketches/
特效发生器网址http://atteredqualia.com/xg/examples/nebula_artefact.htm
NASA 星空
12、背景质感纹理生成器
http://www.noisetexturegenerator.com/
14、4K 超高清背景图下载网址
15、多种素材集合网址
科技数字生成器网址：https://www.airightinteractive.com/demos/js/emsx/
故障艺术生成器网址
渐变元素网址
16、等高线渐变背景
https://codepen.io/Yakudoo/full/rJjOJx/
抽象渐变背景
Icon 图标
1、一个萌趣又脑洞大开的图标网址
https://www.swifticons.com/?from=groupmessage
2、图标搜索
阿里巴巴矢量图标库
Easyicon
icon8 网址
多场景矢量图标网址
http://undraw.co/illustrations
3、图标除了阿里图标库之外的其他网站推荐
http://iconka.com/en/stickers-for-imo-messenger/
https://goodstuffnononsense.com/
后台界面
1、契合平台系统类以及可视化设计
https://themeforest.net/category/site-templates/admin-templates
2、很不错的后台系统开发模版
3、常规类后台https://preview.pro.ant.design/#/dashboard/analysis
4、这篇文章讲的后台挺详细的 https://zhuanlan.zhihu.com/p/28787738
5、个 demo 网站（后台管理系统）
https://shapebootstrap.net/items/category/html-templates/11-admin-templates
http://echarts.baidu.com/echarts2/doc/example.html
6、后台管理themeforest 上面很多的哦，都有 Live Demo
https://themeforest.net/category/site-templates/admin-templates
7、后台页面可参考
①全面功能和流程
http://www.10oa.com/v8/function.htm
②这里是 Ant Design 的 React 实现，开发和服务于企业级后台产品：
https://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.html
http://flatfull.com/themes/flatkit/
配色资源
灵感网站，可以自己选择搭配 5种颜色来搜索具有特定调色板的设计方案
2、http://taou.cn/5lpmi（用网页打开）
配色网站 ，可以通过对比色或者邻近色等来给出配色方案，还会给出一些小案例
3、material design palette
自动配色网站，任意选择两个你喜欢的颜色就能在瞬间生成一个比较全面的配色方案了，这个方案除了告诉你都有哪些颜色，并且提供简单的示例之外，还帮你安排好了主色、辅色、甚至文字标题的颜色等你没想到的其他细节！
http://www.materialpalette.com
4、Chinese colors
各种中国传统颜色一览，美得一塌糊涂
5、Colorize photo
Ai 帮你给黑白图片上色，输入图片链接，或者本地上传图片，网站会根据深度算法自动上色
http://demos.algorithmia.com/colorize-photos/
6、一波比较小众但很好用的色彩网站
0 to 255 — http://www.0to255.com
Colour Lovers — http://www.colourlovers.com
Adobe Kuler Color Wheel — https://kuler.adobe.com/create/color-wheel/
Color Scheme Designer — http://www.colorschemedesigner.com
Hex to RGB Converter — http://hex.colorrrs.com
Coleure — http://coleure.com/
Colllor — http://colllor.com/
7、一个配色网站
http://nipponcolors.com/#urayanagi
8、根据图片生成色卡
http://www.fancynode.com.cn/colorcube/home
9、色彩网站小集合
"色彩猎人"每天收集并策划发布美丽的配色方案
让寻找配色方案成为信手拈来的事情
推荐！帮助设计师们快速选到自己喜爱的配色方案
https://coolors.co/browser/latest/1
实用！成千上万的配色方案
https://uigradients.com/#Selenium
今年流行的渐变！点击屏幕两侧按钮可选更多色彩
网页设计师配色的最佳之选
日本酷站索引，近 6000 个！必备酷站
从图片中提取颜色参考
以主色调确定其它颜色
http://www.peise.net/tools/web/
在线配色器
http://skuawk.com/extractor.html
抓取图片颜色
看到配色好看的图片 可以上传吸取颜色
10、https://uigradients.com/#MoonPurple 这个是可以在线预览渐变颜色 自己复制粘贴色值的
11、推荐几个不错的渐变配色网站
https://uigradients.com/#Shore
https://webkul.github.io/coolhue/
12、配色神器
13、云配色：http://card.qdsay.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/RcWSVnh
14、https://www.grabient.com/?ref=producthunt
一个颜色工具可以创建修改，抓取渐变
15、纯色背景配色网
依照色相抓取配色 Colorthunt
16、依照关键词抓配色 Fatuicolorpicker
http://www.flatuicolorpicker.com/
动效网址
1、https://www.lottiefiles.com/ icon
动效参考网站
2、http://www.appanimations.com/
小动效网站
3、https://www.lottiefiles.com/aep
一个动画素材源文件网站，里面所有的动画都可以下载到源文件，方便设计师和开发二次创作，是可重复组合使用的动效素材
APP 启动页
一个启动图合集的网站
矢量素材
1、PNG 素材网址
PNGALL
觅元素网址
freepngs
Slick PNG
2、抽象矢量图搜索
Veclteezy
Freeplk
3、一个矢量图下载站
整站都是矢量的素材下载
免费的矢量、PSD、图标和照片下载
矢量插画源文件
免费矢量和 PSD 图片
设计元素的灵感图库
http://thedesigninspiration.com/
扁平矢量插画集
https://undraw.co/illustrations
免费矢量 PSD 素材
免费的矢量、PSD、图标和照片下载
背景生成器
https://wangyasai.github.io/Stars-Emmision/
在线下载背景素材网站
http://thepatternlibrary.com/#magnus-2050
无缝纹理背景的素材站
http://thepatternlibrary.com/#design-tools
免费的 SVG模板海报背景
支持大量图案下载
Logo 设计
关于 LOGO 设计的博文
1、https://www.logodesignlove.com/
2、很优秀的国外 LOGO 设计机构，提供了很多 LOGO 作品
https://99designs.com/logo-design
3、高品质的标志设计作品
4、一个设计灵感图库旗下的 logo 设计欣赏
http://thedesigninspiration.com/category/logos/ -
5、扁平化的 logo 库
6、设计精彩集锦
https://logopond.com/ - logo
7、超过17 万例的 LOGO 设计资源网站https://www.logolounge.com/
8、 国内外 Logo 灵感神器
9、品牌包装灵感站
http://bpando.org/ - LOGO
10、 LOGO 品牌标志设计理念趋势及案例展示http://underconsideration.com/ -
11、 深度解释和展示LOGO 设计
12、每天更新精品 LOGO
地图网址
1、地图和图标网址
https://pixelmap.amcharts.com/
2、Stadia Maps
可以为你提供出色的地图绘制体验，借助其中的矢量地图模块和栅格可以更好地绘制视觉效果出色的静态地图
3、http://lbs.amap.com/getting-started/mapstyle
一个可以定制地图样式的网站，让地图不在枯燥范围。
4、多风格地图工具网址
http://chiangbt.bithub.io/webcontent/Mapboxmap.html/
数据分析
1、数据分析网站
http://echarts.baidu.com/theme-builder/
http://echarts.baidu.com/index.html
工具推荐
键入相关参数就能导出 PNG 的栅格系统图
http://www.tuyiyi.com/tool-8348-1.html
分享三个 MAC 很全面的软件免费下载网址，最后一个注册一下就可以下载了，免费注册
3、https://zhuanhuan.supfree.net/
一个网站，在线进行各种文件格式转换的，里面除了常规的商务办公文档、图片、制图等的格式转换外，还有咱们设计师，进场用到的矢量文件格式转换
4、图表
https://www.hcharts.cn/demo/highstock
http://echarts.baidu.com/examples/
sketch 插件，在 sketch中默认 Shift +→移动的距离是 10 px，当你在一个 8px 的网格上工作时，这将是非常恼人的。幸运的是Anthony Collurafici 制作了一个名为 Nudg 的应用，可以设置最小和最大移动距离
关于网格选择 8 的倍数的原因和应用 （文章是英文的，大家可以用有道翻译官辅助哈）
贝塞尔工具，做动效时，与程序猿哥哥对接对接确实是让人头疼的事情，但是用这个贝塞尔工具可以把相应的参数对接给程序猿使用，很方便
7、http://bigjpg.com/ AI
人工智能图片放大 放大效果非常出色, 色彩保留较好, 图片边缘
也不会有毛刺和重影,。更重要的是，影响画质的噪点基本在放大的图片上看不出来。
样机模板
样机模板网站推荐
①https://www.yrucd.com 去云端下吧，样机比较多
③https://medialoot.com/mockups/
④http://www.uikit.me/index.php?s=/index/index/pid/2
⑤分享个样机模板 http://threed.io/ 网页直接编辑可以导出图片
压缩网址
1、图片压缩网站
https://imageoptim.com/mac（可离线压缩）
转 PDF：https://smallpdf.com/cn/compress-pdf
2、PDF 压缩 https://smallpdf.com/
3、GIF 压缩 https://ezgif.com/
综合性网站
1、设计导航推荐
中国设计网址导航：http://wz.cndesign.com/
腾讯设计导航：http://idesign.qq.com/#!index/feed
大狮搜索导航：http://p.bigbigwork.com
创造师导航：http://www.chuangzaoshi.com/
牛大拿导航：http://www.niudana.com/
奇目设计师导航：http://www.qisumu.com/
设计师导航：http://www.foolo.cn/
SDC 设计师网址导航：http://hao.uisdc.com/
设计导航：http://hao.shejidaren.com/
前端设计导航：http://nav.templatesy.com/
NAV80 导航：http://nav80.com/
优设网的设计师网址导航 https://hao.uisdc.com/
图翼网的设计导航：http://www.tuyiyi.com/hao/
2、设计师能用到的综合网站设计导航。这些网站汇聚了各种网页、logo、界面、ui 等优秀的网址与社区。常见的 dribbble、banchen、视觉中国等都有收集。
3、一个 ppt 导航类网址
4、https://reeoo.com/这是综合类素材网站
这个网站主要是集合网页设计、iphone APP 界面设计、icon 设计；设计作品质量相对较高。可以根据所选颜色来匹配搜索的资源。
5、http://collectui.com/designs 这个网站特别好用 ，采集的是 dribbble 上的作品，打开速度
比 dribbble 块，分类也多，墙裂推荐
6、推荐一个设计综合网站，里面不仅有主流的设计网站像 Dribbble、Behance、Pinterest 等等，还有一些 H5 制作和 web前端，还有一些书籍。http://www.adobeedu.com/
字体网址
识字体网
把图片放到求字体网试试
教程学习类
1、教你手绘freestyle 卡通涂鸦
https://uiiiuiii.com/draw/121211292.html
2、7 分钟教你实现手写字体动效
https://uiiiuiii.com/aftereffects/121211886.html
3、制作炫酷文字人像效果
https://uiiiuiii.com/photoshop/121212454.html
4、AverageJoseph 制作钻石字的方法
https://www.yrucd.com/48955.html
5、http://www.ui.cn/detail/361909.html
5 分钟教你学会骨骼动画
6、自学 C4D，不要错过这些教程 -知乎专栏
https://zhuanlan.zhihu.com/p/26277569utm_medium=social&utm_source=weibo
7、还有一套 ps 笔刷，适合手绘用的，里面有每种笔刷的使用方式
http://pan.baidu.com/s/1qYPrAVy
8、http://www.c4d.cn/3d-32244-1-1.html
这个讲材质很不错
9、滴滴的这篇文章有系统讲解组件化的思维
http://www.zcool.com.cn/article/ZNjA0Mzky.html
设计规范
1、弹窗规范
http://www.zcool.com.cn/article/ZMzkyOTQ0.html
2、切图命名规范
http://www.qijishow.com/down/cutname.html
3、Adele
设计系统/规范库，收集了目前各大公司公开的设计系统。
4、设计规范
一安卓的设计规范
https://material.io/design/motion/#principles
iPhone 尺寸规范
分享一个规范网站
http://element-cn.eleme.io/#/zh-CN/component/icon
腾讯ISUX
腾讯系的产品品牌规范都可以查看下载
https://isux.tencent.com/brands/#
分享个移动应用图标生成工具，一键生成所有尺寸的应用图标
6、弹窗规范
http://www.zcool.com.cn/article/ZMzkyOTQ0.html
大家在看规范的时候不要机械的去套，每个规范给出的时候后面基本都会有一小段解释来说
