设计素材周刊 017 期

设计素材周刊 017 期

来自「Moonvy 月维」分享的最新设计素材与资源

📰 设计资讯

Apple 的新版「人机交互指南」

WWDC22 结束后新版人机交互网站做了全面的改版,首屏刷新会有几率颜色不同

https://developer.apple.com/design/

🏆 产品推荐

超椭圆工具 -Squircley

对比 第13期的 Toolbox 这款工具多了旋转角度和大小的设置,下载 SVG 或者复制 SVG 代码即可使用

https://squircley.app/

查看实现原理

Figma 插件

1.Supa Palette

Supa Palette 是个调色板生成器,非常简单生成梯度颜色并且能控制梯度的数量

https://www.figma.com/community/plugin/1103648664059257410/Supa-Palette

2. Ant Icons

配套 Ant Design 的图标库,使用插件查找和调用更方便

https://www.figma.com/community/plugin/1075720637183099189/Ant-Icons

3.Instance Utils

刚刚进行了大版本的底层升级;可以给你对嵌套实例组件的控制,在不分离的情况下调整◇实例

https://www.figma.com/community/plugin/913055393462842774/Instance-Utils

CSS 渐变投影

还愁开发出来的网站不好看吗?提供投影参数的变量修改,一键复制 CSS 样式代码

https://alvarotrigo.com/shadow-gradients/

可组合的 CSS 动画样式库 - Animista

在线编辑可组合的 CSS 动画,包含常用动作和进出效果以及文本和背景动画等,支持实时查看,复制 CSS 代码就能应用,设计师可以自己设置好动画,将代码分享给工程师。

https://animista.net/

同类型的 CSS 动画样式库还有 Animxyz,可以都试试看,选一个喜欢的

在线 CSS 动画样式库 - Animxyz:https://animxyz.com/

📖 值得读读

【产品体验设计】-设计实践篇

发现问题 > 定位问题 > 寻找切入点 > 设计方案 > 推动落地

通过洞察-分析-制定清晰的用户体验策略,在设计方案推动的时候确保项目实现能力以及协调效率,最后对项目进行全面的验证,形成闭环。是产品体验设计师需要构建的能力体系,也是设计为产品创造价值的链条。这是关于产品体验的整体内容。很重要的一点:任何好产品都离不开持续迭代。

https://mp.weixin.qq.com/s/ZEz-iS-E-fMyc2EeW7wPqQ

Blender 甜甜圈教程

想学习 3D 工具 Blender 的小伙伴开始多起来了,推荐个讲解细致的新手教程

https://www.youtube.com/c/BlenderGuruOfficial

image-20220612163545229
image-20220612163545229

🎊 设计素材

像素风格图标

https://pixelarticons.com/

720 个免费图标,边框和填充两种风格

https://www.majesticons.com/#line-icons

Tabler 图标库 - 1950 个像素对齐的图标

https://tabler-icons.io/

Figma 插件 - 3D 图标素材 Supa Palette

有 4 种配色能选,透视也有 3 种类型

https://www.figma.com/community/plugin/1107546399747513238/3dicons

🔬 小科普「Beta」

Figma 的一篇关于超椭圆的原理文章

超椭圆 Superellipse(也叫 拉梅曲線 Lamé curve)

用数学语言表达这一点很精确:Squircle(超椭圆)周长的曲率是连续的,而圆角正方形则不是。这可能看起来微不足道,一个很酷的故事,但潜意识里它确实产生了很大的影响:它本身就是一个实体,就像河床中光滑的鹅卵石一样,是一个统一的元素整体。

https://www.figma.com/blog/desperately-seeking-squircles/

更好思考的工具 - Untools

https://untools.co/

一系列思维工具的教程集合,让你学会使用被验证过的思考工具来解决你的问题。

🏖 随便逛逛

封面来源:Work louder 团队为 Figma 做的定制外观小键盘

阿里健康体:字体无障碍,为所有人设计!

https://mp.weixin.qq.com/s/DVKa79ChpOau-fgagjuCzA

关于同理心的一个小实验

一个交互式网站,有点元宇宙的意思了。

当我们能够理解和尊重周围人的独特需求和观点时,会对我们的生活和工作产生哪些影响

https://www.empathyexperiment.com/intro

这是 Notion 在曼哈顿街头做推广,移动奶茶小推车,怪可爱的(╹▽╹)
这是 Notion 在曼哈顿街头做推广,移动奶茶小推车,怪可爱的(╹▽╹)

👍 优秀订阅推荐

「 体验碎周报」,帮助交互设计师成长,由「龙爪槐」创建和更新。

「DEX 周刊」,关于产品、设计、前端、软件等内容的精华资讯,由「丁一」创建和更新。

「科技爱好者周刊」,记录每周值得分享的科技内容。

🎁 福利区

🍭「Figma Section」,9 折购买 ,Figma 设计图管理插件

❤️「Pro Layout Panel」,9折购买 ,Fgiam 超级自动布局,让自动布局使用更高效快捷