设计素材周刊 034 期

设计素材周刊 034 期

来自「Moonvy 月维」分享的最新设计素材与资源
设计素材周刊 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 新增功能:查找和替换

Figma 更新日志:https://releases.figma.com/

简译:2022年10月6日,我们现在支持「查找和替换」,本地查找和替换现在可以在 Figma 和 FigJam 中使用。cmd + F (Mac) 或 Ctrl + F (Windows) 是快捷方式。

来自「草帽sMao」 的使用演示

https://www.bilibili.com/video/BV1M14y1h7s9?share_source=copy_web&vd_source=dc24f4369828dbfd5b7b514f9a8627c6

🏆 产品推荐

Figma 里的 Photopea 图像处理插件

Photopea 是和 Photoshop 功能类似的图像处理工具,Photopea 是在线工具,现在上线了 Figma 插件社区,也就是在 Figma 里使用到 PS 里的功能但不用多开软件就可以做到。

Photopea 支持 43 种语言其中包含「简体中文」,中文界面会使用起来更方便。

推荐人:无名的人

官网:https://www.photopea.com/

插件:https://www.figma.com/community/plugin/1150136255631008868/Photopea

另外 Photopea 里还提供很多动作模板,手机样机、LOGO 延展等场景效果模板,打开 Photopea 插件生成图像,保存即可在 Figma 里展示成果。

启动插件后模板打开方式:文件 > 打开更多 > PSD 模板

Visily 在线原型工具

以光速设计令人惊叹的应用程序线框,专为非设计师打造。由人工智能提供支持。

产品亮点是上传 UI 截图、手绘线框图,通过 AI 计算转换为矢量数字界面,支持导出为 PDF 格式。

https://www.visily.ai/

morflax studio 在线样机

支持添加图片,样机支持调整角度、光泽、颜色、插图、背景等均可自定义,免费版导出会有 LOGO 可以导出后再 PS 一下。提供的样机也是目前常用的机型,最新的 iPhone 14、mac 也都很齐全。

https://studio.morflax.com/mini

📖 值得读读

Figma 支持 CSS 颜色名称自动匹配色值

Figma 支持 CSS 里的颜色名称规范,直接在颜色框输入 CSS 色彩库中的名称,回车即可自动匹配成对应色值。

原文:https://twitter.com/figma/status/1578477105821921280?s=46&t=-7wazfm_H8V7XAl59iVWow

CSS 颜色库:https://www.w3schools.com/colors/colors_names.asp

Figma 功能背后的思考:查找和替换

https://www.figma.com/blog/behind-the-feature-find-and-replace/

我们第一次开始进行查找和替换时,我认为它会很简单,一个看似很小的功能可以揭示一个错综复杂的工程和设计挑战。

画布不像网页或文本文档那样从上到下流动;它有一个用户定义的结构,我们需要能够预测它,以便无论您使用哪种类型的文件,排序都是有意义的。

我们围绕部分的形状如何影响排序方向(以及许多其他细微差别)形成了启发式方法

当同一视图中有多个结果时,我们会避免平移到每个结果,以尽量减少不必要的移动。然而,这也使得靠近屏幕边缘的结果更难看到。因此,我们决定在中心勾勒出一个不可见的框,并且仅当匹配超出它时才平移。

🎊 设计素材

Untitled UI 70+ modals,新增模块组件

Untitled UI 是一套非常优秀的设计规范库,该文件是模块组件,包含会话类型对话框、验证、付款、多选、引导、自定义填充、日历等复杂的对话框类型,同时提供手机端和电脑端的样式适配。

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

storytale 矢量插图图库

插图支持关键词搜索,提供 5种风格平涂、纹理、描边、手绘还有 3D 风格

https://storytale.io/

Notion 风格矢量头像组件

用组件的方式绘制头像,可以延伸出更多的不同结果

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

3D 字母素材

3D 字母气球风格素材,提供 Figma、blender、png 格式

https://inflatablealphabet.wannathis.one/

Drawkit 矢量插图图库

矢量插图和图标资源每周都会有新资源,可以收藏常打开看一下新增资源。

https://www.drawkit.com/

万圣节素材合集

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

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

https://js.design/resourceDetails?id=62cbf56da15dfd8650125981

Moonvy 月维设计群 🎃 万圣节(摸鱼)活动

大家一起在线做万圣节壁纸,休息的时候来和我们一起玩吧。

来 Figma 文件一起参与

🏖 随便看看

3DiM 模型的新型视图合成,从单个图像生成 3D

这是一种用于从单个图像进行 3D 新颖视图合成的扩散模型。3DiM 的核心是一个图像到图像的扩散模型——3DiM 将单个参考视图和一个相对姿势作为输入,并通过扩散生成一个新的视图。3DiM 可以根据我们的条件生成完整的 3D 一致场景采样器。

https://3d-diffusion.github.io/

奥运会发布新品牌视觉系统

9月28日,国际奥委会正式发布全新的奥林匹克品牌系统,其中包括标志系统、字体规范、品牌配色、图形元素、插画等系列设计。

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

Mr. Biscuit 个人网站

作者 Mr. Biscuit 是位非常优秀的个人开发者「Figma Section」「Instance Utils」「Pro Layout Panel」等实用派插件。在 Figma 社区分享了「Ant Design 的设计组件库」等很多组件文件。

该网站使用 Plasmic 搭建完成

https://www.mrbiscuit.design/

洞穴世界游戏官网

游戏现在还不能玩,官网设计风格很特别滚动过程的动画很有意思。

https://www.caveworld.com/

录屏画质压缩太多,建议打开网站预览
录屏画质压缩太多,建议打开网站预览

封面图来源:https://www.behance.net/gallery/152323089/Microsoft-Praise?tracking_source=curated_galleries_3d-art


🎁 福利区

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

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