产品/设计师/独立开发者的资源网站导航

完整导航页:https://design.ilovefree.com/
🎨 插画素材
免费矢量插画资源
- unDraw – https://undraw.co/illustrations
一个扁平化插画图库,可以直接调整所有插图的主要颜色,支持下载SVG和PNG格式,不需要标示出处,可用于商业用途 - ManyPixels – https://www.manypixels.co/gallery/
插画颜色以渐变色为主,图案细节更细腻。网站每周发布新素材,支持SVG和PNG格式,可免费用于个人及商业用途 - DrawKit – https://www.drawkit.io/
免费矢量插画网站,包含40多个免费插画、20个插画合集、100个模块化插画组件 - Humaaans – https://www.humaaans.com/
现代扁平风矢量插画素材,包含.sketch/.svg/.png三种格式,方便再编辑 - Open Doodles – https://www.opendoodles.com/
涂鸦类型插画集,可出于任何目的复制、编辑、重组、共享或重画这些图像,无版权限制
🖼️ 图库网站
高质量免费图片
- Pexels – https://www.pexels.com/
免费高品质图片下载网站,提供海量共享图片素材,每周定量更新,显示详细的拍摄信息 - Unsplash – https://unsplash.com/
拥有超过850,000张免费高分辨率照片,由100,000多名摄影师和创作者组成的社区 - Pixabay – https://pixabay.com/
超过1.6百万张高质量免费图像、矢量和视频素材,可复制、修改、转发,无需申请许可 - FoodiesFeed – https://foodiesfeed.com/
收录各类美食为主的图库,提供精美自然的美食照片资源,完全免费下载
⚙️ 图标网站
图标资源库
- IconFont – https://www.iconfont.cn/
阿里巴巴矢量图标库,国内功能强大且图标内容丰富,提供矢量图标下载、在线存储、格式转换 - Flaticon – https://www.flaticon.com
最大的图标数据库,拥有超过1734000个图标、35900+图标合集 - Icons8 – https://icons8.cn
86,000个免费的平面图标,在20秒内生成任何格式、大小和颜色的图标 - Feather – https://feathericons.com/
精美线性开源图标库,每个图标采用24×24网格设计,强调简洁性、一致性和可用性
📱 样机工具
产品展示工具
- Mockup-Generator – https://www.pixeltrue.com/mockup-generator
完全免费的样机模型,点击几下即可创建精美产品模型,在5种设备类型上拥有30多种不同模型 - THINGS – https://things.morflax.com0/
可自定义3D设备模型的工具,创造独特风格引人入胜的3D样机模型 - Smartmockups – https://smartmockups.com/
实用的在线工具,将任何图片或网址截图无缝结合到设备模型中 - Cleanmock – https://cleanmock.com/
快速创建精美的移动或Web应用程序设备模型的在线工具,功能强大,操作简单
🎨 配色推荐
色彩灵感工具
- ColorSupply – https://colorsupplyyy.com/app
收集世界各地设计大神的配色方案 - Coolors – https://coolors.co/
配色方案自动生成器,拥有Web端和iOS App - 色彩猎人 – https://colorhunt.co/
帮助产品设计师们更好的选择颜色搭配组合 - 中国色 – https://colors.ichuantong.cn/
漂亮的中国古典颜色在线手册 - Adobe Color – https://color.adobe.com/
Adobe官方出品,帮助通过配色找到相应色系的图片
🧩 UI 套件
界面设计资源
- uibundle – https://uibundle.com/
发现来自167位独立作者的免费设计资产,搜索UI套件、模型、图标、字体等资源 - UI Store Design – https://www.uistore.design/
拥有将近400个精心挑选的免费UI工具包资源,质量超高 - Inside Design – https://www.invisionapp.com/inside-design/design-resources
提供高质量的UI套件、图标包和模型库
🌅 背景素材
背景资源库
- The Pattern Library – http://thepatternlibrary.com/
免费分享背景素材的网站 - Cool Backgrounds – https://coolbackgrounds.io/
包含低多边形、粒子、渐变、梯度地形及Unsplash图像的免费背景素材网站 - Hero Patterns – https://www.heropatterns.com/
免费在线SVG背景素材库,支持更改前景色、背景色及前景不透明度
🎬 视频素材
视频资源
- MixKit – https://mixkit.co/free-stock-video
提供高画质视频素材和各种风格插画素材,包含商业科技、城市、音乐、生活等类型 - Pexels Videos – https://www.pexels.com/videos
提供高质量的视频素材 - Coverr – https://coverr.co/
可通过关键词或分类筛选的免费商用视频网站
💻 代码美化
代码展示工具
- Carbon – https://carbon.now.sh/
代码转图像的开源项目,在GitHub上拥有20000多颗星 - Codeimg.io – https://codeimg.io/
创建代码图像的工具,目前仍在测试中
📸 截图美化
截图优化工具
- Screely – https://www.screely.com/
在线网页展示效果生成工具,将屏幕截图和设计快速转变成精美展示模型 - Screenzy – https://screenzy.io/
图片和截图美化工具,增加字体选择、相框、渐变背景等功能
🔤 字体设计
字体资源
- 字由 – http://www.hellofont.cn/
设计师必备字体利器,搜索UI套件、模型、图标、字体等资源 - Google Fonts – https://fonts.google.com/
Google字体在线预览网站 - 100font – https://www.100font.com/
专门收集整理”免费可商用字体”的网站
💡 设计灵感
创意灵感平台
- dribbble – https://dribbble.com/
全球设计师作品秀社区,供设计师展示作品、同行交流、寻找灵感 - Behance – https://www.behance.net/
创意设计人士展示作品,发现别人分享的创意作品 - 花瓣 – https://huaban.com/
设计师寻找灵感的天堂,图片素材领导者,帮你采集、发现网络上你喜欢的事物
🛠️ 设计利器
设计工具
- Screen Size Map – https://www.screensizemap.com/
响应式设计的屏幕尺寸图,显示屏幕尺寸对应的设备、人气度、类别 - 搞定设计 | 在线PS – https://ps.gaoding.com/
网页版PS,与PhotoPea联合提供,速度稳定反应更快 - PhotoPea – https://www.photopea.com/
免费版”PhotoShop”,基于WEB的在线高级图片编辑器,拥有几乎与PhotoShop一样的功能
🔷 LOGO设计
Logo设计工具
- Instant Logo Search – http://instantlogosearch.com/
提供SVG向量图、PNG格式免费下载,实时搜寻数千种品牌图案 - Logopond – https://logopond.com/
全球最大的logo分享平台 - Free Logo Design – https://www.freelogodesign.org/
提供多种可用模板,调用各种字体、色彩和图形来构建LOGO
👤 生成头像
头像生成工具
- UI Faces – https://uifaces.co/
聚合真实人物照片的头像素材库,每张照片都经过Microsoft的Face API处理 - Avataaars Generator – https://getavataaars.com/
免费在线头像生成器,轻松制作漂亮的个人头像 - Boring Avatars – https://boringavatars.com/
基于文本生成SVG圆形头像,支持自定义颜色、可直接复制SVG代码
🧠 思维导图
思维整理工具
- Draw.io – https://www.draw.io/
专业开源图表工具,创建和共享流程图、组织结构图、UML图等 - Whimsical – https://whimsical.com/
团队协作可视化工作区,提供流程图、线框图、便签和思维导图工具 - ProcessOn – https://www.processon.com/
免费在线作图、实时协作,支持流程图、思维导图、原型图等
📦 压缩网站
文件压缩工具
- TinyPNG – https://tinyjpg.com/
经典在线压缩网站,一次性压缩20张不超过5MB的.png或.jpg图片 - Squoosh – https://squoosh.app/
Google开源图片压缩服务,支持JPG、PNG、WebP等格式的极限压缩 - docsmall – https://docsmall.com/
在线图片、gif压缩工具,提供图片压缩、GIF压缩、PDF处理功能
🔍 无损放大
图片放大工具
- bigjpg – http://bigjpg.com/
使用AI人工智能深度学习技术,对图像进行放大,实现图片无损放大 - waifu2x – http://waifu2x.udp.jp/index.zh-CN.html
支持多国语言的在线图片放大工具,使用卷积神经网络进行放大及降噪处理 - Let’sEnhance.io – https://letsenhance.io/cn
采用基于深褶积神经网络的尖端图像超分辨技术,大幅增加照片大小不失质量
⚡ 效率工具
工作效率工具
- Firefox Send – https://send.firefox.com/
开源私密文件分享服务工具 - RemoveBg – https://www.remove.bg/zh
强大的线上去背景网站,100%全自动AI技术,快速分辨照片前景和背景 - I Love PDF – https://www.ilovepdf.com/zh-cn
完全免费的PDF处理工具,包括合并、拆分、压缩、转换、旋转等功能
🔊 音效资源
音频素材库
- FreeSFX – https://freesfx.co.uk/
50万+音效资源,由专业音效公司提供,在线试听、分类检索、可商用下载 - Icons8 Music – https://icons8.cn/music
免费背景音乐素材库,每首歌曲打上标签及分类,支持试听 - BBC Sound Effects – http://bbcsfx.acropolis.org.uk/
收录超过16,000多个声音效果,包含早期广播、演讲、动物鸣叫等
😊 表情设计
表情符号资源
- Emojious – https://www.emojious.com/categories/classics
情感表情图标库,拥有3600多个图标,表情包分类精致 - Streamline Emoji – https://app.streamlineicons.com/freemojis
免费的可爱表情符文集,超过780个矢量表情免费下载 - OpenMoji – https://openmoji.org/
开源表情符号,超过3000种不同类别表情符号,提供彩色和单色SVG、PNG格式
✨ 动效设计
动画效果工具
- LottieFiles – https://lottiefiles.com/
开源动画文件格式,体积小、质量高,可创建交互动画 - 犸良 – https://design.alipay.com/emotion
一站式动效制作平台,通过海量动效素材和可视化编辑能力,轻松完成动效制作 - Zdog – https://zzz.dog/
圆形、扁平、设计师友好的伪3D引擎
💻 前端框架
开发框架
- Ant Design – https://ant.design/index-cn
蚂蚁金服出品,基于React开发的著名框架 - Bootstrap – https://www.bootcss.com/
简洁、直观、强悍的前端开发框架,让web开发更迅速、简单 - Element – https://element.eleme.cn/#/zh-CN
基于Vue 2.0的桌面端组件库 - React – https://react.docschina.org/
用于构建用户界面的JavaScript库,有效更新并正确渲染组件
这个完整的资源导航涵盖了设计工作流的各个方面,从创意灵感到具体实施,从视觉设计到前端开发。建议收藏此页面,在工作中随时查阅使用,大幅提升设计效率和专业水准。
