适合开发、产品经理、设计师的一百个网站
3D-Illustration-Pack
一组手工制作个性十足的高质量3D插画,支持Figma格式,可以导出PNG、SVG、JPG、PDF,可以免费用于个人项目中。
61. Christmas-圣诞节矢量插图:https://icons8.com/l/christmas-illustrations
圣诞快乐系列的插图,它可以为您的精彩项目提供400多种不同风格的独特圣诞节主题插图,同时提供了PNG和SVG格式。
62. Illustration Kit-每天更新的高级开源插画集合:https://illustrationkit.com
一个每天更新的高级开源插画集合,目前有110多个场景、55个以上的人物角色,可免费用于个人和商业项目中。
63. StorySet-免费可自定义的插图网站:https://storyset.com
一个免费可自定义的插画网站,这些矢量插画可免费用于个人和商业项目中,种类风格多样,可扩展性强。
64. Amigos-自由定制人物角色和插画:https://amigos.blush.design
一个可自由定制人物角色和插画的资源网站Amigos,它是一个手绘插画库,可以用不同的人物插画重新组合定制,提升产品的视觉效果。
65. Manufactory Illustrations-丰富多彩的插画构造器:https://manufactory.craftwork.design
一个丰富多彩的插画构造器,它超过150个元素、80个内部元素、58个背景组合,使用这些元素可以帮助我们创建丰富多彩的场景供我们的移动端或Web产品使用。
3. 图库网站(网站数量:39个)
1. Pexels-免费高品质图片下载网站:https://www.pexels.com
提供海量共享图片素材,每周都会定量更新,所有的图片都会显示详细的信息,例如拍摄的相机型号、光圈、焦距、ISO、图片大分辨率等,高清大图质量很不错。
2. Pixabay-1.6百万张高质量免费图像:https://pixabay.com
Pixabay 拥有超过1.6百万张高质量免费图像、矢量和视频素材,你可以复制、修改、转发等方式使用这些图像,甚至用作商业用途,无需申请许可,也无需支付版税。
3. Negative Space-摄影作品的图片网站:https://negativespace.co
NegativeSpace是一个众所周知的分享摄影作品的图片网站,有大量高分辨率图片供个人或商业使用,照片除按热门标签分类外,还可按颜色分类查找。
4. FoodiesFeed-各类美食为主的图库:https://foodiesfeed.com
爱与美食不可辜负,这个网站是收录了各类美食为主的图库,FoodiesFeed上是最佳视觉效果的免费物照片,这些精美自然的美食照片资源,完全可以免费下载。
5. Unsplash-850,000张免费高分辨率照:https://unsplash.com
Unsplash 是一个拥有100,000多名摄影师和创作者的社区,这些慷慨的摄影师社区为你来带超过850,000张免费高分辨率照片,同时每天还有数千张照片在不断更新。
6. Pixelmob-免费图库聚合搜索引擎:https://pixelmob.co
Pixel Mob是国外的一家针对图片素材类网站进行聚合搜索的网站,也就是说让你一次搜寻就能查找各个常用图库网站,相对来说更节省时间,设计师和图片需求用户必备。
7. Foter-3.35亿张免费高质量图片素材:https://foter.com
Foter 拥有超过3.35亿张免费高质量图片素材,照片内容涵盖抽象、艺术、科技、自然、商业等多个领域,你可以匿名访问网站,也可以注册订购网站内容。
8. Burst-免费照片平台:https://burst.shopify.com
Burst 是由 Shopify 提供支持的免费照片平台,图像库包含数千个由全球摄影师社区拍摄的高分辨率、免费图像,你可以将图片用于个人或商业用途。
9. Visualhunt-3亿多张高品质免费照片:https://visualhunt.com
Visualhunt 拥有3亿多张高品质免费照片,网站寻找来自许多在线资源的最佳免费图像,其中大部分照片都有CC0许可证,你可以免费用于个人或商业用途。
10. Barnimages-高质量摄影图片:https://barnimages.com
Barnimages 是由拉脱维亚的两位摄影师Igor Trepeshchenok 和 Roman Drits 于2015年3月推出的,网站提供高质量摄影图片,并且每周都会添加新的免费图像。
11. SplitShire-免费高清摄影图片:https://www.splitshire.com
SplitShire是一个致力于分享免费高清的摄影图片的站点,由丹尼尔创办,为平面设计师提供丰富的高分辨率图片,所有的图片都是免费提供下载使用。
12. StockSnap-精美、高品质的照片:https://stocksnap.io
StockSnap 免费提供精美、高品质的照片,并且每周增加数百个高分辨率图像,你可以将图片免费运用到个人或商业用途。
13. IsoRepublic-提供超过数百张的高画质免费照片:https://isorepublic.com
一个提供优质、免费的照片素材的网站,为设计师在设计项目里可使用的图片资源服务,不必担心无素材可用的烦恼。
14. Finda Photo-超过100万张高质量的免费图片:https://www.chamberofcommerce.org/findaphoto
Finda.Photo是一个可以根据图片的颜色和图片标签以及来源的方式来搜索拥有CC0授权的图片资源,用户可以自由下载并用于个人和商业用途。
15. Picography-绚丽、高分辨率的免费照片:https://picography.co
Picography是一个免费的高清摄影图片,这里是有少数专业摄影师共同维护的摄影图片分享网站。
16. StreetWill-免费可商用的优质高清照片库:http://streetwill.co
提供超高分辨率的图片资源,由众多摄影师提交分享,可以让你欣赏个世界各地分自然风景、人物写真,同时也可以当作图片素材来使用。
17. Everypixel-智能免费图片素材搜索引擎:https://www.everypixel.com
Everypixel 是一款帮助用户寻找免费图片素材的搜索引擎,基于AI技术而实现。
18. Pickupimage-高品质的免费图片:https://pickupimage.com
一个提供高品质的图片免费下载的公共领域网站,该网站上所有的图片均是无版权的图片资源。
19. FreePhotos-即时图片搜索引擎:https://freephotos.cc
FreePhotos 是一个免费的图片资源库,在这里您可以找到拥有cc许可的图片,将之用于您的网站。
20. LibreStock-3000多万免费图集资源:https://librestock.com
libreStock整合了多种优质免费版权图片站点,提供3000多万免费图集资源,用户可以通过定义关键词快速搜索想要的高清图片。
21. Photo Stock Editor-免费可商用的高清图库:https://photostockeditor.com
以生活中的瞬间为特色的奇特而明亮的图像,可用于商业用途,图片可编辑和下载。
22. Free Vector-16000个免费矢量素材:https://www.freevector.com
网站提供超过16000个免费矢量素材,并且每周都有更新,同时网站底部提供非常详细的标签类别分类,能够让你更加方便查找想要的素材。
23. Freepik-PSD素材搜索引擎的网站:https://www.freepik.com
一个免费基于PSD素材搜索引擎的网站,可以搜到免费图标和其他更多资源,Freepik 是目前最受欢迎的免费素材网站之一,其中提供了超过25万的优质素材。
24. Vecteezy-矢量图形素材库:https://www.vecteezy.com
Vecteezy是一个提供世界各地艺术家创建的矢量图形素材库,网站每天都会添加新的矢量文件到网站供你获取灵感。
25. Stockio-免费矢量设计素材库:https://www.stockio.com
Stockio 是一个提供成千上万的免费矢量图标、图片和视频、字体的素材资源网站,所有的素材均可用于个人或者商业用途。
26. Freevectors-免费矢量图形素材:https://www.freevectors.net
这是一个由矢量爱好者共享免费矢量图形组成的有趣小社区,所有图像均可免费用于个人用途,其中大多数可用于商业用途。
27. VectorStock-超过1600多万个矢量图素材库:https://www.vectorstock.com
版税免费矢量图像、矢量艺术、图形、剪贴画、插图和高分辨率图像。找到你想要的矢量!
28. Vexels-可编辑的矢量图形:https://www.vexels.com
下载可编辑的矢量图形,例如图标、背景、矢量素材等等。
29. Vector4Free-每个人的免费矢量图形:https://www.vector4free.com
Vector4Free矢量素材资源分享平台是一个专门为设计师提供优质的免费矢量素材。
30. Vector Me-免费矢量素材网站:https://vector.me
Vector Me是一个非常受人欢迎的免费矢量素材网站,这个网站搜集的素材超过28万。
31. Vector Portal-流行的矢量素材网站:https://www.vectorportal.com
Vector Portal提供了大量的矢量图,包括图标、图形、背景、纹理等众多类型。
32. Kaboompics-每个人的免费矢量图形:https://kaboompics.com
一个免费提供给博主、网站主、自由职业者、网页设计师的高品质图片素材的网站,所有的图片都可以应用于任何项目,没有版权限制。
33. Png Tree-免费设计素材库:https://pngtree.com
「Png Tree」是一个提供数百万PNG图片素材的站点,帮助设计师们找到最想要的设计素材,目前该网站所有的图片资源完全免费使用。
34. Beizjp-高清纹理素材图库:https://www.beiz.jp
这个网站在日本素材站上算是比较有名气,有很多日系素材、节日素材、人物定真、动物、建筑、生活日常用品、卡哇伊图像等等。
35. Gratisography-高画质免费图库推荐:https://gratisography.com
网站每周都会上传新的免费高清大图,是一个免费高分辨率摄影图片库,所有的图片都可以用于个人或者商业用途。
36. ROOKIE-在线杂志网站:https://www.rookiemag.com
ROOKIE是一个在线杂志网站,有超多的拼贴素材,虽然目前已经停更,网站还是积累了很多期刊和素材。
37. Adobe Stock-发现令人惊叹的精选图库:https://stock.adobe.com/ee/photos
免版权的图片,探索热门的图片类别,为您找到理想的选择。
38. PURPLE WOODS-高质量的拼贴网站:https://purplewoods.wordpress.com
PURPLE WOODS是设计师Aomi Vona自建的网站。网站上有超多脑洞大开的设计,收录了很多风格迥异的拼贴大神作品。
39. Artify-Editor-一个基于Web的设计资产编辑器:https://www.artify.co
每周更新的设计资产库,目前包含了200万个图标、3k的插画、3K样机,还有其它的一些图案、海报、产品图等24个分类。
4. 图标网站(网站数量:35个)
1. IconFont-阿里巴巴矢量图标库:https://www.iconfont.cn
阿里巴巴体验团队倾力打造,国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。
2. IconStore-高质量图标素材站:https://iconstore.co
IconStore网站经过精心挑选,看得出图标都颇有水平,而且大多是矢量格式(AI/SVG/EPS),可以免费商用,无须标注出处。
3. LOADING.IO-快速完成动态图标的创建:https://loading.io/
LOADING.IO是一个在线动画生成工具,你可以通过LOADING.IO提供的图标创建动画,也可以使用自己的图标创建动画,还可以根据网站提供的CSS代码创建动画。
4. IconShock-专业图标库:https://www.iconshock.com
200万专业图标库,超过400种图标集超过30种样式,大多数都是矢量图标。
5. Toicon-图标系列ToIcon:https://www.toicon.com
受欢迎的图标系列ToIcon,它提供了很多精心设计的多风格icon图标,所有的图标均加入了CC授权。
6. Xicons-开源图标:https://xicons.co
可以用在个人和商业项目的免费矢量图标。
7. IconSVG-可自定义的SVG图标:https://iconsvg.xyz
IconSVG 是一组SVG图标,你可以进行一定程度上的小幅度修改,使得每个图标都贴合你的需求。
8. Iosicongallery-产品图标:http://iosicongallery.com
iOS、macOS、watchOS图标设计欣赏网,是一个为用户提供丰富的iOS图标作品欣赏。
9. Animated-Icons-免费的动画图标:https://icons8.com/animated-icons
300个免费的动画图标,可以下载支持Lottie的JSON、GIF和AE格式,这些动画图标包含Web、媒体、表情符号、天气、社交、手势、UI组件等类型。
10. useAnimations-微动画图标库:https://useanimations.com
useAnimations是由捷克设计师Patrik Svoboda在开源图标库Feather的基础上构建的微动画图标库,目前useAnimations的动画图标有40个左右。
11. Lordicon-400+交互式动画图标的素材库:https://lordicon.com
Lordicon是由波兰一家独立设计和动画工作室制作的,拥有400+交互式动画图标的素材库,每一个图标都提供线性轮廓和面形剪影两种风格样式。
12. Flight-动画图标库:https://www.flighticon.co
Flight也是一个动画图标库,由澳大利亚设计师Brodie在开源图标库Feather的基础上构建的动画图标库。
13. Feather-精美线性开源图标库:https://feathericons.com
Feather是由美国设计师Cole Bemis制作的一个精美线性开源图标库,每个图标均采用24x24网格设计,强调简洁性,一致性和可用性。
14. Ikonate-可定制的矢量图标库:https://ikonate.com
关于 Ikonate 你只需了解它支持自定义图标,即随意设置图标的边框粗细、图标大小、描边风格样式、颜色及黑暗模式等属性,并且它是100%免费和开源的。
15. Iconmonstr-矢量图标网站:https://iconmonstr.com
个人搭建的矢量图标网站,为你的下一个移动APP项目的提供自由简单的图标集,所有图标都是免费的,可用于任何商业用途。
16. SocialSizes-社交媒体的图像:https://socialsizes.io
SocialSizes 是由 @assentorp 制作的一个关于我们常见社交平台的媒体图像和视频大小的网站。
17. Roundicons-世界上最大的图标包:https://roundicons.com
Roundicons是一个免费的矢量图标包网站,目前收录了42000个免费图标资源。
18. Stockio-成千上万的免费矢量图标:https://www.stockio.com/free-icons
Stockio 是一个提供成千上万的免费矢量图标、图片和视频、字体的素材资源网站,所有的素材均可用于个人或者商业用途。
19. Nucleo-免费的图标管理神器:https://nucleoapp.com
Nucleo是一个包含29280个图标的漂亮库,并且是一个功能强大的应用程序,用于收集\自定义和导出所有图标。
20. Iconsfeed-应用图标的收集站点:http://www.iconsfeed.com
Iconsfeed收集了很多款iOS应用程序的图标,通过多种分类来展示各个不同iOS应用图标的多种设计样式。
21. Motion-动画图标编辑器:https://www.getmotion.io
Motion是动画图标编辑器,它使您可以快速找到自己喜欢的图标,进行一些调整和调整,然后将其插入正在处理的任何项目中!
22. Evericons-460多种精心设计的图标:http://www.evericons.coms
Evericons为您的下一个项目提供了460多种精心设计的图标。它是免费的,可用于个人和商业用途。
23. Icon Sets-免费的SVG图标集:https://iconset.io/icons
Icon Sets提供了14个图标集,每个不同类型的图标集都有很多图标,可免费用在项目中。
24. Iconset Manager-一键查找和使用图标:https://iconset.io
通过在Iconset Manager应用中使用集合或标签进行组织,图标始终唾手可得,将图标从Iconset直接拖到您喜欢的工具中!借助此多合一图标管理器,无需再安装任何插件。
25. 新冠疫情图标-300+免费可商用的矢量图标:https://www.iconfinder.com/p/coronavirus-awareness-icons
这套图标是完全开源的一套图标,由iconfinder提供,图标风格多样,比如黑白线条、彩色扁平、插画风,图标的格式是矢量SVG和PNG,可免费商用。
26. The Noun Project-超过200万个免费的精选图标:https://thenounproject.com
它是一个免费高质量的图标素材站,提供了超过200万个免费的精选图标,通过搜索很容易找到自己需要的图标资源,每个图标又可以找到最多样化的图标集合。
27. CSS Icons-700+开源的UI图标库:https://css.gg
它是一个开源的CSS、SVG、Figma的UI图标库,可以用在7种格式的文件中,GitHub上有4284个Star。
28. Tabler Icons-558个完全可定制的免费SVG图标:https://tablericons.com
一个质量还不错的图标库Tabler Icons,它有558个完全可定制的免费SVG图标,图标种类还不少,可以直接修改图标的颜色、大小、粗细,非常方便。
29. IconShock 3D-3D样式图标集:https://www.iconshock.com/3d-icons
它包含1240个大量精心创建的3D图标集合,这些图标有整洁的3D设计样式、5种不同的调色板、尺寸4000x4000px、透明格式的PNG文件。
5. 样机工具(网站数量:35个)
1. Shotsnapp-设备样机演示工具:https://shotsnapp.com
美丽的免费设备样机演示工具,用于您的应用和网站设计。
2. Ls Graphics-强大的样机素材库:https://www.ls.graphics/free-mockups
Ls Graphics是一个功能强大的样机素材库,拥有250多个场景超过1350个高度精美的样机模型,几乎涵盖市面上所有高端知名电子设备的不同材质风格样机模型,包括上面推荐的Simple Mockups也是来自Ls Graphics素材库。
3. Simple Mockups-样机素材库:https://www.ls.graphics/simplemockups
Simple Mockups是一个超级干净、简约、风格化的样机素材库,所有样机均提供Sketch和PhotoShop两种格式的源文件,方便你选择喜欢的软件来使用样机素材。
4. Cleanmock-设备模型的在线工具:https://cleanmock.com
Cleanmock是一个能让你快速从浏览器创建精美的移动或Web应用程序设备模型的在线工具,功能强大,操作简单。
5. UIPRINT-样机线框模型:https://uiprint.co
UIPRINT 是由印度设计师 Verjay Verma 创建的一个包含超过10种以上可打印的线框、模型和网点画板资源的网站,所有资源都可免费供个人和商业使用。
6. Sketchize-想法变成可爱的草图:https://www.sketchize.com
Sketchize专为UI / UX设计师而设计,可帮助为移动设备、平板电脑和台式设备设计精美的应用程序。
7. Sneakpeekit-在线移动网页设计打印工具:https://sneakpeekit.com
SneakPeekit是一个提供 iPhone/iPad、不同分辨率浏览器线框图的网站。
8. ScreenSpace-高逼格的宣传片:https://www.screenspace.io
ScreenSpace是由Darren Fanton和他的孪生兄弟Adam Fanton创建的一个包含Studio、Promo和Mockup三个在线制作数字产品及工作室宣传的编辑器工具合集。
9. Mockupworld-最好的免费模型:https://www.mockupworld.co
在线提供免费的真实照片级样机的最大来源。
10. Mockup Zone-在线创建模型:https://mockup.zone
免费Artboard Studio模板,使用Artboard Studio 在线创建模型。
11. Mockup Club-最佳免费模型:https://themockup.club/mockups
样机俱乐部展示了很棒的免费样机。
12. Mockups-免费样机:https://originalmockups.com/mockups/free-mockups
你可以制作各种各样的原型无论是想将你的设计转化为一个现实可见的移动APP原型还是要设计一个功能完备的网站。
13. Apple Mockups-苹果设备的样机素材:https://applemockups.com
最新苹果设备的样机素材,你可以单独购买或者打包购买,当然还有免费的样机供你领取和下载。
14. Facebook Devices-Facebook官方出品:https://facebook.design/devices
Facebook Design的资源下载区可以下载很多设备模型,当然这个网站还有其他的内容也值得看,包括一些文章和视频,以及UI Kit资源等。
15. Smartmockups-创建惊人的产品模型:https://smartmockups.com
Smartmockups 是一个相当实用的在线工具,简单来说,帮你把任何图片或网址截图无缝结合到设备模型中。
16. Threed-自定义3D设备模型:https://threed.io
生成3D模型在浏览器中,上载您的设计,调整设置并下载您的个人模型。
17. Mockup Photos-免费的在线样机照片:https://mockup.photos
完美场景中的屏幕截图,具有500多个高质量场景的超简单模型生成器,使用iPhone,iPad,iMac和Android设备从各种各样的场景中进行选择。
18. Mockuuups Studio-500+个场景的即时模型生成器:https://mockuuups.studio
网站上更多的是场景类的模型,想要融入场景的设备模型和手持模型的可以来这里找,有不少免费的高清样机模型。
19. Rotato-展示设计是成功的一半:https://www.rotato.xyz
一个可以让你在几秒钟内快速生成UI界面3D动态展示效果的神器。
20. dimmy-设备样机模型生成器:https://dimmy.club
dimmy 是一个支持把屏幕截图或应用程序界面等图片放到各种设备上查看展示效果的工具。
21. Ceacle Mockup-各种免费模型的绝佳来源:https://mockup.ceacle.com
产品模型和场景创建者,轻松设计专业演示文稿,多种类型的样机模型下载,内含免费与付费模型,可以编辑修改。
22. CSS Author-超过100个类别,超过5000个样机:https://cssauthor.com/mockups
CSS Author是一个伟大的网站,设有样机、图标的资源,超过5000个原型的集合可以按类别搜索。
23. DesignRepos-创造惊人的模型:https://designrepos.com
DesigRepos是为设计人员和Web开发人员提供资源的存储库,这里提供了很多样式多样的免费样机。
24. Mock Video-用设备模拟视频:https://www.mock.video
通过将设备框架添加到视频中,立即创建模型。
25. MokupFrames-免费的高逼格样机神器:https://www.mokupframes.com
它是一款可以快速制作样机的客户端工具,支持Windows/Mac,只需要上传准备好的图片或视频即可在不同的设备上生成渲染后的高逼格作品。
26. Animockup-快速创建动画样机模型:https://animockup.com/
一个在浏览器中快速创建动画样机模型并导出视频或动画GIF的工具 ➝ Animockup,它是GitHub上的一个开源项目,作者是来自美国旧金山的一位前端工程师。
27. Mr Mockup-超高质量的样机资源网站:https://mrmockup.com
Mr Mockup提供了很多高质量样机资源,这些样机是由国外众多优秀工作室提供,分为免费和收费两个版块。
28. Malli.graphics-完全免费的样机资源合集:https://malli.graphics
由设计师们精心挑选,网站 上有9个样机资源分类,可免费下载psd格式的样机资源。
29. Previewed-免费又漂亮的样机生成器工具:https://previewed.app
Previewed不仅能够快速生成App Store和Google Play的应用市场截图,还可以生成产品的宣传视频和精美的样机模板,支持的机型也比较多样,比如:iPhone、iPad、Mac、Android等机型。
30. Device Shots-超多设备的样机生成器工具:https://deviceshots.com
Device Shots只需要上传屏幕截图即可免费获取高分辨率的样机模型,编辑页面可以选择不同的背景、调整画布的尺寸等参数。
31. iPhone 3d mockups-iPhone 3D样机:https://www.bemore.graphics
40个iPhone 3D样机、5种颜色、4种手势样式,有垂直和水平视图,用在iPhone X、XS、11、11 Pro上轻松展示自己的iOS产品,支持Figma和Sketch格式,目前是付费下载。
32. 3D-iPhone12样机-免费3D卡通iPhone 12模型:https://buy.paddle.com/product/633901
一组免费的3D卡通iPhone 12模型,您可以编辑颜色、修改阴影,支持Figma、PS格式。
33. 免费样机资源-各种移动设备的免费矢量模型:https://www.figma.com/community/file/775789888359782610
适用于各种移动设备的免费矢量模型,包括苹果(含iPhone 12)、谷歌、三星、OnePlus、索尼的设备机型。
34. THINGS-创造独特风格的3D样机资源:https://things.morflax.com0
一个可以自定义3D设备模型的工具Things,它可以创造独特风格引人入胜的3D样机模型,通过Things生成的样机模型非常酷,提供了很多样机模板方便我们快速创建适合自己的设备模型。
35. Mockup-Generator-免费创建精美的产品模型:https://www.pixeltrue.com/mockup-generator
一个完全免费的样机模型-Mockup Generator,您只需点击几下即可创建精美的产品模型!完全免费,在5种设备类型上拥有30多种不同的模型。
6. 配色推荐(网站数量:28个)
1. ColorSupply-设计大神的配色方案:https://colorsupplyyy.com/app
ColorSupply——收集了世界各地设计大神的配色方案。
2. Peculiar-色彩界的 Google:https://picular.co
只需要你提供关键词就能一键获取一系列相关的色彩,简直和Google找资料一样简单。
3. Coolors-超级简单的配色方案生成器:https://coolors.co
Coolors是一款配色方案自动生成器,拥有Web端和iOS App,Web端免费,iOS App售价¥12.00。
4. 色彩猎人-颜色猎人色系组合网:https://colorhunt.co
ColorHunt 网站是一个致力于帮助产品设计师们更好的选择颜色搭配组合的站点。
5. Site Palette-网站调色板:http://palette.site
Site Palette是一个浏览器插件,通过Site Palette插件可以自动提取任何网站的配色,并且生成三种不同取色模式。
6. Google Arts & Culture-配色找配图:https://artsexperiments.withgoogle.com/artpalette
免费手写可爱字体官网下载。
7. Adobe Color-Adobe官方出品的配色工具:https://color.adobe.com
专门帮助你通过配色找到相应色系的图片。
8. Eva Design System-深度学习配色工具:https://colors.eva.design
「Eva Design System」是一个基于深度学习的颜色产生器,可以对主颜色进行相关配色,它可以根据主色计算生成其他四种可能会用到的衍生颜色。
9. ColorDrop-在线颜色组合调试工具:https://colordrop.io
ColorDrop 是一个提供设计开发上绝佳的色彩的来源站点,帮助设计师在线调试颜色组合。
10. Webgradients-高颜值渐变配色神器:https://webgradients.com
设计师们经常需要用到的UI背景渐变颜色组合,目前提供180个渐变色彩,可以作为网站任何部分的内容背景。
11. Calcolor-数字色彩:https://calcolor.co
计算颜色,共享调色板,一种管理数字色彩的新方法。
12. Pigment-免费调色板:https://pigment.shapefactory.co
在几秒钟内找到一个美丽的免费调色板。
13. Color Designer-高级在线配色器:https://colordesigner.io
该工具的主要目的是帮助构建调色板并基于该调色板生成色调和阴影。
14. UIGradients-美丽的UI渐变色:https://uigradients.com
UIGradients 以分享美丽渐变色彩为主的分享站,里面接近上百种渐变配色方案,设计师可根据自己风格来选择搭配。
15. Duotone-双色图片生成器:https://duotone.shapefactory.co
这个神器能让你一键无痛生成酷炫的双色画风!完全不用开 PS。
16. Schemecolor-配色方案:https://www.schemecolor.com
来自世界各地的人们提交的配色方案的集合。
17. Colorsinspo-一站式配色工具网站:https://colorsinspo.com
Colorsinspo汇集了所有资源,可轻松地查找有关配色的所有信息。
18. 中国色-中国传统颜色手册:https://colors.ichuantong.cn
一个很漂亮的中国古典颜色在线手册。
19. khroma-用喜欢的颜色设计:http://khroma.co
Khroma使用AI来学习您喜欢的颜色并创建淡淡的调色板供您发现,搜索和保存。
20. ImageHues-随机美丽图像的自然调色板:https://imagehues.com
它从upslash网站里精选了一些摄影作品,提取了画面配色,一键点击就可以复制色号。
21. Color Palette Generator-上传照片获取配色:https://www.canva.com/colors/color-palette-generator
使用Canva的调色板生成器,您可以在几秒钟内创建颜色组合。只需上传照片,我们将使用照片中的色调创建调色板。
22. BrandColors-颜色代码合集的色彩网站:https://brandcolors.net
BrandColors 的网站收集了世界知名品牌、企业公司、网络服务使用的标准色,内建搜寻查找功能。
23. Happy Hues-生成配色方案的调色板网站:https://www.happyhues.co
Happy Hues是设计师Child Mackenzie打造的一款超实用配色神器,它内置了多种活力十足的配色方案,并利用案例可视化的为我们展示了各种配色效果。
24. CopyPalette-创建SVG调色板:https://copypalette.app
CopyPalette是一个方便的颜色工具,可帮助您快速创建和导出单色调色。
25. ColorsDopely-免费创建完美调色板的生成器:https://colors.dopely.top
ColorsDopely它提供了超多的配色,可以从图片中提取颜色,并自动组合完美的配色,同时鼠标移动到图片指定位置可以手动吸色,调色板支持导出PNG、PDF、SCSS、SVG等格式。
26. ColorCopyPaste-开源的取色神器:https://colorcopypaste.app
打开网站点击Web Browser可以直接用手机扫码实时取色(要用系统相机扫码识别),获取到的配色会自动同步到浏览器上,轻松管理颜色。
27. 色采-灵感色卡:https://colorcollect.cn/inspiration
色采网站上的灵感色卡包含了9个配色主题,比如:万物万象、西方油画、东方神韵、神奇宝贝、超级英雄、应用配色等等。
28. Mobile Palette Generator-移动端调色板生成器:https://mobilepalette.colorion.co
一个移动端调色板生成器,它曾是ProductHunt上当日排名第一的产品,它是一个简单而强大的工具,让你只需单击鼠标即可为您的移动端或Web应用程序生成调色板。
7. UI 套件(网站数量:19个)
1. uibundle-免费设计资产:https://uibundle.com
发现来自167位独立作者的免费设计资产,在这里你可以搜索UI套件、模型、图标、字体等资源。
2. freebiesbug-免费设计资源站:https://freebiesbug.com
网站内容有高质量的网页模板,各式各样的UI套件和样机,还有很多免费可商用的字体、图标等资源。
3. ui8-设计赠品:https://www.ui8.net/category/freebies
聚集了世界各地优秀设计师的作品交易的网站。
4. freebiesupply-免费的设计资源:https://freebiesupply.com
免费高质量的PSD、Sketch等设计资源。
5. Uplabs-设计灵感:https://www.uplabs.com
最佳的设计和开发灵感,资源和免费赠品。
6. Interfacer-300多种高质量的免费设计资源:https://interfacer.xyz
Interfacer是是一个高质量的设计资源网站,有非常多优质的字体、插图、样机、模板、图标资源,所有内容免费可商用。
7. figmafreebi-Figma免费赠品:http://www.figmafreebi.es
figma社区的设计资源集合。
8. uiplace-免费的UI设计资源:https://uiplace.com
高质量的Sketch,Figma和Adobe XD UI设计资源可帮助您更快,更轻松地设计移动应用程序项目。
9. uispace-用户界面空间:https://uispace.net
高质量的手工设计资源。
10. Stark UI Kit-免费UI套件:https://www.baianat.com/resources/stark
可以自定义Stark UI Kit,并将其适当地用于许多领域,包括商业,广告,电子商务,新闻社等。
11. Root UI Kit-线框和设计入门套件:https://rootwireframekit.com/
使用最具创新性的UI套件-Root更快地创建更好的线框,原型和设计。
12. Freebies.ByPeople-精选的免费赠品:https://freebies.bypeople.com
Freebies.ByPeople网站整合了多种有用的资源,比如:字体、图标、GUI套件、代码插件、3D模型、软件/Web Apps等等,并且全部都是免费的、可用于个人或商业用途。
13. Iconscout-完美的创意资源:https://iconscout.com
Iconscout拥有100万+图标、10000+插画、100万+照片素材。
14. UI Store Design-将近400个免费的UI工具包资源:https://www.uistore.design
UI Store Design是UI设计师今年最应该收藏的资源网站,拥有将近400个精心挑选的免费UI工具包资源,从图标、插画、登录页面、样机、UI套件、线框应有尽有,而且质量超高。
15. Inside Design-免费的设计资源:https://www.invisionapp.com/inside-design/design-resources
Inside Design有高质量的UI套件、图标包和模型库。
16. UI Goodies-为设计师提供的最佳资源:https://www.uigoodies.com
UI Goodies是一个完美的为设计师们准备的网站,包括图标、配色、插画、设计案例等18个分类几百个网站,非常全。
17. Veila Me-免费设计资源站:https://www.veila.me/freebies
一个免费的设计资源站,网站提供了不少的矢量资源,比如:插画、图案、纹理、样机模板等素材,其中的Android样机模板质量就不错。
18. Design Resources-精选的设计师工具清单:https://www.designresourc.es
Design Resources由@kylerjphillips创造,网站上有18个关于设计的分类,比如图书、插画、图标、样机工具、设计工具、设计新闻等等。
19. Nodesign.Dev-开发者的资源站:https://nodesign.dev
一个汇集插画、图库、字体、颜色、图标、灵感、视频、CSS等设计资源的网站。
8. 背景素材(网站数量:20个)
1. The Pattern Library-免费分享背景素材的网站:http://thepatternlibrary.com
The Pattern Library是由美国开发者TIM HOLMAN和前微软创意总监CLAUDIO GUGLIERI联手打造的一个免费分享背景素材的网站。
2. Cool Backgrounds-背景素材的色彩:https://coolbackgrounds.io
Cool Backgrounds是由旧金山产品设计师Moe Amaya创建的一个包含低多边形、粒子、渐变、梯度地形及Unsplash图像的免费背景素材网站。
3. Hero Patterns-一个免费在线SVG背景素材库:https://www.heropatterns.com
Hero Patterns是由加拿大UI设计师和插画师Steve Schoger创建的一个免费在线SVG背景素材库,支持更改前景色、背景色及前景不透明度,下载没有样式的SVG或生成CSS代码。
4. Novapattern-精心设计图案背景素材的网站:https://www.novapattern.com
Novapattern是一个提供精心设计图案背景素材的网站,其中有免费可用于商业用途的背景素材和支持付费购买和下载的背景素材,下载格式包含可重复无缝背景图案PSD文件及大尺寸PNG背景图片。
5. Stars-Emmision-万箭齐发背景生成器:https://wangyasai.github.io/Stars-Emmision/
这是一款效果比名字更浮夸的生成器,可以一键生成放射渐变背景效果,大大节省设计时间,右键另存高清图,或者录屏生成动图及视频。
6. RIBBONS-炫光生成器:https://codepen.io/tsuhre/full/BYbjyg
这是CodePen社区上大佬工程师Ben Matthews的一个编程练习,利用它可以快速生成各种各样的炫彩背景。毫无操作可言,点击鼠标就随机生成一张图,非常简单粗暴。
7. Wave Generator-渐变层生成器:http://codepen.io/pissang/full/geajpX
不一样的渐变层生成器,用这个网站可以做出一些比较清新的渐变背景,很有层次感。
8. Papercut Box Art-剪纸风纹理生成器:https://pissang.github.io/papercut-box-art
这个网站的运用主要在于能够生成一个风格比较通用的纹理,这种纹理是可编辑的,编辑的内容包括——颜色,层次等等。
9. Subtle Patterns-超赞的纹理网站:https://www.toptal.com/designers/subtlepatterns
Subtle Patterns 提供来自全世界超过400 种的图案,供使用者免费下载。
10. Meshgradients-免费的网格渐变背景:https://www.ls.graphics/meshgradients
免费的网格渐变背景,支持.sketch,.png,.ai,.jpg,.eps,可以免费用在商业和个人项目中。
11. Paaatterns-免费矢量纹理库:https://products.ls.graphics/paaatterns
为你的商业或私人设计项目提供免费的矢量纹理库,可以用作背景素材,它提供 了Sketch、Figma、XD、Ai 源文件,同时还有PNG和SVG格式。
12. SVG Backgrounds-SVG背景网站:https://www.svgbackgrounds.com
网站提供了多款可自定义颜色的SVG纯代码矢量背景,看起来很符合现代网页设计风格。
13. Backgrounds Generator-CSS背景生成器:https://wweb.dev/resources/animated-css-background-generator
CSS背景生成器-为您提供工具和代码,以为数字项目创建有趣的动画背景。
14. Trianglify-在线低多边形图片生成器:https://trianglify.io
Trianglify是一款在线的背景图片生成工具,不同的是这款工具提供低多边形背景图片生成,用户可以选择不同的颜色组合来制作,可以自定义图片的尺寸。
15. 图鱼-专注于无缝平铺背景底纹素材:https://www.hituyu.com
图鱼是一个提供丰富的纹理素材网站,目前网站已有17400个100%完美对称平铺的纹理素材,你可以按照颜色主题或背景风格选择素材,并且这些素材均支持免费下载。
16. Beautiful Dingbats-创建美丽、独特的免版权背景图案:https://beautifuldingbats.com/pattern-generator
Beautiful Dingbats聚集了很多小工具,网站上有背景图案生成器、花式字体生成器、日历生成器、小故障文本生成器、表情符号等等。
17. 51种CSS背景图案-提供了演示和下载源代码的入口:https://freefrontend.com/css-background-patterns
这里的背景图案有动画、静态、粒子、三角等类型,同时也精选了一些HTML+CSS的代码示例。
18. Background Generator-简单友好的背景生成器:https://background-generator.com
Background Generator默认提供了6种布局,可以自由调整各种参数,背景上的元素可以自定义,探索入口提供了30个背景效果模板。
19. Patterninja-在线自制可爱平铺素材:https://patterninja.com
Patterninja 是一个能够借助图片来生成图案的工具,你可以将你的图片库转化为网页可用的各种图案。
20. Pattern.css-美丽图案填充空白背景的CSS库:https://bansal.io/pattern-css
Pattern.css,它是一个用美丽图案填充空白背景的CSS库,除了可以用这些图案填充背景外,还可以用图案填充文本、图片,它在GitHub上收获了2.4k个Star,支持所有主流浏览器。
21. Vector Pattern Generator-漂亮美观的矢量图案生成器:https://www.visiwig.com/patterns
Vector Pattern Generator是一个矢量图案生成器,它可以轻松定制漂亮美观的图案,比如在线调整缩放比例、旋转角度、线条粗细、颜色等等。
9. 视频素材(网站数量:8个)
1. MixKit-高质量视频素材:https://mixkit.co/free-stock-video
这里提供了高画质的视频素材和各种风格的插画素材,高画质的影片类型包含商业科技、城市、音乐、生活、动画、抽象、大自然、户外和交通工具等等。
2. Pexels Videos-最佳的免费视频:https://www.pexels.com/videos
Pexels Videos 提供的视频素材质量非常高。
3. Videvo-影视素材库:https://www.videvo.net/
成千上万的免费视频、动态影像、音乐曲目和音效都集中在这里。
4. Vidsplay-免费的高清视频素材:https://www.vidsplay.com
vidsplay 的视频可免费用于个人和商业项目,但是使用时需要标注视频来源、链接。
5. Splitshire Video-一个致力于分享免费视频和图片的站点:https://www.splitshire.com/category/video-2
是一款国外免费图库网站,收录的项目以相片为主,同时也有少数影片可免费下载使用。
6. Coverr-免费可商用的视频网站:https://coverr.co
Coverr是一个可以通过关键词或分类筛选的免费商用视频网站。
7. Mazwai-免费视频素材网站:https://mazwai.com
Mazwai是一个多类别的免费下载视频的网站,内含免费商用的视频。
8. Video.LibreStock-最佳免费视频:https://video.librestock.com
这个网站会发现来自热门素材网站的最佳免费视频并将其引入 ,以便您可以更快、更快地找到完美的视频。
10. 代码美化(网站数量:5个)
1. Carbon-代码转图像的开源项目:https://carbon.now.sh
Carbon是由Dawn Labs创建开发的一个代码转图像的开源项目,目前在GitHub上拥有20000多颗星,每月活跃用户超过50000。
2. Codeimg.io-创建代码图像的工具:https://codeimg.io
Codeimg.io 是一个仍在测试中的创建代码图像的工具,目前发布了创建代码图像所需的基本功能。
3. CodeZen-代码转图像工具:http://codezen.rishimohan.me
CodeZen是一个非常简约的代码转图像工具,就像操作文本编辑器一样简单,能快速将你的源代码导出为具有语法风格的图像。
4. Marmoset-代码截图:http://t.cn/AiT9X7mV
Marmoset是一款Chrome应用程序,可以让你以透视的方式截取你的代码截图。
5. Glorious Demo-开源的JavaScript库:https://glorious.codes/demo
Glorious Demo是一个开源的JavaScript库,它提供了一个简单的API来为你的代码示例创建动画。目前在GitHub拥有近3000颗星。
11. 截图美化(网站数量:4个)
1. Screely-在线网页展示效果生成工具:https://www.screely.com
Screely是由荷兰UI/UX设计师、前端开发人员Jurn制作的一款在线网页展示效果生成工具,支持将你的屏幕截图和设计快速转变成精美的展示模型,你可以在任何地方共享。
2. Screenzy-图片和截图美化工具:https://screenzy.io
Screenzy是另一个简单的图片和截图美化工具,受Screely启发并增加了一些功能,包括:使用字体选择标题、相框、粘贴图像或URL、渐变背景、内存预设等。
3. BrowserFrame-浏览器展示效果制作工具:https://browserframe.com
BrowserFrame是一个功能相对简单的浏览器展示效果制作工具,提供了包括Chrome、Safari、Firefox、Edge、IE、Opera及通用浏览器的不同经典模式。
4. Screen Guru-效果图的在线工具:https://screen.guru
Screen Guru是一个直接通过网站链接地址从浏览器中截取网站截图并生成展示效果图的在线工具,Screen Guru不仅免费,而且是开源的。
12. 字体设计(网站数量:22个)
1. 字由-设计师必备字体利器:http://www.hellofont.cn
发现来自167位独立作者的免费设计资产,在这里你可以搜索UI套件、模型、图标、字体等资源。
2. Abstract Fonts-摘要字体网站:http://www.abstractfonts.com
超过十三万免费字体下载,包括大热的web字体。
3. Font Fabric-免费高品质字体打包下载:https://www.fontfabric.com
免费独立字体设计网是一个提供独立字体类型的网站,由设计师Svetoslav Simov于2008年创办。
4. Lost Type-自费式创意字体:http://www.losttype.com/browse/
自费式创意字体下载站是一个优秀的字体下载网站,该网站提供购买式的自选模式,用户可以自定义价格来购买所有的字体素材。
5. 1001 Free Fonts-高质量字体:https://www.1001freefonts.com
超过25900个高质量的字体下载,从古典到时尚。
6. Comicneue-免费手写可爱字体:http://comicneue.com
一个提供Comic Sans改良版字体的免费下载网站。
7. Google Fonts-谷歌字体:https://fonts.google.com
Google字体在线预览网站。
8. Pinspiry-免费字体集合:https://pinspiry.com/category/free-resources/fonts
每个设计项目的免费字体集合,下载最新和最好的高质量免费字体。
9. FontPairings.ByPeople-网站搭配适合的字体:https://fontpairings.bypeople.com
可以一键查看不同的字体组合在不同的网站主题模板上的外观,让我们更直观的看到网站、手机端、iPad端显示的字体效果。
10. Layered Effect CSS-多层彩色文字效果生成器:https://sourl.cn/MJgXqN
修改一些样式即可自定义多层彩色文字的效果生成器。
11. WhatFont-字体识别神器:https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=zh-CN
识别网页上字体的最简单方法,安装WhatFont插件后,在任何网页上单击“WhatFont”按钮使用该工具,你可以轻松获取有关你正在悬停的文本文字字体。
12. FontsLoL-高质量彩色字体:http://www.fonts.lol
一个能够下载并应用艺术字体的网站,一键生成高大上艺术字体。
13. Newlyn-多种样式的字体设计:https://newlyn.com
选择字体应该是项目的一部分,最好的方法是在设计中开始使用它。
14. Letters-Mac上的文字特效软件:https://text.design/letters
Letters提供了很多免费的字体特效模板,通过修改软提供的模板,可以快速做出各种炫酷的文字效果。
15. 100font-免费可商用的中文字体:https://www.100font.com/
100font是一个专门收集整理“免费可商用字体”的网站。
16. Fontex-免费可商用的英文字体:http://www.fontex.org
Fontex是一个提供丰富的英文字型免费下载的网站,对于设计师而言大量精美的字型很重要里头有超多字型可供下载。
17. Your TypeFace-用表情创作免费字体:https://www.yourtypeface.com
Your TypeFace是一个通过捕捉表情动态生成智能字体的网站,可以用表情来控制字体的高矮胖瘦。
18. Space Type Generator-字体动效神器:https://spacetypegenerator.com
它是一个非常强大的文字效果生成器,你只需要输入文字,它就会自动生成各种各样的动效,你也可以根据想法调整参数,效果惊艳。
19. 55-Best-Free-Fonts-55+最佳的免费字体集合:https://www.inspirationdesignresource.com/55-best-free-fonts-1/
55+最佳的免费字体集合,网站上有很多精选的免费、漂亮字体,这些免费的字体可以为我们创造漂亮的设计。
20. Just Font-免费可商用的开源字体:https://justfont.com/huninn
这款免费商用字体,是由台湾字体设计天团 Just Font 根据另一款开源字体 「Kosugi Maru 」改制而成,字如其名,圆润可爱。
21. Font Space-67000+免费字体集合:https://www.fontspace.com
站点上提供了很多俏皮可爱的字体,同时又包含了数千种字体样式和150多个字符,基本都是免费字体,有些是免费可供个人使用,有些则是免费可商用。
22. 猫啃网-免费中文字体:https://www.maoken.com
猫啃网致力于为广大设计师提供最新最全且免费的,可商用,无版权问题的字体下载,至今已经搜集超过197款免费商用中文字体。
13. 设计灵感(网站数量:11个)
1. dribbble-全球设计师作品秀社区:https://dribbble.com
这是一个供设计师展示作品、同行交流、寻找灵感的网站。
2. Behance-作品精选:https://www.behance.net
创意设计人士可以展示自己的作品,发现别人分享的创意作品。
3. Product Hunt-发掘有意思的产品:https://www.producthunt.com
Product Hunt定位为一个发掘有意思产品的平台,通过打造自己的社区聚拢大量优质的产品以及良好的社区氛围。
4. 全画作-艺术作品:https://www.allhistory.com/painting
几十万张超高分辨率艺术作品欣赏。
5. 花瓣-做生活的设计师:https://huaban.com
花瓣网,设计师寻找灵感的天堂!图片素材领导者,帮你采集、发现网络上你喜欢的事物。
6. Muzli-设计师的秘密资料:https://muz.li
最佳设计灵感-为您精心策划,Muzli是一个全新的Chrome扩展程序,可立即提供相关的设计故事和灵感。
7. Designspiration-设计启示录图片分享平台:https://www.designspiration.com
由视觉设计师Shelby White于2010年创办,各种设计创意类的集合体。有建筑、插画、平面设计、创意组合等图片资源,支持关键词搜索和颜色搜索。
8. Collectui-基于dribble的每日资讯推荐社区:http://collectui.com
一般都是从dribble里边今挑细选出来的优秀作品。另外精准的设计分类比如,注册,导航等给设计师提供了很多方便。设计师可以更加明确的去找自己想要的设计!
9. UI Sources-真正的设计灵感:https://www.uisources.com
真正的设计灵感来自世界上设计最好的应用程序,左侧导航可以根据各类产品去搜索你想要的应用程序
10. Mobbin.Design-移动应用优秀界面截图:https://mobbin.design
这里汇集所有 最新,最好的移动应用优秀界面截图,基本都是国外优质应用
11. Pixels-精选的设计和文案创作:https://klart.io/pixels
如果您正在寻找优秀的设计灵感和文案,那么您来对地方了,这个网站每天都会在这里分享一些设计,每个网站都提供了配色可直接复制色值。
14. 设计利器(网站数量:32个)
1. Screen Size Map-响应式设计的屏幕尺寸:https://www.screensizemap.com
一个响应式设计的屏幕尺寸图,光标移动到对应的位置,它就会显示屏幕尺寸,单位是dp,同时也会显示出该屏幕尺寸对应的设备、人气度、类别等等。
2. 搞定设计 | 在线PS-网页版PS:https://ps.gaoding.com
「搞定设计 | 在线PS」与PhotoPea联合提供,速度稳定反应更快。
3. SCREEN SIZ.ES-非常全面的屏幕尺寸:http://screensiz.es
它是一个非常全面的屏幕尺寸大全,以表格的方式呈现。
4. PaintCode-iPhone的分辨率:https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
iPhone设备的屏幕分辨率和参数。
5. Material Design-Android的屏幕尺寸:https://material.io/resources/devices
主流的Android设备屏幕尺寸备查表。
6. PhotoPea-在线高级图片编辑器:https://www.photopea.com
一个免费版“PhotoShop”——PhotoPea,一款基于WEB的在线高级图片编辑器,拥有几乎与PhotoShop一样的功能。
7. Window Resizer-窗口调整器:https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=en
通过它来调整浏览器窗口的大小以模拟各种屏幕分辨率,以便测试页面在不同浏览器分辨率上的布局,对设计和开发人员来说,非常有用。
8. Page Ruler Redux-页面标尺:https://chrome.google.com/webstore/detail/page-ruler-redux/giejhjebcalaheckengmchjekofhhmal
Page Ruler Redux是一个核心的Web开发人员和设计工具,可以让你获得网页前端开发、网页设计或任何可能需要的网页元素的完美测量。
9. Can’t Unsee-设计技巧游戏:https://cantunsee.space
Can’t Unsee 是一款设计技巧游戏,网站提供教学关、简单关、中级关、困难关四个级别的测试挑战题来测试大家识别优秀设计的能力。
10. The Boolean Game-有趣的布尔运算小游戏网站:https://boolean.method.ac
The Boolean Game 是一个有趣的布尔运算小游戏网站,网站提供一系列图标图形及构成图标的几何图形,将图形按照正确的顺序拖拽到右边的图标区域。
11. Designer’s Eye Game-像素眼测试:https://www.supremo.co.uk/designers-eye
测试您的技能并判断点是否真的在形状的中间,我们已经准备好10种形状供您选择。
12. beedii-自由手绘表情符号字体:https://webkul.github.io/beedii
Nitish 和 Prafful 提供各种各样手绘表情符字体,目前包含48个不同的元素,它可以用作个人和商用。
13. SceneLab-在线创意桌面设计工具:https://app.scenelab.io
「SceneLab」是一款快发挥设计师想象力的设计工具,专门为喜欢摆拍工作桌面的人而设计,随意在画布上添加自己喜欢的物品,读者无需注册即可打开使用,你所需要的就是一个浏览器。
14. How Big Is My Browser-我的浏览器有多大:http://howbigismybrowser.com
开发人员和设计人员发现浏览器窗口大小的简单方法。
15. WeaveSilk-镜像炫光生成器:http://weavesilk.com
WeaveSilk是一款简单、华丽的绘图工具,或者说是装逼利器,实在是酷炫的黑科技,只需拖动鼠标即可绘出绚丽的图片。
16. Snackthis-几秒钟内生成文本GIF的工具:https://snackthis.co/
一个可以在几秒钟内生成文本Gif的工具,输入文字并获取生成选项的屏幕,选择所需选项并下载或导出,您可以在线下载或在社交媒体上使用它们。
17. Vectary-在线3D建模神器:https://www.vectary.com
最易于访问的3D和增强现实设计平台,这里有大型且快速增长的免费场景、模型和材质库,因此您无需从头开始或花很长时间来掌握3D。
18. DOODLE-PLACE-超有趣的涂鸦网站:doodle-place.glitch.me
给你画的涂鸦自动添加动画效果,并且送它进入一个互动探索的3D空间!在这里可以看到世界各国网友们的精彩创作:一大群奇形怪状、蹦蹦跳跳、四处游荡。
19. Pix Fix-搞定杂乱像素:https://zh.pixfix.com
Pix Fix能够清理被噪声和过度 JPEG 压缩损坏的图像。它以超棒的专有算法为基础,效果极佳。
20. Nebula Artefact-液态星球生成器:https://alteredqualia.com/xg/examples/nebula_artefact.html
这是一个简单到只要单击鼠标就能随机生成一枚星球的酷炫生成器。
21. Earth-在线气象可视化工具:https://earth.nullschool.net
Earth 是一个开源的在线气象可视化工具,能展示天气、洋流、海面温度、大气污染……等数据。
22. PhotoMosh-故障艺术生成器:https://photomosh.com
一些科幻电影构建了一个风格独特的赛博朋克(Cyberpunk)世界,也成功催生了一种名为故障艺术(Glitch Art)的设计风格,近几年越来越受到设计师的追捧。
23. Psychedelic Waves-流动渐变层生成器:https://codepen.io/Yakudoo/full/rJjOJx
生成流动的迷幻波,网站右上角可以调整参数,包括纹路,颜色等,功能比较简单,但是很容易上手。
24. Gridzzly-在线制作打印绘图网格:http://gridzzly.com
它可以在线制作并打印出可以辅助你绘图的网格纸,界面简洁,操作方便。
25. 特效生成器-几分钟就能做出酷炫的效果设计:https://wangyasai.github.io/designtools.html
亚赛大人的特效生成器网站,这个网站上有11款在线免费神器,几分钟就能做出酷炫的效果设计,而且利用这个工具生成的图像都是免费可商用的。
26. Glitch Art Generator-几分钟就能做出酷炫的效果设计:https://glitchart.io
这是一个失真艺术生成器,它可以创建失真效果,并且调整颜色,失真部分的数量、位置、 方向、角度和效果,非常不错~
27. img8bit-将图像转换为动画的8位像素艺术:https://img8bit.com
img8bit网站提供了6种效果,比如:可以给你的图片生成像素风、水波纹效果,可以导出GIF、MP4、JPG格式
28. Wonder of Wonder Art-跳舞生成器:https://aidn.jp/wowa
一键为你的沙雕涂鸦注入灵魂,无论你画什么都能让他摇摆起来!
29. DOODLE-PLACE-灵魂涂鸦生成器:http://doodle-place.glitch.me
能给你画的涂鸦自动添加动画效果,并且送它进入一个互动探索的 3D 空间。
30. Pixel-Me-像素头像生成器:https://pixel-me.tokyo/en
日本独立开发者 Sato neet 自学工智能技术,开发的网站 Pixel-Me可以将人像照片一键转换成像素图。
31. 3000-Hands-3000个免费的各种手势库:https://www.shapefest.com/expansions/3000-hands
网站上有25个手势、10种角度、6种肤色的免费手势。
32. Spine-3D设计工具:https://spline.design
3D设计工具Spline,它可以低成本的轻松构建3D模型,目前支持MacOS、Windows、Linux客户端下载。
15. LOGO设计(网站数量:12个)
1. Instant Logo Search-Logo搜索服务的网站:http://instantlogosearch.com
网站提供 SVG 向量图、PNG 格式免费下载,这个名为 Instant Logo Search 网站主要功能非常简单,让用户实时搜寻数千种品牌图案。
2. Logopond-logo灵感来源网站:https://logopond.com
logopond是全球最大的logo分享平台。
3. LogoLab-检查Logo设计的神器:https://logolab.app/home
LogoLab徽标实验室,一个帮助设计师直观检查Logo设计的神器。
4. Free Logo Builder-用AI帮你做LOGO:https://www.launchaco.com/logo
Launchaco 算得上是开始一家新创公司的好伙伴了,全新「Free Logo Builder」线上工具可以免费帮你设计网站 LOGO。
5. Free Logo Design-几秒钟内创建一个免费的LOGO:https://www.freelogodesign.org
Free Logo Design 为你提供多种可用的模板,你可以按照他们所提供的流程,调用各种字体、色彩和图形来构建LOGO。
6. Logo Type Maker-在线的LOGO设计平台:https://logotypemaker.com
Logo Type Maker 同样是一个在线的LOGO设计平台,免费版本下提供普通清晰度的LOGO下载,高清的版本则需要付费下载。
7. Logomoose-徽标灵感和设计社区:https://www.logomoose.com
LogoMoose是徽标灵感和设计社区,展示由专业徽标设计师提交的徽标。
8. Looka-设计自己的美丽品牌:https://looka.com
使用Looka的AI驱动平台设计LOGO,创建网站并建立自己喜欢的品牌。
9. Logo Shapefactory-一键生成LOGO的神器:https://logo.shapefactory.co
如果不想大费周折的找素材自己制作LOGO的话,那么这个设计网站能够满足你,只要输入关键词就可以帮你制作属于你自己的专属LOGO。
10. Hatchful-制作LOGO标志的网站:https://hatchful.shopify.com
Hatchful是一个专门制作Logo标志的网站,由知名的互联网企业Shopify开发,通过该网站,可以自动生成漂亮的Logo作品。
11. Squarespace Logo-免费制作Logo的网站:https://www.squarespace.com/logo
Squarespace是一个免费线上制作Logo的网站,有非常多种图形的选择,只要输入名称就能快速制作出Logo。
12. GraphicSprings-免费LOGO生成器:https://www.graphicsprings.com
GraphicSprings是一个免费商标设计平台,对于企业、初创公司来说,这是一个非常简单的解决方案。
16. 生成头像(网站数量:21个)
1. UI Faces-真实人物照片的头像素材库:https://uifaces.co
UI Faces是一个聚合了大量真实人物照片的头像素材库,每张照片都经过Microsoft的Face API处理并标记年龄、性别、情感和头发颜色。
2. Friendly Faces-头像制作工具:https://friendlyfaces.co
Friendly Faces的目标是构建一个具有包容性、多样性的头像制作工具,任何人都可以参与创建自己形象的个性化头像。
3. Avataaars Generator-免费在线头像生成器:https://getavataaars.com
Avataaars Generator是由Pablo Stanley设计、Fang-Pen Lin开发的一款免费在线头像生成器,任何人都可以轻松制作出漂亮的个人头像。
4. Pictogrift-任何给定文本生成唯一的象形图:https://luciorubeens.github.io/pictogrify
Pictogrify是一个开源库,支持从任何给定文本生成唯一的象形图。
5. Personas by Draftbit-俏皮、现代、有趣:https://personas.draftbit.com
Draftbit的Personas人物角色俏皮、现代、有趣,不依赖于性别、种族、年龄来限定角色,而是通过提供肤色、发型、胡须、服装、五官配饰、背景等参数来调整整体外观概念。
6. Stubborn Generator-25个酷角色:https://stubborn.fun
Stubborn Generator是一套包含25个酷角色、50个背景物品和20个场景的免费插画图库。
7. Diversity Avatars-头像素材库:https://diversityavatars.com
Diversity Avatars是一个探索世界各地人们和文化的美丽、多样性头像素材库,目前拥有770个头像,包括各行各业、不同宗教信仰、不同国籍和种族。
8. Joe Schmoe-色彩鲜艳的角色库:https://joeschmoe.io
Joe Schmoes是由Jon&Jess为开发人员和设计师设计创建的色彩鲜艳的角色库,可用作实时网站或设计模型的个人资料图片占位符。
9. Bottts-机器人头像库:https://bottts.com
一套免费的Bottts机器人图标库,你可以在Sketch中任意更改五官。
10. Avatar-Library-免费的头像插画:https://drawer.design/products/avatar-library
使用免费的Sketch或Figma库创建一个独特的头像插图。
11. Generated Photos-AI生成的头像库:https://generated.photos
10万个AI生成的人像面孔无版权免费下载。
12. AI Gahaku-自拍照生成名画艺术品:https://ai-art.tokyo/en
AI Gahaku一款制作艺术头像的工具,它通过AI可以使用自己的照片生成欧洲中世纪的风格,看起来别具一格非常有趣。
13. Artbreeder-AI人工智能换脸网站:https://artbreeder.com
Artbreeder可以结合两张脸的属性(比如:笑容、眼睛、皱纹肤色、五官等)来进行微调,类似于「基因之间的融合」。
14. Toy Faces Library-3D头像库:https://amritpaldesign.com/toy-faces
Toy Faces是一个有趣的多样化的3D头像库,供您的设计和个人使用,帮助你的设计更加有趣和多样化。
15. More Big Heads-免费可商用的头像组合库:https://bigheads.io
这些头像可以将表情、服装、发型、颜色组合成数十亿个不同的独特头像,同时还可以SVG格式,可以将它们嵌入您的网站。
16. Humans-时髦的3D角色集:https://wannathis.one/humans
网站上提供了80个不同的3D角色、20个不同的人物姿势、4种不同的服装,易于定制,支持Figma格式
17. PFPMaker-头像设计工具:https://pfpmaker.com
PFPMaker只需要上传一张你的照片,通过AI技术自动去除背景,美化你的照片并自动生成数十个个人资料图片,生成的图片可以编辑颜色、阴影等设置
18. Multiavatar-多头像生成器:https://github.com/multiavatar/Multiavatar
它是一个免费的开源项目,代表来自多种种族、文化以及世界上各行各业的人,可以生成超多的头像,支持SVG格式
19. Avatar-Maker-开源头像制作生成器:https://avatar-maker-vue.netlify.app
一个可以免费制作头像的网站,它提供了一些支持自定义五官的选项,同时也是一个开源项目
20. Nice-Avatar-轻松生成用户头像:https://nice-avatar.chilllab.io
一个免费开源的头像生成工具,此网站提供了男女两种风格的头像,可调参数比较多
21. Boring Avatars-可自定义颜色的SVG圆形头像:https://boringavatars.com
一个基于文本生成SVG圆形头像的网站Boring Avatars,它支持自定义颜色、可直接复制SVG代码,是一个挺有趣的小工具
17. 思维导图(网站数量:12个)
1. Draw.io-开源图表工具:https://www.draw.io
Draw.io是一个专业的开源图表工具,可以创建和共享流程图、组织结构图、UML图、ER模型、网络图等等,无需注册即可免费在线、PC桌面及平板电脑使用。
2. Octopus.do-原型设计的在线工具:https://octopus.do
Octopus.do是一个可以让你对网站或应用程序结构创建详细可视化站点地图并进行原型设计的在线工具,同时提供动态计算项目成本的功能,并以简单的链接形式进行分享。
3. Zen Flowchart-简洁好用的在线工具:https://www.zenflowchart.com
Zen Flowchart 是一个非常简洁好用的在线工具,用于创建流程图、组织结构图、站点地图等。
4. Whimsical-思维导图在线制作工具合集:https://whimsical.com
Whimsical是一个专注于用户体验和速度的团队协作可视化工作区,提供流程图、线框图、便签和思维导图在线制作工具合集。
5. VisualSitemaps-在几秒钟内自动生成可视站点地图:https://visualsitemaps.com
只需输入一个URL,即可获得整个网站的基于缩略图的视觉架构,自动生成任何公共或私人网站的精美视觉站点地图+高分辨率屏幕截图。
6. Lucidchart-在线流程图绘制协作平台:https://www.lucidchart.com
LucidChart拥有一个比其它所有本地"白板"应用更为强大的功能,其目的是创建更复杂的流程图和线框。
7. Wireflow-创建漂亮的用户流原型:https://wireflow.co
Wireflow 是一款免费开源软件,为简化项目计划和集思广益的早期流程而产生。
8. FlowMapp-可视站点和用户流程的在线工具:https://flowmapp.com
是一个网站和APP的前期架构与地图(Sitemap)设计工具,提供网站地图、信息架构、内容架构的设计。
9. Miro-在线协作式的白板平台:https://miro.com
在Miro应用程序中可以立即将数十个手写便笺转换为数字便笺,通过在Miro的协作式白板画布上进行组织和编辑,同时也提供了思维导图的模板。
10. Creately-在线图表制作协作平台:https://creately.com
在线图表制作协作平台是一款优秀的绘制产品图形的在线工具,绘制的图形更为丰富,支持UML图、Mindmap图、SWOT图、产品原型图、流程图等等数十种类型。
11. Coggle-化繁为简的思维导图工具:https://coggle.it
Coggle 是一款简约漂亮的思维导图工具,轻量级,需要 Google 账号,可导出 PDF、PNG、TXT 格式,支持多人协作,嵌入网页等等。
12. ProcessOn-免费在线作图、实时协作:https://www.processon.com
支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等。
18. 压缩网站(网站数量:20个)
1. TinyPNG-经典在线压缩网站:https://tinyjpg.com
经典在线压缩网站,一次性可最多压缩20张不超过5MB的.png或.jpg图片,压缩完直接下载图片即可。
2. Squoosh-超强的在线图片压缩:https://squoosh.app
Google 开源发布的一款专门用来压缩图片的在线服务,支持 JPG、PNG、WebP 等格式的极限压缩。
3. IMGBOT-在线图片编辑神器:https://www.imgbot.ai
图片压缩工具IMGBOT,它不止有压缩功能还有调整图片大小、裁切图片和图片加水印功能,而且支持批量编辑,一次最多可以上传100张图片,每个文件的大小不能超过25MB。
4. Recompressor-在线最佳图片压缩工具:https://zh.recompressor.com
是一个追求将图像进行最佳压缩的在线工具,压缩的全程中通过浏览器提供在线文件完整预览,在文件尺寸和质量之间取得完美平衡,该网站使用完全免费并且无广告。
5. docsmall-在线图片、gif压缩工具:https://docsmall.com
docsmall是由 INTERVAL DESIGN 设计开发的在线文件处理工具,目前已上线图片压缩、GIF压缩、PDF压缩、PDF合并、PDF分割功能。
6. 图好快-在线图片压缩工具:https://www.tuhaokuai.com
一款国内的在线图片压缩工具,除了压缩PNG图片、JPG文件外还可以压缩GIF文件,除了压缩图片外,还提供了添加水印、转换图片格式以及对图片的简单编辑等功能。
7. 智图-图片压缩和图片格式转换的工具:https://zhitu.isux.us
腾讯ISUX前端团队开发的一个专门用于图片压缩和图片格式转换的工具,在压缩PNG、JPG、GIF等各类格式图片时,工具将自动为图片选择最优的图片格式。
8. jpeg.io-图片压缩工具:https://www.jpeg.io
这是一个支持将JPG、PNG、GIF、SVG、BMP、EPS、PSD、TIFF、WEBP等多种格式的图片压缩为JPG格式的图片压缩工具,支持多张图片批量上传及下载。
9. Compressor.io-在线图片无损压缩工具:https://compressor.io/compress
Compressor是一款支持JPEG、PNG、GIF、SVG图片格式进行在线压缩到90%的工具,但不会破坏图片的画质,压缩比极高。
10. Kraken.io-最好用的在线图片压缩工具:https://kraken.io/web-interface
Kraken.io 是一个在线图片优化和压缩服务,支持 JPEG、PNG、GIF 动画和 SVG 格式。
11. Giftofspeed-JPEG压缩器和缩放器:https://www.giftofspeed.com
Giftofspeed是JPEG压缩器和缩放器,您可以通过调整图像质量和/或调整图像大小来将JPEG文件压缩到更小的文件大小。
12. Optimizilla-图片压缩网站:http://imagecompressor.com/zh
Optimizilla 也是一款经典的图片压缩网站,网站提供了不同的语言供选择,在图片压缩方面,网站支持JPG及PNG文件格式。
13. 色彩笔-在线压缩小工具:http://www.secaibi.com/tools/
色彩笔是一个免费的在线图片压缩小工具,可以非常方便得将PNG/GIF/JPG图片大小优化到极限。
14. img.top-智能在线图像压缩:https://img.top
使用聪明的有损压缩技术来减少你的 PNG、JPG、GIF 文件的存储大小。
15. iloveimg-图像文件在线编辑工具:https://www.iloveimg.com/zh-cn
可批量编辑图片 的所有工具,你的在线图片编辑器就在这里,而且永远免费。
16. JPEGmini-在线JPEG图片压缩:https://www.jpegmini.com
获得最小的图像文件大小而不会影响质量或更改您的工作流程。
17. Online UniConverter-视频转换工具:https://www.media.io
Online UniConverter最初叫做Media.io是由Wondershare公司开发的一款集视频和音频转换为一体的视频转换工具,包含在线版本和离线版本。
18. Clipchamp Utilities-在线视频处理工具:https://clipchamp.com/en/video-compressor
Clipchamp Utilities 是一套功能强大的在线视频处理工具,包括视频压缩、视频格式转换及摄像头录制视频。
19. You Compress-免费在线压缩工具:https://www.youcompress.com/videos
You Compress是一款极简的免费在线压缩工具,界面简洁直观,只需上传视频文件,网站会根据上传的视频,自动选择最佳参数对视频进行无损压缩,减少文件大小同时保证视频质量。
20. HandBrake-开源视频转换工具:https://handbrake.fr
HandBrake是一款免费开源视频转换工具,目前在GitHub的Star数是4711,HandBrake不提供在线服务,只能下载到本地使用,适用于所有流行的操作系统。
19. 无损放大(网站数量:7个)
1. bigjpg-AI人工智能图片放大:http://bigjpg.com
bigjpg 是使用最新人工智能深度学习技术——深度卷积神经网络,对图像进行放大的工具,它会将噪点和锯齿的部分进行补充,实现图片的无损放大。
2. waifu2x-在线图片放大工具:http://waifu2x.udp.jp/index.zh-CN.html
waifu2x 是一个支持中、英、日、韩等多国语言的在线图片放大工具,使用卷积神经网络对照片及动漫风格的图片或插画进行放大及降噪处理。
3. Let’sEnhance.io-国外的在线图片放大工具:https://letsenhance.io/cn
Let’sEnhance.io 是一款国外的在线图片放大工具,采用基于深褶积神经网络的尖端图像超分辨技术,实现大幅增加照片或图像的大小并且不失质量的效果。
4. Imagus-显示大图的 Chrome 插件:https://chrome.google.com/webstore/detail/imagus/immpkjjlgappgfkkfieppnmlhakdmaab?hl=zh-CN
Imagus 是一款可以通过将鼠标悬停在缩略图上来显示大图的 Chrome 插件,支持鼠标悬停链接或缩略图以显示图片、HTML5视频/音频和内容专辑等。
5. Upscale Pics-人工智能让模糊图片变得更清晰:https://upscalepics.com
Upscale Pics可以免费将您的图像放大2倍至8倍,它使用AI算法来解决像素化问题。
6. AI Image Enlarger-AI人工智能图片放大工具:https://imglarger.com
imglarger是一款基于人工智能学习及人工智能技术的图片放大而不失真的图片处理工具。
7. Smart Upscaler-AI无损放大图像:https://icons8.com/upscaler
Smart Upscaler它可以将图像放大2倍或4倍,利用机器学习自动为图像进行锐化、降噪和放大。
20. 效率工具(网站数量:27个)
1. Firefox Send-文件分享工具:https://send.firefox.com/
这个工具是由我们所熟知的Firefox火狐浏览器所属公司Mozilla推出的,一个开源私密文件分享服务工具。
2. FlowCV-创建一个更好的简历:https://flowcv.io
一个超级棒的在线简历生成器工具——FlowCV,让你换种方式轻松创建一个更好的简历。
3. Launchaco-给你的App生成一个网站:https://www.launchaco.com
不止能创建免费logo,还可以查域名、为你的App生成一个产品宣传网站。
4. Screencastify-屏幕录像机:https://chrome.google.com/webstore/detail/screencastify-screen-vide/mmeijimgabbpbgpdklnllpncmdofkcpn
Screencastify是一个轻量级Chrome扩展程序,能够捕捉整个桌面、浏览器选项卡或网络摄像头录制流畅/高清视频。
5. Neumorphism-CSS代码神器:https://neumorphism.io
Neumorphism可以简单轻松地实现新拟态效果,可以任意更改颜色,形状可以在圆形、圆角矩形和方形之间切换,形状与背景的距离、阴影的强度和模糊效果等也可随意更改。
6. Blobmaker-SVG形状的在线工具:https://www.blobmaker.app
Blobmaker 是一款能帮你快速生成不规则 svg 形状的在线工具,通过网站你可以随机生成形状,也可以修改形状颜色、复杂程度及对比度,简单实用。
7. Blobs-为web和flutter生成漂亮的Blob形状:https://blobs.app
一个可以为web和flutter应用程序生成漂亮Blob形状的网站blobs,简约的设计可以调整一些参数创建独特的Blob,提供了web和flutter场景中的代码。
8. Get Waves-波浪图案在线制作神器:https://getwaves.io
Get Waves是一个生成 svg 格式波浪图案的线上工具,打开网站就能线上制作,同时也提供了一些基本选项,包括波浪类型、位置、颜色、透明度、密度等等。
9. Flourish-一键生成酷炫数据跑分图:https://flourish.studio
Flourish是一个动态图表的制作网站,它有海量的图表模板,不仅可以生成静态图表,还可以做成动态可视化。
10. 花火Hanabi-数据可视化工具:http://hanabi.data-viz.cn
免费的在线图表制作工具,操作简单,降低可视化信息生产门槛,好看的图表形态各异,制作的工具简单如一。
11. Monday Hero-将Sketch设计转换为Swift代码:https://mondayhero.io
Monday Hero是一个开发人员的工具,用于以最快的方式创建移动端代码。
12. Algorithmia-用AI给黑白照片上色:https://demos.algorithmia.com/colorize-photos
Algorithmia利用AI技术自动为黑白图片上色,还原其彩色面貌。
13. RemoveBg-消除图片中的背景:https://www.remove.bg/zh
remove.bg 很强大的线上去背景网站,100%全自动的AI技术,以训练好的模型快速分辨照片前景和背景,将主体分离后成为透明背景。
14. ChartCube-AntV 在线图表制作工具:https://chartcube.alipay.com
AntV在线图表制作工具拖拽之间快速搞定图表制作工,无论你是设计师、产品经理,还是开发都可以使用此工具配置你需要的图表效果。
15. Unscreen-在线免费的扣视频背景神器:https://www.unscreen.com
Unscreen支持mp4、gif、mov、.webm、.ogg格式,上传视频或GIF自动去除背景保留主体。
16. MarkUp-网页在线标注工具:https://app.markup.io
它是一款网页在线标注工具,输入网址即可进行标注预览,可以让你的想法快速、方便地标注在网页的任何地方。
17. Colourise-在线黑白照片着色工具:https://colourise.sg
一个将黑白照片智能转为彩色的网站Colourise,它是基于GAN而开发的一个给老照片着色的项目。
18. I Love PDF-PDF爱好者的在线工具:https://www.ilovepdf.com/zh-cn
完全免费、易于使用、丰富的PDF处理工具,包括:合并、拆分、压缩、转换、旋转和解锁PDF文件,以及给PDF文件添加水印的工具等。仅需几秒钟即可完成。
19. Neumorphic Generator-新拟态效果的生成器工具:https://neumorphic.design
一款可以轻松实现新拟态效果的生成器工具,这款生成器可以让你轻松创建你所设想的形状,并附带50多个预设的灵感,很多参数可以调整,同样支持自定义颜色。
20. Image Colorizer-黑白照片上色的工具:https://imagecolorizer.com
一个基于AI技术在几秒钟内为黑白照片上色的工具Image Colorizer,上传的图片小于4MB,像素不超过3000×3000,支持.jpg .jpeg .png。
21. Slazzer-5秒一键抠图去除背景:https://slazzer.com
Slazzer是基于AI的技术可以在短短几秒钟内自动删除图像背景,只需要5秒钟即可实现一键抠图去除背景,同时Slazzer也在不断的根据AI技术进行改进,目的为了不断的提升准确率。
22. Squircley-漂亮的形状生成工具:https://squircley.app/
Squircley可以为你的设计增加一些美感,这些形状可用于Logo、图标、背景图像等场景,可以复制和下载svg代码。
23. Trace-免费去除背景的网站:https://www.stickermule.com/trace
Trace是一个免费去除背景的网站,体验后感觉效果还不错(特别是复杂的人物场景),去除背景后支持自定义背景颜色、背景图片、裁切、旋转等操作。
24. BgEraser-抠图工具:http://bgeraser.com
支持上传png、jpg格式的图片,最大尺寸2000x2000,图片大小2M内。
25. Removal.ai-AI技术实现快速去除背景:https://removal.ai
一个通过AI技术实现快速去除背景的网站Removal.ai,它支持批量图像处理、高分辨率输出、集成开放的API进行扩展。
26. Blobs-一键生成漂亮的Blob形状:https://blobs.app
一个可以免费生成Blob形状的网站,最近Blobs迭代了2.0版本,带来了许多新功能,比如:设置Blob形状颜色、渐变色、图案背景、自定义图片等等。
27. PicUP-一键抠图神器:https://www.picup.shop
一个国内的网站「皮卡智能」,简单体验后觉得还不错,不仅可以在线抠图换背景还支持视频抠图。
21. 独立开发
1. 码力全开大学堂-独立开发者的修炼课:https://www.maliquankai.cn
帮你搭建一套完整的知识架构的视频学习网站,从设计界面、准备工具、学习语言、到构建App,内容一应俱全。
2. 个人作品-App作品:https://www.maliquankai.cn/app/download
10款个人App端产品分别是『码力全开』『PutApp』『奇点日报』『MiniHour』 『破壳日』『壹日程』 『Icon Test』『口袋密码』『拾光记』 『 心动屋』
3. 码力全开工作室-独立开发者的聚集地:https://www.maliquankai.com
不定期更新关于产品、设计、工具资源、插画素材、图库图标等干货内容。
4. 表情包-码小力和码小开:https://www.maliquankai.com/2018/11/20/2018-11-20-emoticon-online/
码力全开工作室表情包『码小力和码小开』。
5. 码力全开资源站-资源导航站:https://www.maliquankai.com/designnav
产品/设计师/独立开发者的资源库,由码力全开推出,汇集各种设计、工具的资源站。
22. 音效资源(网站数量:9个)
1. FreeSFX-50万+的音效资源:https://freesfx.co.uk
音效由专业音效公司提供,可以在线试听、分类检索、可商用下载。
2. Icons8 Music-免费背景音乐素材库:https://icons8.cn/music
由Icons8团队上线的免费音乐素材库,每首歌曲都被打上了标签及分类,可以根据自己的需要选择下载,在网页端也支持试听。
3. DOVA-SYNDROME-日本音效素材网站:https://dova-s.jp
是一个来自日本的免费音效网站,主要以提供各种背景音乐(BGM)、铃声、声音效果和歌曲素材为主。
4. DUST SOUNDS-免费的音乐音效网站:http://dust-sounds.com
是一个日本免费音乐音效网站,提供循环音乐、背景音乐、音效和声音素材,主要提供四大类型音乐:Emsemble、Solo、Techno 和效果音。
5. BBC Sound Effects-免费声音资料库:http://bbcsfx.acropolis.org.uk
收录超过16,000多个声音效果,无论是早期广播、演讲、动物鸣叫、城市、交通工具或战争时期的武器声都能在这个网站中找到。
6. Octave-免费UI音效素材库:http://raisedbeaches.com/octave
收录48个手工制作的音效,包括按键音效、逼逼声和 slides 三大类型,制作成 16 bit、44.1khz 的 .aifs 格式,可以自由用于 iOS 应用程序开发项目。
7. Freesound.org-免费下载音效和配乐声音素材:http://freesound.org
该网站上其包含大量的音效和配乐,大多为WAV格式;并且上面的音效素材使用 CC0授权,即该素材可用于个人或者商业创作,无专利纠纷。
8. POND5-音效素材库:https://www.pond5.com/sound-effects
该网站上其包含大量的音效和配乐,大多为WAV格式;并且上面的音效素材使用 CC0授权,即该素材可用于个人或者商业创作,无专利纠纷。
9. Soundsnap-280,000多个声音效果库:https://www.soundsnap.com
Soundsnap仅专注于专业音效,每周都会添加精选的声音,它是探索世界上使用最广泛的音效平台。
23. 表情设计(网站数量:11个)
1. Emojious-情感表情的图标库:https://www.emojious.com/categories/classics
Emojious是一个用于表达想法、语气和情感的图标库,网站目前拥有3600多个图标,有表情包的分类,非常精致。
2. Streamline Emoji-免费的可爱表情符文集:https://app.streamlineicons.com/freemojis?_ga=2.98601310.1763045002.1582735281-45536238.1582474165
Streamline Emoji 是一款免费的可爱表情符文集,其中有超过780个矢量表情免费下载。
3. Emoji-M-易于索引的Emoji合集网站:https://emoji-m.firebaseapp.com
含9大分类,表情、人物与手势、动物与自然、食物与饮品、旅行与地点、活动、物体、标志、及国旗。点击图标即可复制。
4. Emojipedia-表情图标参考网站:https://emojipedia.org
记载了Unicode标准中各个表情图标的编码、含义、演变等信息。
5. Getemoji-彩色表情符号设计:http://getemoji.com/
网站有非常多的Emoji表情,可以复制和粘贴。
6. beedii-自由手绘表情符号字体:https://listemoji.com
Nitish 和 Prafful 提供各种各样手绘表情符字体,目前包含48个不同的元素,它可以用作个人和商用。
7. List Emoji-表情符号列表:https://listemoji.com
众多类型的表情符号,比如:各种与人脸相关的表情符号,点击即可复制表情符号。
8. Joy Pixels-漂亮的emoji表情包:https://www.joypixels.com
这是一套非常有趣的图标合集,包含230多种新的的表情符号和超过1500 款被重新设计过的图标,所有的这些都是免费的(仅供个人使用)。
9. OpenMoji-免费开源的表情符号大全:https://openmoji.org
OpenMoji是面向设计师、开发人员和其他所有人的开源表情符号,到目前为止,已经设计了超过3000种不同类别的表情符号,提供了彩色和单色的SVG、PNG格式。
10. Blob Emoji-有趣又好玩的Blob表情符号:https://blobs.gg
Blob Emoji是一个有4152个有趣又好玩的Blob表情符号网站,提供了很多好玩有趣的Emoji表情,这些表情有动态和静态的,提供了一键下载所有Emoji表情的入口。
11. 表情包初尝试-绘制表情包该从哪里入手呢:https://www.maliquankai.com/2018/10/11/2018-10-11-emoticon
微信表情支持截屏表情、真人拍摄表情、卡通表情及其它,在开始制作表情前,首先要确定的是所要制作的表情类型,根据类型选择或绘制形象是制作表情的第一步。
24. 动效设计(网站数量:9个)
1. LottieFiles-动画的未来和交互式设计:https://lottiefiles.com
Lottie是一种开源动画文件格式,与众不同。它体积更小,质量更高,可让您创建可以交互的动画。
2. 犸良-让动效更简单:https://design.alipay.com/emotion
犸良作为一站式动效制作平台,通过海量的动效素材以及可视化编辑能力,帮助零基础的用户轻松完成动效制作。
3. Lottie-开源动画库:https://airbnb.design/lottie
Lottie是由Airbnb团队开发的一个适用于iOS、Android、React Native、Web和Windows的开源动画库。
4. Zdog-好玩的的3D设计和动画制作库:https://zzz.dog
一个圆形、扁平、设计师友好的伪3D引擎。
5. Streamline Emoji-元素周期表动效:http://foxcodex.html.xdomain.jp/index.html
动效设计必备:元素周期运动表。每个动效的实现都有一个理论依据。
6. Cliply-GIF动画库:https://cliply.co
Cliply有免费可商用的无版权动画,也有免费下载需要注明出处的,它提供了8个分类,质量还不错。
7. Shape-可自定义的动画图标:https://shape.so
形状可让您自定义静态和动画图标及插图的样式,颜色和边框。您可以导出到React,SVG和Lottie代码。
8. 创意GIF动画-超赞的创意GIF动画设计欣赏:https://www.maliquankai.com/2018/09/28/2018-09-28-loading-gif/
一些超赞的创意GIF动画,这些动画来自dribble并且在平台上很火,是很值得参考的素材,希望能为你的APP设计或网页设计带来启发。
9. 动画资源-代码实现动画也可以很简单:https://www.maliquankai.com/2019/07/23/2019-07-23-lottie-animation/
推荐几个动画神器,帮你轻松完成你想要的动画效果。
25. 开源项目(网站数量:6个汇总资源)
1. 10个优秀的开源项目-这10个优秀的开源项目一定要看:https://www.maliquankai.com/2019/04/30/2019-04-30-github-tools/
GitHub上最热门的开源项目。
2. GitHub上好玩有趣的项目-好玩又有趣的开源项目推荐:https://www.maliquankai.com/2018/12/16/2018-12-16-open-github/
GitHub上好玩、容易上手的项目,希望这些开源的项目能帮你用很短的时间感受到编程的魅力和便捷。
3. Star比较多的开源项目-安利一波很火的装逼利器:https://www.maliquankai.com/2018/12/10/2018-12-10-powerful-tool/
推荐了一些比较火且Star比较多的开源项目,而今天的主题就是酷,没别的_。
4. 8款开源项目-特别好用的开源神器:https://www.maliquankai.com/2018/12/04/2018-12-04-eight-github/
8款特别好用的神器工具,建议低调收藏。
5. 超实用的开源项目-8款特别实用的优秀开源项目:https://www.maliquankai.com/2018/11/30/2018-11-30-good-github/
收集了一些好看又超实用的工具资料。
6. 热门的开源项目-6款超实用的利器,不容错过:https://www.maliquankai.com/2018/11/28/2018-11-28-hot-github/
推荐几款热门的开源项目和工具。
26. 前端框架(网站数量:10个)
1. Ant Design-蚂蚁金服出品,非常著名的框架:https://ant.design/index-cn
Ant Design 是基于 React 开发的,并不是传统的 html。React 起源于 Facebook 的内部项目,现在已经成了一个很流行的开发工具。
2. Bootstrap-前端开发框架:https://www.bootcss.com
简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
3. Taro UI-一套基于Taro框架开发的多端UI组件库:https://taro-ui.aotu.io
Taro UI,一套基于 Taro 框架开发的多端UI组件库,可以在微信小程序/H5/ReactNative 等多端适配运行。京东用户体验设计部的凹凸实验室出品。
4. iView-一套基于Vue.js的高质量UI组件库:https://www.iviewui.com
Vue.js 是一个 JavaScriptMVVM 库,是一套构建用户界面的渐进式框架。
5. QMUI-腾讯出品,有Web、iOS、安卓三端:https://qmuiteam.com
致力于提高各个平台的UI开发效率,目前Web、iOS、Android 三个平台对应的框架均已在Github开源。
6. Element-网站快速成型工具:https://element.eleme.cn/#/zh-CN
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
7. WeUI-微信组件weui:https://weui.io
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计。
8. Flutter-设计精美的应用:https://flutter.dev
Flutter是Google的UI工具包,可通过单个代码库为移动,Web和桌面构建漂亮的。
9. React-用于构建用户界面的JavaScript库:https://react.docschina.org
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。
10. AngularJS-前端JS框架:https://angular.io
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
27. 博物馆素材(网站数量:17个)
1. 芝加哥美术馆-5万多张高清世界名画:https://www.artic.edu/collection
网站所提供的图片分辨率一般在3000px左右,包含经典的梵高自画像、神奈川冲浪里、印象派等诸多画作,可直接下载,有免费可商用素材。
2. 纽约公共图书馆-18万张高像素素材:https://digitalcollections.nypl.org
网站支持关键词搜索,一共包含了超过74万图片素材之多。并且每天都会新增各种的艺术照片、文物资料、珍贵手稿、流媒体视频等。
3. 国立故宫博物院-7000余张免费可商用的中国文物素材:http://theme.npm.edu.tw/opendata
在「故宫 Open Data 专区」主要有两项资源搜寻及下载工具,包括:文物查询下载、精选图像下载。前者有70,000张以上72dpi 中低解析度的图像及相关文字资料。
4. 荷兰国立博物馆-数十万艺术作品免费下载:https://www.rijksmuseum.nl/nl/rijksstudio
在荷兰国家博物馆可搜索、查找许多馆藏作品,收录的作品以画作为主,也有其他早期历史收藏,通过数位方式为这些作品提供高清晰度的照片,尺寸可达4500×4500像素,免费不可商用。
5. 史密森协会-数百万个Smithsonian的图像:https://www.si.edu/openaccess
您可以更轻松地访问网站上收藏的近300万个2D和3D数字产品,其中还包括史密森尼博物馆(Smithsonian)的19个博物馆、档案馆、国家动物园的图像和数据。
6. 美国大都会博物馆-收藏超过45万幅的作品:http://metmuseum.org/art/collection
美国大都会艺术博物馆总的艺术品及其文物图片数量已经收录超过了45万张之多,此次公开并开放下载且可商用的已经达到其总的的数量的一半了。
7. 沃尔特斯艺术博物馆-中国藏品大约580件:https://art.thewalters.org
沃尔特斯艺术博物馆拥有方便的搜索功能,允许公开下载、使用和编辑。
8. 盖蒂博物馆-超过10万件的高清艺术品:http://www.getty.edu/art/collection
盖蒂博物馆收藏了从新石器时代到古希腊、罗马时期的艺术品,提供了公开下载的入口。
9. Gallerix-世界名画档案馆:https://gallerix.org
Gallerix这个网站专门搜集世界著名画家的作品,搜集数量多达16万幅。
10. 巴黎博物馆协会-超过10万张藏品图:http://parismuseescollections.paris.fr/fr
巴黎博物馆协会超过10万张藏品图可免费商用,网站支持根据色彩进行检索。
11. 美国国家艺术馆-超过5万个艺术品图像:http://images.nga.gov
美国国家艺术馆提供了包括梵高、莫奈等大师作品的图像,可免费下载。
12. 美国国会图书馆-日本浮世绘木版画图片:https://www.loc.gov/collections/japanese-fine-prints-pre-1915
网站提供的检索方法还是比较丰富的,你可以按照艺术作品的年份、地区、创作者、类型等等来进行筛选,可免费下载,商用需获得第三方许可。
13. 荷兰梵高博物馆-梵高画作图片:http://vangoghmuseum.nl/zh/search/collection
网站提供提供了艺术家、位置、年份、类型等分类,可以方便的搜索查找需要的画作,可免费下载不可商用。
14. 大英博物馆-艺术品、雕塑等3D模型:https://sketchfab.com/britishmuseum
大英博物馆提供了很多3D模型素材,包括知名的法老头像、复活岛石像(Hoa Hakananai’a)、宙斯雕塑作品等等,可免费下载不可商用。
15. USEUM-21,578幅艺术作品的高清大图:https://useum.org
网站联合了世界上六所著名博物馆:荷兰国立博物馆、洛杉矶艺术博物馆、丹麦国家美术馆、保罗·盖蒂博物馆、印第安纳波利斯艺术博物馆、华盛顿国家美术馆。全部可以免费下载。
16. 维也纳艺术史博物馆-数百年来收集的欧洲珍品:https://www.khm.at
维也纳艺术史博物馆是一座位于维也纳玛利亚·特雷西亚广场的著名博物馆,它以反映欧洲美术史的系列藏品享誉世界,是欧洲最著名的博物馆之一。
17. 在线博物馆-在线艺术史多媒体展播平台:https://smarthistory.org
Smarthistory是一个在线艺术史多媒体展播平台,可以按照时代、风格、艺术家等多种方式浏览艺术作品,许多作品还配有视频解说。
28. 人物素材(网站数量:10个)
1. Cutoutmix-高质量的抽象插画风人物素材网站:http://www.cutoutmix.com
一个高质量的抽象插画风人物素材网站,人物动作生动活泼,还包含正视、俯视两种视角。
2. Escalalatina-240个名族特色人物动物素材:http://www.escalalatina.com
Escalalatina的人物是素材基本都来自南美,所以色彩比较丰富,很适合一些表现地域性的设计项目。
3. Skalgubbar-免费的高分辨率人物图像:https://skalgubbar.se
这个网站的人物形态很丰富,基本各种动态都有,这些图像可以用于渲染和拼贴图,也更有戏剧性。素材完全免费,可以商用。
4. Nonscandinavia-大量免费的各色人物素材:http://www.nonscandinavia.com/originals
Nonscandinavia的主页面都是抽象的人物素材,对于喜欢低模化或者需要做插画的人会是个好选择。
5. Mrcutout-建筑师和3D图形设计师的抠图库:https://www.mrcutout.com
Mrcutout网站上的素材包含各种各样的免抠人物和配景素材,大部分素材都是免费的。
6. Clipped-随行人员和物品的组合素材:http://clipped.io
网站素材有一大群随行人员素材以及随行人员和物品的组合素材。
7. Pimp My Drawing-线稿风格的素材网站:https://pimpmydrawing.com
该网站提供免费的白描线稿风格人物下载,文件支持DWG和AI两种格式,适用于插图画家和CAD绘图的中等大小的矢量素材集合。
8. Artcutout-有古装风格的人物素材:http://artcutout.studioalternativi.co.il/
网站只有一个简单的界面,所有的素材都是以png格式存在在此网站界面上,但是即使这样,该网站独有的素材也会给人一种耳目一新的感觉。
9. Pngimg-非营利性的PNG透明背景图片素材库:http://pngimg.com
该网站提供了海量的高质量PNG图片,专门为设计师搜索和分享优质的无背景图和剪贴画,用户无需注册即可免费下载使用。
10. Skalgubbrasil-有趣的人物和动物素材:https://skalgubbrasil.tumblr.com/
Skalgubbrasil 是一个"基于瑞典网站 Skalgubbar,同时具有巴西文脉的网站",网站的人物来自于该国各个地区,其中还有有趣的动物和其他各种物件。