设计素材周刊 013 期

设计素材周刊 013 期

来自「Moonvy 月维」分享的最新设计素材与资源
设计素材周刊 141 期
设计素材周刊 140 期
设计素材周刊 139 期
设计素材周刊 138 期
设计素材周刊 137 期
设计素材周刊 136 期
设计素材周刊 135 期
设计素材周刊 134 期
设计素材周刊 133 期
设计素材周刊 132 期
设计素材周刊 131 期
设计素材周刊 130 期
设计素材周刊 129 期
设计素材周刊 128 期
设计素材周刊 127 期
设计素材周刊 126 期
设计素材周刊 125 期
设计素材周刊 124 期
设计素材周刊 123 期
设计素材周刊 122 期
设计素材周刊 121 期
设计素材周刊 120 期
设计素材周刊 119 期
设计素材周刊 118 期
设计素材周刊 117 期
设计素材周刊 116 期
设计素材周刊 115 期
设计素材周刊 114 期
设计素材周刊 113 期
设计素材周刊 112 期
设计素材周刊 111 期
设计素材周刊 110 期
设计素材周刊 109 期
设计素材周刊 108 期
设计素材周刊 107 期
设计素材周刊 106 期
设计素材周刊 105 期
设计素材周刊 104 期
设计素材周刊 103 期
设计素材周刊 102 期
设计素材周刊 101 期
设计素材周刊 100 期
设计素材周刊 099 期
设计素材周刊 098 期
设计素材周刊 097 期
设计素材周刊 096 期
设计素材周刊 095 期
设计素材周刊 094 期
设计素材周刊 093 期
设计素材周刊 092 期
设计素材周刊 091 期
设计素材周刊 090 期
设计素材周刊 089 期
设计素材周刊 088 期
设计素材周刊 087 期
设计素材周刊 086 期
设计素材周刊 085 期
设计素材周刊 084 期
设计素材周刊 083 期
设计素材周刊 082 期
设计素材周刊 081 期
设计素材周刊 080 期
设计素材周刊 079 期
设计素材周刊 078 期
设计素材周刊 077 期
设计素材周刊 076 期
设计素材周刊 075 期
设计素材周刊 074 期
设计素材周刊 073 期
设计素材周刊 072 期
设计素材周刊 071 期
设计素材周刊 070 期
设计素材周刊 069 期
设计素材周刊 068 期
设计素材周刊 067 期
设计素材周刊 066 期
设计素材周刊 065 期
设计素材周刊 064 期
设计素材周刊 063 期
设计素材周刊 062 期
设计素材周刊 061 期
设计素材周刊 060 期
设计素材周刊 059 期
设计素材周刊 058 期
设计素材周刊 057 期
设计素材周刊 056 期
设计素材周刊 055 期
设计素材周刊 054 期
设计素材周刊 053 期
设计素材周刊 052 期
设计素材周刊 051 期
设计素材周刊 050 期
设计素材周刊 049 期
设计素材周刊 048 期
设计素材周刊 047 期
设计素材周刊 046 期
设计素材周刊 045 期
设计素材周刊 044 期
设计素材周刊 043 期
设计素材周刊 042 期
设计素材周刊 041 期
设计素材周刊 040 期
设计素材周刊 039 期
设计素材周刊 038 期
设计素材周刊 037 期
设计素材周刊 036 期
设计素材周刊 035 期
设计素材周刊 034 期
设计素材周刊 033 期
设计素材周刊 032 期
设计素材周刊 031 期
设计素材周刊 030 期
设计素材周刊 029 期
设计素材周刊 028 期
设计素材周刊 027 期
设计素材周刊 026 期
设计素材周刊 025 期
设计素材周刊 024 期
设计素材周刊 023 期
设计素材周刊 022 期
设计素材周刊 021 期
设计素材周刊 020 期
设计素材周刊 019 期
设计素材周刊 018 期
设计素材周刊 017 期
设计素材周刊 016 期
设计素材周刊 015 期
设计素材周刊 014 期
设计素材周刊 013 期
设计素材周刊 012 期
设计素材周刊 011 期
设计素材周刊 010 期
设计素材周刊 009 期
设计素材周刊 008 期
设计素材周刊 007 期
设计素材周刊 006 期
设计素材周刊 005 期
设计素材周刊 004 期
设计素材周刊 003 期
设计素材周刊 002 期
设计素材周刊 001 期

📰 设计资讯

Figma Config 视频讲解详细功能

上周的 2022 Figma Config 结束了『草帽』给大家做了新功能集中演示和分别的详细视频介绍👏🏻

https://www.bilibili.com/video/BV1rB4y1C7eu?spm_id_from=333.999.0.0

Figma 新功能 | 组件属性 & 组件集改动介绍(Component Properties × Variants)

https://www.bilibili.com/video/BV1a541197jA?spm_id_from=333.999.0.0

Framer 的更新日志模板

用 Framer 做的日志更新模板,设计风格统一而且同时做好了屏幕适配,就算模板用不上设计还是很有参考价值的 (^▽^)

https://www.framer.com/sites/templates/template/changelog/

🏆 产品推荐

Figma 插件 - Arco Toolbox

Arco Toolbox 是由「字节跳动GIP UED团队」和 「架构前端团队」联合推出的 Figma 插件,帮助设计师和研发同学提效的设计工具,包含 Components、Tokens、Iconbox、Translate 和 Palette 五个主打功能。Toolbox 围绕 Arco 及其生态平台,致力于打通设计资源及开发资源,让业务侧设计师能快速地使用 Arco 资产产出「符合规范」的设计稿,同时基于对设计组件属性的理解和分析,实现开发侧的规范统一和提效。

https://mp.weixin.qq.com/s/XQEcTzikhDhFpuyX0XACsQ

差异检查器 - Diffchecker

对比两个内容的不同,支持文本、图片、和一些其他文件格式。对于设计师可能对比图片不同和文本不同用处比较大,比如有需求更改了或者文案修改了又不想从头看,就可以使用合适的工具提高效率(#^.^#)

https://www.diffchecker.com/

待办清单工具 - Superlist

网站通过鼠标切换的方式同时展示两种配色,这种设计很新奇。这是一款 todo 工具,看介绍又没有那么简单,又是值得期待的新惊喜╰(°▽°)╯

https://www.superlist.com/

在线制作流体动画

动画的速度、颜色、复杂性、旋转等参数都可以自定义,还可以填充图片进去,并且支持代码拷贝和 SVG 格式下载,有了这样的素材距离一个超酷的网站就不远了(#^.^#)

https://blobanimation.com/

在线超使用工具箱 - Toolbox

渐变斑点工具

在线创建生成 CSS 代码的渐变底色,提供 20 多种预设,可以自定义模糊值和半径,通过复制和粘贴直接拷贝代码使用。同时他家还提供其他产品

https://toolbox.signalsupply.co/

透视图工具

将图片随意转成理想透视,提供 10 几种渐变底色同时可以导出透明背景,非常实用

https://perspectr.signalsupply.co/

随机几何形状背景

随机颜色生成的随机几何形状,排布方式可以随机更换,直到随机到你喜欢的下载 SVG 格式,真的好随机

https://toolbox.signalsupply.co/geometric-pattern

超圆角形状

还有绘制 icon 不会画圆角的吗?不用学了,打开网站在线调整圆角弧度直接复制 SVG 使用,超方便 (*▽ *)

https://toolbox.signalsupply.co/squircle

📖 值得读读

为什么数据驱动的用户体验是要走的路?

以及如何使用数据来实现增强的用户体验

数据驱动设计很重要,因为它可以帮助您:

  1. 了解您的用户及其需求。
  2. 超越最佳实践。
  3. 创建有效的设计。
  4. 利用数据推动创新。

https://uxdesign.cc/why-data-driven-user-experience-is-the-way-to-go-science-technology-analytics-dcef370406fc

用 Figma 做动画?🐂

再次被小伙伴们的魔法惊艳到,两个文件深入浅出带你一起了解魔法

通过傅里叶级数,通过不断叠加圆的旋转实现轨迹变化

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

https://www.figma.com/file/m1oZHNRTDL1qh7oHGyT47A/loading-%E5%8A%A8%E7%94%BB?node-id=0%3A1

🎊 设计素材

有彩色背景的图标

推荐过那么多图标了,这个风格倒是第一次见很新颖的想法👍

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

3D 假日海岛风素材

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

3D 人物头像

WWDC21 Apple 大会的主题风格

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

思源可变字体下载

Figma 新增加了可变字体的属性很多小伙伴本地没未安装可变的中文字体,所以无法体验。分享思源的下载链接

思源黑体:https://github.com/adobe-fonts/source-han-sans

Figam 暂时不支持 Windows 系统里以中文命名的中文字体,可以告诉你身边加载识别字体的小伙伴

感谢小伙伴「Get rich 」的发现

🏖 随便逛逛

一个超酷的工程师个人网站

https://henryheffernan.com/

这里还有一位惬意的工程师小哥哥,听着音乐敲着代码

https://david-hckh.com/?ref=godly

你的名字如何用閩南語读出来

太好玩了,把朋友名字输进去,语音录了发给他个惊喜,哈哈哈,大家好我是 Sù-Hí Tshâ-tshâ

https://miasenn.moe.edu.tw/