设计素材周刊 064 期

设计素材周刊 064 期

来自「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 期

📰 设计资讯

Sketch 混合模式实时预览

Figma 上次的更新支持了混合模式实时预览,Skatch 也增加了该功能,并且文章详细详解了每个模式的使用方式和效果。

https://twitter.com/sketch/status/1656985888105148418

https://www.sketch.com/blog/blend-modes/

2023 年 Google I/O 大会

2023 年 Google I/O 大会上周举行的如果错过了直播,这里可以查看回顾和总结。

https://io.google/2023/intl/zh/

🏆 产品推荐

在线绘画工具:Magma

支持在线多人协作,原画设计师可以在线协作啦,只提供了基础画笔,更多画笔需要解锁付费。

https://magma.com/index

夏末|在浏览器中轻松创作3D

国内团队研发的在线 3D 工具,社区里提供了不少开源的模型。

https://www.xiamo.fun/

在线生成文本动画:STG V.FLASH

在网站中输入需要的文本,生成文字动画,适合用在视频里使用。文本只支持英文,提供了很多预设的动画效果,自定义属性也比较全,支持保存 MP4 到本地。

https://spacetypegenerator.com/flash.html

Figma 社区资源检索网站

网站收录了 Figma 社区中的文件关键词,提供分类、预设关键词为大家提供更好的搜索服务,搜索结果点击复制链接,浏览器打开就能访问源文件,补充了 Figma 社区搜索欠缺的场景。这就类似我们做的 Figma 插件搜索工具,使用支持中文能更快找到合适的插件。

https://figr.design/

神秘的调色板工具:Poline

Poline 是一个神秘的调色板生成器,里面介绍了很多种不同的调色方式,每次不同的取色方式界面都会有对应的动画,很棒的尝试👍

https://meodai.github.io/poline/

调色板快速生成器

点击按钮生成一组 5 个颜色的调色板。同时支持选择主色调,或者根据主题生成配色。单色支持复制色值也可以将该组颜色下载到本地保存。

投稿人:无名的人

https://www.colourpalettegenerator.com/

Figma 插件,使用 AI 从图像中剪切元素

从图像中提取元素,完成抠图的效果,处理完的图像尺寸比较小,适合对细节要求不高的时候使用。胜在方便快捷。目前在线自动抠图效果比较好的工具我推荐pixian.ai

https://www.figma.com/community/plugin/1229141725660705006/Segment-Anything

🎊 设计素材

Intel One Mono 字体

Intel One Mono,这是等宽字体系列,其构建时考虑到了清晰度、易读性和开发人员的需求。

使用开源字体许可证,它更易于阅读并且免费提供。

英特尔品牌团队与 VMLY&R 和 Frere-Jones Type 一起设计了英特尔 One Mono 字体,以最大程度地提高易读性,以解决开发者的疲劳和眼睛疲劳并减少编码错误。一个由低视力和法定盲人开发人员组成的小组在设计的每个阶段提供反馈。

Intel One Mono 还涵盖了 200 多种使用拉丁文字的语言。Intel One Mono 字体提供四种粗细——Light、Regular、Medium 和 Bold——并带有匹配的斜体,我们很高兴分享官方发布的可供使用的字体以及可编辑的源代码。

https://github.com/intel/intel-one-mono

免费 SVG · 形状

100+个SVG 形状免费使用,可以在线修改渐变角度渐变类型,随手下载保存使用。

投稿人:伊莉雅苏菲尔·冯·爱因兹贝伦

https://www.svgshapes.in/

矢量图标素材

作者将自己的作品放在个人站中展示,同时在Figma 公开了作品的矢量文件。

Spline 的付费素材

Spline 是在线的 3D 工具,作者这套付费内容效果确实好看,用来做宣传片很棒,感兴趣的可以了解一下。

原文:https://twitter.com/Aximoris/status/1650929040637714433

预览地址:https://my.spline.design/pathdiversity38tapedark-9ea99546a196e5e0d76d3cf6c207f177/

5000 个图标(Mega Icons Pack)

作者分享 5000 个矢量图标,完全免费。图标提供多种风格,满足各种平台和场景的使用。

https://www.figma.com/community/file/1237298403558913223/Mega-Icons-Pack

韩国素材网站

支持搜索,有免费的素材。可以作为一个素材来源的备选方案。

https://kor.pngtree.com/

📕 值得一读

Figma 团队协作指南

这个文件是公司内部进行 Figma 培训的脱敏版本。让新同事更快的了解和使用 Figma,能和设计部门顺利进行协作。你可以将此文档任意修改,导出幻灯片或 PDF 使用。(感谢作者的分享👍)

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

UX 运动设计指南

介绍了 12 条 UX 运动设计原则是什么 - 以及如何设计它。可以查看原文,里面每个动画都给出了使用的场景和例子。(为了方便阅读,将文件转发到公众号了)

https://twitter.com/felixleezd/status/1655588595053281280

公众号文章链接:https://mp.weixin.qq.com/s/VCZ08ej88lzO_Bc2BUSm8w

订阅推荐:AIGC 周刊

作者:歸藏,每周一更新,主要介绍上周AIGC 领域发布的一些产品以及值得关注的研究成果。

https://op7418.zhubai.love

🏖 随便看看

Space.js(空间.js)

作者的视线项目,用于 UI、面板组件、Tween、Web 音频、加载器、实用程序的Space.js和用于 3D 实用程序、材质、着色器和物理的Alien.js 打开链接,每个模型可以自定义修改 3D 元素的属性,并实时可见。

https://space.js.org/

快速人工智能聊天工具:Poe

快速人工智能聊天,可以访问 ChatGPT、Claude instant、Claude+、GPT-4 等,并且可以添加一些其他预设应用,比如 Midjourney,就可以对话的方式告诉他你需要的内容,他会给出匹配的提示词。

https://poe.com/