7月第1波 设计干货 合集来了!这一次我所搜集的干货合集当中,有图标合集也有插画合集,但是最值得一看的,是 icons8 出品的动态图标和效果超赞的 SVG 素材编辑工具,还有将 Svg 格式的平面矢量文件升级为 3d 动态内容的服务。另外别忘了往期的干货合集:
第一波!2022年6月精选实用设计干货合集 6月第1波设计干货合集来了!
阅读文章 >
第二波!2022年6月精选实用设计干货合集 6月第2波设计干货合集来了!
阅读文章 >
第三波!2022年6月精选实用设计干货合集 6月第3波设计干货合集来了!
阅读文章 >
第四波!2022年6月精选实用设计干货合集 6月第4波设计干货合集来了!
阅读文章 >
下面我们具体看看这一期的干货:
60+ 有趣的免费小插画合集 https://prettyrandomillustrations.webflow.io/
这个插画合集是设计师 Prem Pradeep 自己做 100 天设计挑战过程中完成的插画作品,其中内容涉及到的主题非常宽泛,相当随机,这套插画小合集可以免费获取,不过清晰度有限制,如果你其中有你特别需要的,可以下单购买付费的矢量版本。
免费开源极简图标大合集 https://feathericons.com/
Feather 是一个风格比较简约利落的开源图标合集,每个图标都在 24×24 的网格上,图标整体保持着高度的一致性和可读性。你可以一次性把所有的图标都下载下来,也可以在临时有需求的时候,直接在网站当中根据主题 和关键词来搜索合适的图标,修改尺寸和笔触粗细,然后直接复制粘贴,非常方便。
icons8 出品的动态图标 https://icons8.com/animated-icons/color
这是著名的图标和插画素材供应商 icons8 出品的图标服务,目前其中已经囊括了 3700+ 动画图标,这些图标全部以基于 Lottie 的 Json 格式、Gif、AE三种格式而存在,便于你在不同的流程之下使用。另外,这里的动态图标有 iOS 和 Material Design 样式的,也有符合 Windows 系统风格的,可以根据风格选取。这里的图标并非完全免费,有一部分是可以免费下载使用的,另外一部分是付费的。
高素质免费 UIkit 下载 https://www.pixeltrue.com/free-ui-kits
这是著名的设计素材服务商 Pixelture Packs 出品的免费 UIkit 合集,这个合集当中所提供的 UIKit 是完全免费可商用的,无需署名,直接拿来修改应用就行,对于做 UI 设计的同学而言,特别值得收藏一发。这些 UIKit 大多数都提供 Figma 和 Sketch 格式的文件,而且通常包含有几十个界面和大量的常用组件,相当好使。
绝美的免费 SVG 素材编辑平台 https://heazy.studio/
这个名为 Heazy 的 SVG 编辑平台能够帮你生成视觉效果特别独特和时髦的素材,你可以轻松地在 JavaScript 和 TypeScript 当中调用矢量的 SVG 数据,还可以导出为 PNG,或者应用到 React 组件上去。这个SVG 编辑平台提供了很多预先设计好的 SVG 素材,你可以借助内置的编辑器将他们改成你想要的样子。
将 SVG 升级为动态 3D 的高级工具 https://studio.morflax.com/shift
这个工具我是第一次注意到,它可以将你的 SVG 格式的2D矢量文件转化为 3D 的动画,从这点来说,它是可以帮助很多现有的SVG 素材的基础上进一步提升,特别值得尝试。这项服务完全版是收费的,免费服务是有限制的,感兴趣的同学可以上手试试。
给UI设计师的UI控件占位符服务 https://www.uifiller.com/
当我们需要用小图标的时候,可以直接在网站上搜索图标然后复制图标,粘贴到设计软件当中。现在终于有人更近一步了,直接将日常的 UI 控件的占位符直接设计好,选中你需要的占位符复制粘贴,也是一个提升设计效率的好办法!所以做 UI 设计的同学可以试试看。
在 Figma 中直接使用交互式小组件 https://www.figma.com/community/widgets/figma_design
现在 Figma 当中更新了新功能,Figma 官方和 Asana、Jira 等社区的开发者一同合作,将交互式小部件带到了 figma 的插件系统当中,这样一来,进化在进行设计的时候就不止有静态的元素了,还能使用直接可交互式的控件。