7月设计干货合集来了！这一次我所搜集的干货合集当中，有图标合集也有插画合集，但是最值得一看的，是 icons8 出品的动态图标和效果超赞的 SVG 素材编辑工具，还有将 Svg 格式的平面矢量文件升级为 3d 动态内容的服务。 https://prettyrandomillustrations.webflow.io/
这个插画合集是设计师 Prem Pradeep 自己做 100 天设计挑战过程中完成的插画作品，其中内容涉及到的主题非常宽泛，相当随机，这套插画小合集可以免费获取，不过清晰度有限制，如果你其中有你特别需要的，可以下单购买付费的矢量版本。 https://feathericons.com/
Feather 是一个风格比较简约利落的开源图标合集，每个图标都在 24×24 的网格上，图标整体保持着高度的一致性和可读性。你可以一次性把所有的图标都下载下来，也可以在临时有需求的时候，直接在网站当中根据主题 和关键词来搜索合适的图标，修改尺寸和笔触粗细，然后直接复制粘贴，非常方便。 https://icons8.com/animated-icons/color
这是著名的图标和插画素材供应商 icons8 出品的图标服务，目前其中已经囊括了 3700+ 动画图标，这些图标全部以基于 Lottie 的 Json 格式、Gif、AE三种格式而存在，便于你在不同的流程之下使用。另外，这里的动态图标有 iOS 和 Material Design 样式的，也有符合 Windows 系统风格的，可以根据风格选取。这里的图标并非完全免费，有一部分是可以免费下载使用的，另外一部分是付费的。 https://www.pixeltrue.com/free-ui-kits
这是著名的设计素材服务商 Pixelture Packs 出品的免费 UIkit 合集，这个合集当中所提供的 UIKit 是完全免费可商用的，无需署名，直接拿来修改应用就行，对于做 UI 设计的同学而言，特别值得收藏一发。这些 UIKit 大多数都提供 Figma 和 Sketch 格式的文件，而且通常包含有几十个界面和大量的常用组件，相当好使。 https://heazy.studio/
这个名为 Heazy 的 SVG 编辑平台能够帮你生成视觉效果特别独特和时髦的素材，你可以轻松地在 JavaScript 和 TypeScript 当中调用矢量的 SVG 数据，还可以导出为 PNG，或者应用到 React 组件上去。这个SVG 编辑平台提供了很多预先设计好的 SVG 素材，你可以借助内置的编辑器将他们改成你想要的样子。 https://studio.morflax.com/shift
这个工具我是第一次注意到，它可以将你的 SVG 格式的2D矢量文件转化为 3D 的动画，从这点来说，它是可以帮助很多现有的SVG 素材的基础上进一步提升，特别值得尝试。这项服务完全版是收费的，免费服务是有限制的，感兴趣的同学可以上手试试。 https://www.uifiller.com/
当我们需要用小图标的时候，可以直接在网站上搜索图标然后复制图标，粘贴到设计软件当中。现在终于有人更近一步了，直接将日常的 UI 控件的占位符直接设计好，选中你需要的占位符复制粘贴，也是一个提升设计效率的好办法！所以做 UI 设计的同学可以试试看。 https://www.figma.com/community/widgets/figma_design
现在 Figma 当中更新了新功能，Figma 官方和 Asana、Jira 等社区的开发者一同合作，将交互式小部件带到了 figma 的插件系统当中，这样一来，进化在进行设计的时候就不止有静态的元素了，还能使用直接可交互式的控件。 https://www.aircrate.io/
这个名为 Aicrate 网站将最顶级的、 实用性和易用性最强的设计类工具集结到一起，总计有 100 多个，当你在寻找新的设计工具的时候，你可以来这里仔细看看，找到真正符合你需求的转设计工具和服务。 https://www.bezier.design/
Bezier 其实非常像是数字时代的杂志，他们的编辑会从 Behance 、Medium、Dribbble、Facebook、Webflow 等地方精心挑选每周的优质设计作品、设计文章、优质素材等等。而这个产品背后的产品设计师的初衷，是想帮助设计和创意从业者，从无穷无尽的垃圾信息中解放出来，将最新的、有用的、前沿的、高质量的内容整合到一起，节省时间。如果你对于海外的设计资讯感兴趣可以订阅看看。 https://www.designerslobby.com/
和文章开头的 Aircrate 不同，Designers Lobby 搜集的设计工具和资源的数量和种类要多很多，整个网站精选了超过 1200 款、细分为 60 多个类别的各种设计工具和设计素材，单插画就分出来五六个不同的子类别。这个网站的创始人最初是自己关注这些软件和资源，可是软件和服务经常更新，于是萌生出创建网站，来专门跟踪这些资源。 https://www.openillux.com/
看网站名字就能知道这个绝对是免费的。Openillux 是一个汇集了大量纯免费的插画类素材的网站，网站也刻意在风格上采用了简约的描边风格来突出其中所承载的各色免费插画图库，而且网站很贴心地将这些插画图库的风格、特征、适用平台用标签的形式标注了出来，你也可以借助这些标签筛选出你想要的特定类型的插画素材。 https://iconz.design/
这是一套包含 200 多个手工创建的 3D 图标合集，合集中的图标类型丰富，可以应用到 UI 设计、社交媒体、游戏、AR/VR 等不同场合。值得一提的是，这套图标整体是收费的，但是提供免费的小样。同时，如果你正在设计图标，或者想做一些 3D 设计的练习，也不妨在这里来寻找灵感。 https://www.screensstudio.com/
Screens Studio 是一个集合了目前主流绝大多数汽车 HMI 系统交互和细节的平台，平台将现有的优秀的交互设计全部集合到一起，方便 HMI 相关的设计师集中进行参考和学习。 https://mockoops.mohitya.dev/
这是一个专门用来截屏和录制屏幕的工具，但是它不止是简单的截屏那么简单，Mockoops 内置了一些动画模板，可以将你的动态录屏制作成为效果炸裂的动画。这个工具把复杂的动画展示流程精简成为拖拽移动、添加模板和下载三个步骤，可以说是极其省心了。 https://www.supa-palette.com/
这个配色方案生成插件主要用于 Figma，可以无缝地和你的日常 UI 设计工作结合到一起。插件本身支持8种不同的色彩模式，RGB、LRGB、HSL、HSV、HSI、LAB、OKLAB、LCH，能够自动矫正对比度，能够系统化地管理本地的配色方案，而且可以将生成的配色方案直接导出到 Figma Tokens，而且能够直接和目前主流的、常见的设计系统和服务直接对接使用。这个插件本身可以免费试用，如果想长期使用可以订阅也能直接买断，具体根据需求来选取吧。 https://www.produkit.co/
如果你对于设计素材有搜集癖，或者正在寻找高素质的设计素材，那么这个名为 Produkit 的网站一定要收藏一下，这个网站的内容筛选核心是素质，他们会尽可能选择足够优质的最新设计素材，其中相当一部分都是付费的，不过通常价格不会太高，相应的，其中免费的素材的素质也大都是非常过硬的。 https://siter.io/
这是一个最近比较受欢迎的无代码网站搭建平台，这个平台可以和目前最主流的 Figma 直接联动，这意味着你可以最大程度地借助这一主流 UI 设计工具来达成目标。虽然 Siter.io 是付费的服务，但是它提供免费的试用，而且内置的功能也最大程度地辅助你完成网站的搭建，比如海量的图标、对各种图片和视频素材的支持、各种域名服务的支持以及设计系统的支持，对表单和第三方程序的支持，如果你会写代码，还能进行更加深入的定制。 https://designboostr.gumroad.com/l/reallygooddesign
这是一套拥有超过 50 个设计项目的完整设计素材的免费大合集，其中涉及到着陆页、社交媒体页面、首页、品牌视觉设计等各种不同的页面设计，这套免费的页面设计素材除了免费获取之外，最重要的是可以直接拿来商用，无需标明归属，不过根据目前了解的信息，这套设计素材是限时免费的，感兴趣的同学 |
