灰大设计导航

type: text

text: 富婆图表超全面的在线图表工具，支持下载JPG、PNG、SVG、以及导出现成echarts代码

link: www.richcharts.com

behavior: follow

type: text

text: ShapeFactory他们家有好多简单好用的设计工具

link: shapefactory.co

behavior: follow

type: text

text: Pixel Map下载国外矢量地图素材，该网站祖国地图不全，请只使用国外地图

link: pixelmap.amcharts.com

behavior: follow

type: text

text: patternico免费创建可平铺的图案

link: patternico.com

behavior: follow

type: text

text: Rive动画工具，里面的案例好看到哭。非常专业的感觉

link: rive.app

behavior: follow

type: text

text: LOADING IO里面都是loading小动画，可以下载用

link: loading.io

behavior: follow

type: text

text: Glitch Art Generator创建一些不规则渐变条，适合做背景图片

link: glitchart.io

behavior: follow

type: text

text: magicposer一个超级好玩的3d小人，可以控制他做任何动作，可以渲染图片

link: webapp.magicposer.com

behavior: follow

type: text

text: SVG BackgroundsSVG背景生成器，画面靓丽非常活泼

link: www.svgbackgrounds.com

behavior: follow

type: text

text: Icograms通过拖拉拽组件，就可以拼接成2.5D的城市，可以下载svg或png图片（需科学上网）

link: icograms.com

behavior: follow

type: text

text: Space Type Generator制作各种文字环绕效果，右上角有个切换菜单比较隐秘

link: spacetypegenerator.com

behavior: follow

type: text

text: blobmaker形状生成器，生成类似水滴的SVG形状

link: www.blobmaker.app

behavior: follow

type: text

text: Easings可以测试常见缓动曲线，直观方便的让你理解**规律

link: easings.co

behavior: follow

type: text

text: Shape Divider调节参数可以方便制作那种带波的形状。方便做网站

link: www.shapedivider.app

behavior: follow

type: text

text: cubic-bezier调整贝塞尔曲线，直观展示各种动效

link: cubic-bezier.com

behavior: follow

type: text

text: tinypng压缩你的png图片，质量不变，体积却更小

link: tinypng.com

behavior: follow

type: text

text: CLIPPING MAGIC自动去除图片背景的另一个网站

link: clippingmagic.com

behavior: follow

type: text

text: slazzer自动去除图片背景，免费下载小尺寸，但是高清大尺寸则要登录

link: slazzer.com

behavior: follow

type: text

text: Squoosh国外在线压缩图片工具，可以调整图片质量，实时查看

link: squoosh.app

behavior: follow

type: text

text: bigjpgAI智能图片无损放大

link: bigjpg.com

behavior: follow

type: text

text: I Love PDF几乎把所有的格式都能转成pdf

link: www.ilovepdf.com

behavior: follow

type: text

text: easy PDF免费的pdf转换成各种格式的网站，安全、匿名、无限制

link: easypdf.com

behavior: follow

type: text

text: photomosh生成故障风格的图片

link: photomosh.com

behavior: follow

type: text

text: let’s Enhance模糊图片变清晰，注册一个账号后可以免费使用5次

link: letsenhance.io

behavior: follow

type: text

text: tob.design全网首个B端可视化设计师平台

link: tob.design

behavior: follow

type: text

text: newstech日本科技感网站，纯炫技，可视化学习很不错资料

link: www.newstech.jp

behavior: follow

type: text

text: wrapBootstrap基于BootStarp的高质量的模板

link: wrapbootstrap.com

behavior: follow

type: text

text: coreui国外高质量B端模板，点击live preview有具体示例

link: coreui.io

behavior: follow

type: text

text: semantic-ui一整套前端框架，值得UI设计师学习的规范

link: www.semantic-ui.com

behavior: follow

type: text

text: Jet Propulsion LabNASA用一个小车探索月球，未来三维可视化可能像玩游戏

link: opensourcerover.jpl.nasa.gov

behavior: follow

type: text

text: launchit效果很骚的数据可视化，超级带感的炫酷地球

link: launchit.shanemielke.com

behavior: follow

type: text

text: framesforsketch设计规范不会做？看看外国人全套完整商业规范

link: framesforsketch.com

behavior: follow

type: text

text: Kepler上传本地数据，生成炫酷可视化效果

link: kepler.gl

behavior: follow

type: text

text: EasyMap一个下载国内省市区地图数据的好地方，json格式，还能应用到拉框助手里面

link: map.easyv.dtstack.com

behavior: follow

type: text

text: DES GmbH你可以控制一个无人机，到一片立体地图的区域随意飞行

link: des.de

behavior: follow

type: text

text: GMUNK国外数据可视化网站，里面有很多科幻电影方面收集

link: gmunk.com

behavior: follow

type: text

text: HUDS+GUIS国外专门收集科幻电影FUI方面可视化作品网站

link: www.hudsandguis.com

behavior: follow

type: text

text: 水墨杭州水墨风格的杭州，中国风，很酷

link: hangzhou.gamemcu.com

behavior: follow

type: text

text: 微信开放社区必须先使用微信登录，才能查看微信小程序和官方文档

link: developers.weixin.qq.com

behavior: follow

type: text

text: Spectrum by AdobeAdobe的设计系统

link: spectrum.adobe.com

behavior: follow

type: text

text: 饿了么Element饿了么设计规范

link: element-plus.gitee.io

behavior: follow

type: text

text: Material DesignGoogle最著名的设计规范

link: www.material.io

behavior: follow

type: text

text: Zan Design有赞设计系统

link: design.youzan.com

behavior: follow

type: text

text: BootStrapTwitter设计师早期制作的鼻祖型框架

link: www.bootcss.com

behavior: follow

type: text

text: 百度CXD百度CXD

link: yunshe.design

behavior: follow

type: text

text: Figma的设计系统博客Figma的设计系统博客

link: www.designsystems.com

behavior: follow

type: text

text: AtlassianAtlassian设计系统

link: atlassian.design

behavior: follow

type: text

text: Evergreen构建不断发展的产品的UI套件

link: evergreen.segment.com

behavior: follow

type: text

text: UDC DESIGN京东数科出品-完整的前中台设计效率解决方案

link: findesign.jd.com

behavior: follow

type: text

text: Nord Design System一整套非常详细全面的规范

link: nordhealth.design

behavior: follow

type: text

text: Arco Design字节跳动出品的另一款企业级产品设计系统，内容较全，值得系统学习

link: arco.design

behavior: follow

type: text

text: TDesign腾讯出品，提供了完整的设计语言、视觉风格指南和设计资源

link: tdesign.tencent.com

behavior: follow

type: text

text: Kingcloud Design金山云出品，企业级产品和数字体验的开源设计系统

link: design.ksyun.com

behavior: follow

type: text

text: blender初学者学习blender的超棒平台

link: www.blenderyyds.com

behavior: follow

type: text

text: 优设网国内极具人气的设计师交流学习平台

link: www.uisdc.com

behavior: follow

type: text

text: Dribbble 追波全球知名的设计网站

link: dribbble.com

behavior: follow

type: text

text: Behance全球知名设计社区，不过需要科学上网才能访问

link: www.behance.net

behavior: follow

type: text

text: sps日本网站（包括手机端）优秀界面设计，里面有大量案例

link: spscollection.com

behavior: follow

type: text

text: uplabs国外设计网站

link: www.uplabs.com

behavior: follow

type: text

text: jupiter里面很多国外设计示例，非常不错

link: jupiter.artbees.net

behavior: follow

type: text

text: PROUD & PUNCH一个卖雪糕的网站，艺术与技术完美结合，插图很美

link: www.proudandpunch.com.au

behavior: follow

type: text

text: Material DesignMaterial Design的样式、图标、颜色等

link: www.materialpalette.com

behavior: follow

type: text

text: UI Movement收录大量动效的灵感网站，点作者名字还会调整到作者的追波或behance

link: uimovement.com

behavior: follow

type: text

text: CSSDesignAwards全球优秀CSS网页设计奖提名作品，好看到哭

link: www.cssdesignawards.com

behavior: follow

type: text

text: One page Love收集大量漂亮网站，网页设计的朋友一定要去看看

link: onepagelove.com

behavior: follow

type: text

text: MUUUUU收集了大量日本设计网站，他们网站偏向平面设计，好赞

link: muuuuu.org

behavior: follow

type: text

text: awwwards精美创意设计汇聚

link: www.awwwards.com

behavior: follow

type: text

text: Notefolio韩国优秀设计学习

link: www.notefolio.net

behavior: follow

type: text

text: UI8里面都是成套成套的模板，虽然是付费的，但是你可以参考学习

link: ui8.net

behavior: follow

type: text

text: Bootstrap Made响应式网站目标，都是整站的，还有很多免费的可以下载

link: bootstrapmade.com

behavior: follow

type: text

text: Reeoo里面全都是网页设计的收集，超棒

link: reeoo.com

behavior: follow

type: text

text: CodeMyUI动效和代码都有，再也不用担心程序员无法实现啦~

link: codemyui.com

behavior: follow

type: text

text: Appealing里面都是App的动效，还做了细致的分类

link: app-ealing.com

behavior: follow

type: text

text: REFLEX DESIGN作品年轻有活力的国内设计公司，平面、包装、动效…方方面面都惹人喜爱~

link: reflexdesign.cn

behavior: follow

type: text

text: TREEFISH比我大不了几岁的设计师展示出了过人的天赋，我一天的好心情都被毁了

link: treefish.gitee.io

behavior: follow

type: text

text: foodiesfeed说出来你可能不信，里面全是好吃的

link: www.foodiesfeed.com

behavior: follow

type: text

text: Pexels才华横溢的摄影作者在这里免费分享最精彩的素材图片和视频

link: www.pexels.com

behavior: follow

type: text

text: Pixabay图片质量高，配图壁纸丰富

link: pixabay.com

behavior: follow

type: text

text: GENERATED PHOTOS里面全是AI合成人脸，可以选取亚洲人分类，不要担心版权

link: generated.photos

behavior: follow

type: text

text: PICaboo超多分类，免费可商用的日本卡通素材网站，可下载esp格式

link: pic-aboo.com

behavior: follow

type: text

text: xFrame收录亚洲面孔的日本免费图库，可免费商用。google账号登录后每天可下载10张

link: xframe.io

behavior: follow

type: text

text: AI ColorsAI配色，实时在线预览效果

link: aicolors.co

behavior: follow

type: text

text: 中国色中国传统颜色

link: www.zhongguose.com

behavior: follow

type: text

text: Color Hunt用户对配色有评分，高分配色大家认可度高

link: colorhunt.co

behavior: follow

type: text

text: Coolors比较专业的配色工具，支持各种终端

link: coolors.co

behavior: follow

type: text

text: UI Gradients里面全都是好看的渐变色

link: uigradients.com

behavior: follow

type: text

text: Colordot滑动鼠标产生不同颜色，点击后自动生成配色

link: color.hailpixel.com

behavior: follow

type: text

text: ColorDrop上百种色板配色参考，还能设置背景色，查看搭配效果

link: colordrop.io

behavior: follow

type: text

text: Color review针对视力障碍人士，你需要制作出色彩对比度是7:1，保证所有用户群体正常内容识别

link: color.review

behavior: follow

type: text

text: Colorsinspo上千种配色面板

link: colorsinspo.com

behavior: follow

type: text

text: Grabient渐变色配色面板

link: www.grabient.com

behavior: follow

type: text

text: Brand Colors国内外知名公司品牌颜色汇总

link: brandcolors.net

behavior: follow

type: text

text: Colorion一个专注配色的网站，里面还有渐变色彩按钮很多东西

link: www.colorion.co

behavior: follow

type: text

text: Tint & Shade Generator输入一个颜色值，自动给你生成10个不同明度色阶，点击可复制结果

link: maketintsandshades.com

behavior: follow

type: text

text: gradienta生成多种渐变的网站，可以下载较大尺寸的图片。适合做背景图

link: gradienta.io

behavior: follow

type: text

text: GradientsGuru渐变色网站，点击左下角Blend Mode还可以上传图片，给图片增加混合模式的渐变

link: gradientsguru.com

behavior: follow

type: text

text: Eva Design输入一个颜色，可以自动生成梯度色卡

link: colors.eva.design

behavior: follow

type: text

text: Toolbox通过多层渐变叠加，生成特别漂亮的混合渐变色，还能复制CSS

link: toolbox.signalsupply.co

behavior: follow

type: text

text: Picular输入英文单词，网站会推荐对应的颜色

link: picular.co

behavior: follow

type: text

text: PixelSquid3d素材和ps插件下载，里面还有很多透明png、psd的图片素材下载，并且有每个角度，还可以旋转

link: www.pixelsquid.com

behavior: follow

type: text

text: fontsquirrel国外字体下载的一个网站

link: www.fontsquirrel.com

behavior: follow

type: text

text: freepik国外的一个设计网站，可以免费下载素材

link: www.freepik.com

behavior: follow

type: text

text: freebiesbug国外免费资源下载，包含图片、字体、图标、样机…

link: freebiesbug.com

behavior: follow

type: text

text: uispace免费的PSD、AI、字体…

link: uispace.net

behavior: follow

type: text

text: PSDDD免费的psd和sketch文件下载，质量特别高

link: psddd.co

behavior: follow

type: text

text: ls Graphics高质量的国外展示样机，里面也有不少免费的

link: www.ls.graphics

behavior: follow

type: text

text: Figma ResourceFigma社区用爱发电，收集了各种免费资源、设计稿件等等

link: www.notion.so

behavior: follow

type: text

text: 3D Hands Gestures里面全部都是立体的蠢萌小手，可以用来做Banner

link: www.handz.design

behavior: follow

type: text

text: MIXKIT免费的视频和声音下载。点右上角Photos也有图片下载

link: mixkit.co

behavior: follow

type: text

text: 字体海量字体和预览

link: fonts.google.com

behavior: follow

type: text

text: 360查字体查询字体版权，避免商业纠纷

link: fonts.safe.360.cn

behavior: follow

type: text

text: dafont国外的字体下载网站，里面有特别多英文字体

link: www.dafont.com

behavior: follow

type: text

text: Iconfont枯藤老树昏鸦，小桥流水人家，图标还得看看阿里巴巴

link: www.iconfont.cn

behavior: follow

type: text

text: iOS Icon Gallery网站收集了很多iOS精美图标，看了以后，我觉得自己不适合做设计

link: www.iosicongallery.com

behavior: follow

type: text

text: iconfinder图标很骚，质量很高，没有灵感你就照着描

link: www.iconfinder.com

behavior: follow

type: text

text: thenounproject种类繁多，方便搜索。美丽的你不需要浓妆艳抹~

link: thenounproject.com

behavior: follow

type: text

text: fontawesome爱过，但是现在不爱了...

link: fontawesome.com

behavior: follow

type: text

text: useanimations带动效的图标，可以免费下载svg和json动效

link: useanimations.com

behavior: follow

type: text

text: nucleoapp 图标博物馆，里面有3万多图标

link: nucleoapp.com

behavior: follow

type: text

text: Remix Icon这位作者牛，想和他做基友“伯母你好，我是你儿子的男朋友”

link: remixicon.com

behavior: follow

type: text

text: Flaticon免费矢量图标，扁平化彩色图标比较多

link: www.flaticon.com

behavior: follow

type: text

text: IKonate可定制图标粗细、拐角、颜色、大小。这个想法真棒

link: ikonate.com

behavior: follow

type: text

text: LineIcons2000+线性图标，每个都很精美

link: lineicons.com

behavior: follow

type: text

text: worldvectorlogo全球知名Logo矢量素材免费下载

link: worldvectorlogo.com

behavior: follow

type: text

text: Feather免费下载的svg格式线形开源图标，在github上已经有18.8K的star

link: feathericons.com

behavior: follow

type: text

text: CSSGG700+开源精致图标，居然还是大佬用CSS写的。佩服大佬们的技术

link: css.gg

behavior: follow

type: text

text: Basicons免费可商用的186个线条图标打包下载

link: basicons.xyz

behavior: follow

type: text

text: Heroicons很不错的开源图标，有线性和面型两种

link: heroicons.com

behavior: follow

type: text

text: IconPark图标来自字节，设计要靠自觉。做好视觉和透视学，才能真正进阶

link: iconpark.bytedance.com

behavior: follow

type: text

text: Iconscout里面有大量图标和插图，各种不同风格

link: iconscout.com

behavior: follow

type: text

text: toicon可以免费下载svg矢量格式的图标网站

link: www.toicon.com

behavior: follow

type: text

text: Streamline Icons超多矢量线性图标，有xd/Ai/sketch/Figma插件，3万个png是免费的300svg

link: streamlineicons.com

behavior: follow

type: text

text: Iconstore海量免费图标下载，无需注册，方便好用

link: iconstore.co

behavior: follow

type: text

text: Health Icons医疗图标大全，免费可以下载矢量格式

link: healthicons.org

behavior: follow

type: text

text: iconhub免费图标集，多达1700多个高质量图标。还可切换图标样式

link: iconhub.io

behavior: follow

type: text

text: Pixelarticons像素图标，制作特别小的图标的时候，特别需要它。

link: pixelarticons.com

behavior: follow

type: text

text: IFN来自日本的一整套免费图标，可以下载SVG矢量格式

link: illustration-free.net

behavior: follow

type: text

text: LOGO神器通过输入名称和简单描述，自动生成各种风格logo，给你设计更多灵感和参考

link: www.logosc.cn

behavior: follow

type: text

text: P站logo生成器可以很方便的生成P站风格的logo，支持导出png图片

link: www.logoly.pro

behavior: follow

type: text

text: Logopond各种类型的logo,缺少灵感的时候，记得去看看

link: logopond.com

behavior: follow

type: text

text: 小米风格Logo生成器原研哉价值200w的Logo，用这个网站1秒钟生成

link: mi-logo.lvwzhen.com

behavior: follow

type: text

text: Logo分类汇总网站Logo分类汇总网站，给你很多灵感

link: www.logobook.com

behavior: follow

type: text

text: Icones字体图标大全，里面收集了很多字体图标，也可以下载SVG

link: icones.js.org

behavior: follow

type: text

text: Lucide非常牛逼的图标网站，还有Figma插件。图标很全，质量很高

link: lucide.dev

behavior: follow

type: text

text: Humaaans免费可商用的自由插画组件，还有xd、sketch、figma插件

link: www.humaaans.com

behavior: follow

type: text

text: DrawKit美丽又温馨的矢量插图

link: www.drawkit.io

behavior: follow

type: text

text: Avataaaars Generator插图样式的头像生成器，可以灵活组合成各种样子

link: getavataaars.com

behavior: follow

type: text

text: Personas by Draftbit现代的俏皮头像生成器

link: personas.draftbit.com

behavior: follow

type: text

text: Sapiens Character有趣的人物噪点插图，人物画的非常棒

link: sapiens.ui8.net

behavior: follow

type: text

text: Free Illustrations免费的矢量插图

link: freeillustrations.xyz

behavior: follow

site: www.richcharts.com

type: text

text: 设计导航

link: www.huisezhizhao.com

behavior: follow