设计资讯

今天 Apple WWDC22 开始了，有时间记得去围观哦

https://developer.apple.com/wwdc22/

飞书新版本上线

功能上更接近 Notion 增加了文章头图和快捷插入，还有分栏等功能。

https://wmkvl2j8ww.feishu.cn/docx/doxcnn67PCPFBISiVMceCTfePEc

Figma 在今年 6 月依然将加载动画改成了彩虹，如果还发现了其他彩蛋欢迎私信告诉我 (^▽^)

最近很多小伙伴的中文版 Figma 提示需升级，在下载 FigmaEX 汉化版 安装之后 Mac 版会遇到「已损坏」的问题，按文章步骤操作即可。

Mac 版本安装损坏解决办法：https://moonvy.com/url/uGDGSTxb
FigmaEX 汉化版下载地址：https://moonvy.com/figmaEX/

产品推荐

文本特效生成器

输入文本生成多种动画效果，有旗子飘逸的效果、丝带效果、徽章等都是动态效果，并提供保存 gif 格式

http://spacetypegenerator.com/ribbon.html

Amie - 待办管理工具

基于团队的时间安排待办事项管理工具，还未开放注册，有一说一官网是真的很赞，推荐大家自己打开看看。

https://amie.so/

kinopio - 脑图工具

集思广益、计划、情绪板、日记的思考空间，很有意思的工

https://kinopio.club/

阅读原文有动画演示

从 Illustrator 复制粘贴到 Figma

将 .ai、.eps 、.pdf 等矢量文件以及复杂的 SVG。导入 Figma。太强了导入后保留分组和样式。注意每个文件不能超出 10MB (^▽^)

https://www.figma.com/community/plugin/1110823324890582795/Illustrator-%2B-SVG-Import

Beautiful Shadows - 投影插件

直观的调整投影，并且编辑方式很简单，很漂亮实用的插件

推荐人：MrBiscuit

https://www.figma.com/community/plugin/1068595505353552645

计算 CSS 响应式布局时字体的大小

这是一个工具，可以使用此功能clamp()轻松定义 CSS 中的响应式字体大小和布局。该工具可在线和本地使用。

https://min-max-calculator.9elements.com/

值得读读

什么是 SVG 文件？

SVG 代表可缩放矢量图形。它是一种网络友好的基于矢量的文件格式，用于在 Internet 上呈现二维图像。

您可以通过扩展名识别 SVG 文件 - .svg

与其他流行的图像格式（如 PNG、JPEG 和 JPG）不同——它们以像素的形式存储图像信息，因为它们是基于光栅的格式——SVG 将图形信息存储为一组点和线。

这意味着无论 SVG 文件如何重新加工、缩放或调整大小，它们都不会像 PNG、JPG 和其他光栅图像那样变得模糊和像素化。

https://www.freecodecamp.org/news/what-is-an-svg-file/

用 Sketch 制作：Gavin Nelson 如何将“icon”放入“icon”中

Sketch 中有这么多生活质量的小功能和设计选择，真正让设计图标成为一种乐趣
当我们在 Twitter 上看到Gavin Nelson 的拟物化移动图标设计时，我们喜欢缝合皮革效果看起来多么逼真。我们知道我们必须伸出援手进行对话。
您将仔细了解 Gavin 的图标设计方法、他对拟物化的热爱以及他为该领域其他人提供的创意技巧。

https://www.sketch.com/blog/2022/05/27/gavin-nelson-icon-design/

设计素材

Untitled UI Icons 终极免费图标库

一个干净、一致和中性的图标库，专为现代 UI 设计而设计。在 Figma 中为 Figma 制作。包含 1100+ 个图标数量以及线、双色、填充多种图标风格。

https://www.untitledui.com/icons?ref=producthunt

Figma 动画文件欣赏

在 Figma 挑战做一个椭圆运动，作者太棒了用 Figma 实现的流畅轨迹动画

https://www.figma.com/community/file/1113912498613935056

渐变矢量插画源文件

纯矢量绘制，表现质感能和 3D 渲染的类似了。看作者名称是中国人，希望能出现更多优秀的国内分享者(^▽^)

https://www.figma.com/community/file/1111493022156842098

贴纸类型的矢量插画素材

https://www.figma.com/community/file/1113884400773492660

谷歌字体

文件里演示了各种字型的应用示例以及字重的区别，并提供下载链接。非常好的一篇字体介绍实例。

https://www.figma.com/community/file/1113950611695632368

随便逛逛

怀旧和复古插图的网站，独特而有趣的氛围

https://hello.marmosetmusic.com/

母亲节网页设计

五颜六色的花朵围绕着整个页面飞舞效果很棒，节日虽然过去了，优秀的设计值得保留下来。

https://www.pola.co.jp/wecaremore/mothersday/

火箭发射

一款成功发射火箭的超写实全尺寸在线小游戏。它以电影般的介绍开始，当您按住空格键时，会发射火箭。继续在外太空旅行，还介绍了很多登月的历史性时刻

https://leap-for-mankind.com/lift-off

---

本期开始新增了「优秀订阅推荐」和「福利区」公众号复制链接不方便，需要的可以阅读原文去查看(*^▽^*)

前往左下角「阅读原文」，去博客查看链接和往期

---

如果觉得我们的内容还不错的话，希望可以把「Moonvy 月维」分享给小伙伴

你的认可是我们更新的最大动力 ❥(＾－＾)V