Moonvy 月维,设计素材周刊 #031 期

当前位置:首页>设计文章>UI>Moonvy 月维,设计素材周刊 #031 期

Moonvy 月维,设计素材周刊 #031 期

设计资讯

最近设计圈重大新闻:Adobe 收购 Figma

Adobe 宣布以 200 亿美元收购 Figma。对于这次收购设计圈讨论和关注度都很高,我们也发表了一篇文章小小的预测了一下《Adobe 收购 Figma 之后会怎样》
https://moonvy.com/blog/post/2022/adobe-to-acquire-figma/

知乎有几篇文章的观点大家可以多角度了解一些信息:如何看待 Adobe 以 200 亿美元收购 Figma?

  • 李奇的回答 https://www.zhihu.com/question/553789736/answer/2676053072
  • 辛淼的回答 https://www.zhihu.com/question/553789736/answer/2675767935
  • 尊尼小叔 https://www.zhihu.com/question/553789736/answer/2675507644

灵动岛成为了设计师和开发者的新宠,还出现了「灵动岛养宠物」

开发者介绍它也是可定制的!还可以在动态岛动物园将猫换成不同的动物,例如狗!或刺猬!或狐狸!或蝾螈!

https://twitter.com/ChristianSelig/status/1570863225234923520

Moonvy 月维,设计素材周刊 #031 期

产品推荐

modyfi,在线图像编辑器

下一代在线设计工具,相对于 Figma 有更加强大的图像编辑能力,甚至可以使用 Shader 来加工图像 。它使用了 Rust 和 WebGPU 等新技术,可以期待它未来的表现,不过也意味着开发进度会比较慢。
(目前在内测阶段)

https://www.modyfi.io/

Moonvy 月维,设计素材周刊 #031 期

Relight ,使用 AI 重新点亮您的照片

为图像重新打光,Relight 使用 AI 智能计算对目标图像重新渲染打光效果,光源数量和位置以及颜色都可以自行修改。该产品是 ClipDrop 团队开发的,他家的自动抠图工具非常好用在第 23 期周刊介绍过。

https://clipdrop.co/relight

Moonvy 月维,设计素材周刊 #031 期

Ando - AI Copilot for Designers,Figma 里的 AI 智能绘制图像插件

DALLE 等 AI 生成艺术越来越流行,Ando 和上周介绍的 Midjourney、Dream Studio、百度文心 这几个工具类似,都是根据输入文本内容生成不同风格的图像,不同点是 Ando 可以先绘制草稿,根据草稿和描述生成图像。

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

Moonvy 月维,设计素材周刊 #031 期

即时 AI

同类型的 AI 绘图插件,即时设计也上线了「即时 AI」,先绘制草稿,根据草稿和描述生成图像

https://js.design/pluginDetail?id=6322a4ab0eededcff6ba451a

Moonvy 月维,设计素材周刊 #031 期

值得读读

感谢 iPhone 14,针对设备尺寸的设计已挂

https://polypane.app/blog/thanks-i-phone-14-designing-for-device-sizes-is-dead/

回到移动 web 刚刚起步的时候,移动设计很简单(...不是,但请耐心等待)。您的网站必须适合 320 像素宽,并且适用于“移动设备”。320px 是原 iPhone 和 Android 手机忠实遵循的宽度。不幸的是,这并没有花很长时间,从那时起,手机就变得越来越大。

尤其是在 Android 生态系统中,各种屏幕尺寸呈爆炸式增长,迅速增长到 360、393 和 412 像素宽。在 iOS 尺寸上,扩展更加缓慢。首先是 375px,然后是“大”手机的 390px 和 414px。Apple 保留了一段时间:小型手机为 375 像素(缺口前)或 390 像素宽(Pro 或其他),大型手机为 414 像素(缺口前)或 428 像素宽。

凭借 Apple 的主导地位,尤其是在设计和构建网站的人方面,这意味着我们可以假设设备设计有两种宽度,而且这是可以管理的。这不是真的没关系(你好,Android),但它足够真实,人们可以相信它。

但 iPhone 14 改变了这一点。

iPhone 14 有两种版本:普通版和“专业版”。Pro 将设备从使用缺口更改为 Apple 所谓的“动态岛”。它看起来真的很酷,但这不是本文要讨论的内容。

Moonvy 月维,设计素材周刊 #031 期

虽然普通 iPhone 14s 的尺寸与 12 和 13 相同(普通尺寸为 390 px宽,Plus 为 428 px),但在我们对宽度明显不同的是 Pro 。

iPhone 12/13 Pro iPhone 14 Pro
'Normal' 390px 390px 390px 393px
Plus/Max - 428px 428px 430px

iPhone 14 和 Pro 有 3 像素的宽度差异,iPhone 14 Plus 和 Pro Max 有 2 像素的宽度差异。这是一个微小的差异,但它打破了开发人员一直在告诉自己的关于移动设备的美好幻想:

如果该网站适合 390 像素和 428 像素,你会没事的。事实上,您可以针对这些宽度进行精确优化。

如果它完全适合您的 iPhone Pro Max,它现在很容易不再适合某人的 iPhone Plus。你必须测试两者。

所以现在怎么办?

  • 不要使用固定宽度。
  • 设计真实的内容。
  • 在元素周围留出一些空间。
  • 不要尽快切换到不同的布局,但要保持灵活性:保持更简单的布局稍长一些。
  • 让内容决定在哪里添加间距。
  • 将您的布局基于 flex 和 grid 以减少它们的脆弱性。
  • 在浏览器中决定:在代码中设计最后 10%,而不是在设计工具中。

简而言之:坚持响应式设计的基本规则。

设计素材

iPhone 14 Pro 灵动岛动画(Figma 文件)

由 Mr.Biscuit (小老虎)分享,全部动画交互都在 Figma 制作完成,可以学习作者的思路和动画设置。

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

Moonvy 月维,设计素材周刊 #031 期

金山云发布免费商用字体,金山云技术体

允许任何个人和企业免费使用,包括商用用途。

“金山云技术体”是一款无衬线体,提供一种标准版字重,文字参照 GB2312 简体中文编码字符标准。包含国标一级、二级字库汉字 6763 个,外文及数字符号 804 个,总字符数 7567 个,历时 4 年完成。

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

Moonvy 月维,设计素材周刊 #031 期

标小智无界黑 - 免费商用字体

标小智无界黑,是由标小智 LOGO 神器携手猫啃网一起创作设计的第一款品牌字体,允许任何个人和企业免费使用,包括商用用途。

标小智无界黑是一款脱胎于日本开源字体——德拉黑体的超粗黑体,标小智无界黑按照 GB2312-80 字体标准来制作。字体结构扁平,笔画非常粗厚,同时带有明显的尖字体表现出非常高的稳定性和强有力的视觉表现,非常适合用于 logo 设计、标题、海报和包装等场合。

https://www.logosc.cn/sheji/625

Moonvy 月维,设计素材周刊 #031 期

Moonvy 月维,设计素材周刊 #031 期

iPhone 14 Free Mockups,iPhone 14 免费样机

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

Moonvy 月维,设计素材周刊 #031 期

太空主题 3D 素材

一套制作细腻的太空主题 3D 素材,包含 3 个角色,12 种动作,还有一些星球相关的素材,可以在网站右键保存 PNG 图片使用。

推荐人:无名

https://spacers.wannathis.one

Moonvy 月维,设计素材周刊 #031 期

Anron 专业的图标库

Figma 基于变体的库。6 种(标准、线性、双色线、线加填充、双色填充、填充)风格的 5,000 多个图标。免费版提供 600 个图标 / 6 种样式 2 个主题和变体组织。除了原始的 Figma 文件,还可以获得一个有组织的 IconJar 库以及一个 SVG 库。

https://www.anron.pro/

Moonvy 月维,设计素材周刊 #031 期

海洋工业概念实验室 OpenBridge 设计系统

OpenBridge 设计系统提供了一系列工具和方法,以改进海上工作场所和设备的实施、设计和批准。这是一个建立在现代用户界面和工作场所设计原则上的免费资源,适应海洋环境和法规。

https://www.figma.com/community/file/1151495080750764640?preview=fullscreen

Moonvy 月维,设计素材周刊 #031 期

DIMO Design System

这是一款移动端汽车的服务应用,该团队分享的设计系统有很棒的组件库以及图标库。同时产品的官网也很好看

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

官网:https://dimo.zone/

Moonvy 月维,设计素材周刊 #031 期

Moonvy 月维,设计素材周刊 #031 期

随便看看

优秀设计师「不拿呢」作品

https://www.zcool.com.cn/work/ZNjE5MTc3NDQ=.html

Moonvy 月维,设计素材周刊 #031 期

L’Atelier 2022,数字时代的社会流动

技术如何加速、阻止和改变社会流动性的故事。每篇文章从动画到内容都设计的很精美

https://atelier.net/social-mobility/

Moonvy 月维,设计素材周刊 #031 期
Moonvy 月维,设计素材周刊 #031 期

在线小游戏集合

工作之余放松一下,羊了羊就放手吧~

推荐人:leeC

https://poki.com/en/g/11-11

Moonvy 月维,设计素材周刊 #031 期

推荐关注

Shyrism.News 期刊

一份甄选的时事通讯,两周一期,涵盖新奇趣闻、热点议题、前沿科技以及关于生活和未来,由 Shyrz 创作维护

https://shyrz.zhubai.love


福利区

9 折购买小老虎的插件:「Figma Section」和「Pro Layout Pane」查看原文里面有购买链接

如果觉得我们的内容还不错的话,希望可以把「 Moonvy 月维 」分享给小伙伴
你的认可是我们更新的最大动力 ❥(^-^)V
Moonvy 月维,设计素材周刊 #031 期

除非注明,否则均为UIED用户体验学习平台-Moonvy月维的原创文章,转载必须以链接形式标明本文链接

本文链接:https://www.uied.cn/16642.html

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
UI平面效率工具设计干货

8个PNG免扣素材网站,助你提升设计效率!

2023-4-19 16:01:43

UI设计干货

Moonvy 月维,设计素材周刊 #032 期

2023-4-19 20:42:33

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索