设计素材周刊 008 期

设计素材周刊 008 期

来自「Moonvy 月维」分享的最新设计素材与资源
设计素材周刊 143 期
设计素材周刊 142 期
设计素材周刊 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 期

📰 设计资讯

Craft - 文档工具支持网页版

自己一直在使用的文档工具,在 MacOS 与 iOS 上体验非常好。之前只支持 Apple 生态,对于 Windows 一直缺失,这次支持了网页版 Windows 用户可以体验试试了。不过网页版的功能还很简单,并没有原生应用的体验好。

https://www.craft.do/

Dall·E 2 - 输入描述自动生成插图

OpenAI 推出了他们新一代的人工智能系统 Dall·E 2,可以从自然语言的描述中创造出逼真的图像和艺术。你只要给出一段话就能生成出图片,看起来非常的神奇,以后设计个插图什么的可能会变得很简单了。

不过目前 DALL·E 2 只有论文和早期访问申请,目前还没法体验。

同样是由 OpenAI 提供技术的 AI 辅助编程平台 Github Copilot 已经极大的改变了很多程序员的开发方式,非常期待未来能有像 Github Copilot 那样对设计师的 AI 辅助设计平台。

https://openai.com/dall-e-2/

中文介绍视频

能体验的设计 AI 工具

DALL·E 2 目前体验不了,这里提供几个能立即体验的 AI 设计工具


📖 值得读读

Google 用户体验设计课

这个课程原本是 Coursera 的付费课程,有网友把视频加上中文字幕搬到了哔哩哔哩。课程分为 7 章:

  1. 用户体验设计基础
  2. 开始用户体验设计的流程: 移情,定义和构思
  3. 绘制线框图和低保真原型
  4. 进行用户体验研究和测试早期概念
  5. 在 Figma 中设计高保真设计和原型
  6. 在 Adobe XD 中进行响应式网页设计
  7. 为社会公益设计用户体验并为工作做准备

课程结构完善,总课程时长 60 小时。内容偏基础,适合刚入门的设计师。

推荐人:💮 前院長是老白

https://www.bilibili.com/video/BV1Hf4y1p7tv

从交互的角度讲讲弹窗

作者从实例到规则从多方便讲述「弹窗」

”弹窗的定义与使用的常见场景,弹窗的内容布局,弹窗的从属关系(弹窗叠弹窗)、弹窗的流程关系,以及连续弹弹窗、弹窗叠弹窗,内容中提到的“弹窗”多指 modal dialog 模态对话框 —— 毕竟 99%的弹窗体验问题都是模态对话框的问题。“

上篇:https://mp.weixin.qq.com/s/zHexzONfpEy_7JplLnfhoQ

中篇:https://mp.weixin.qq.com/s/3xzam23YJXYGjO3VlwZ8AA

下篇:https://mp.weixin.qq.com/s/he6HSNH8UgxHjdlXxSxhyA

UI 中的动效和动画设计

视频里的动效演示和介绍很直观,适合新手了解 UI 的动效和动画设计

https://b23.tv/XyUhfhM


🎊 设计素材

Figma 图标分享

推荐原因是,图标风格都做好了「变体」,使用中切换状态会很方便

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

有点可爱的 3D 小手图标

实在是可爱呀,小配件很实用,缺点就是有点少,再加一个 3D 小手样机

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

https://www.figma.com/file/kgguC6WXsjowh6KS5sCUso/Handy-Mockups-(Copy)-(Copy)?node-id=0%3A1

美叶 - 在线灵感库

【插画师】板块,根据插画师进行了分类找插图灵感必备。来源是基本都是外网,大多数来自 Behnce 省去了网络访问的问题。通过插画师查找多对比不同风格,找到适合自己的风格比找一张两张单独的图重要。

【灵感集】板块,通过页面功能做分类,同时对比多种方案 UI 设计师必备 👍

https://www.meiye.art/canvas/1/1294


🏖 随便逛逛

概念版本的 Figma

概念版本的 Figma 增加侧边栏多了个层级,个人看起来更复杂了,作者也提供了原型可以预览

https://www.figma.com/proto/7wjd3tu6bgRnjUAwDNwtqs/PROJECT-SHADOW?page-id=0%3A1&node-id=1476%3A17378&viewport=270%2C48%2C0.5&scaling=scale-down&starting-point-node-id=1657%3A29550

推荐人:无名的人

太阳系原型

06 期的时候分享过 NASA 的太阳系模拟图,这次「Mr.Biscuit 」用 Figma 做了太阳系的交互动画,问题来了路径跟随怎么做的呢?下面源文件找找答案吧

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

一个 3D 风格的 NFT 网站

3D 元素的模型光感和材质也很细腻,顶部的菜单也很特别,每次刷新首图都不同主题哦。

https://themekaverse.com/

VR 网站

多种设计风格和谐的融合在一起,做为网站还是挺特别的,17 个主题连续浏览。风格用来参考做成设计师个人作品展示也是不错的。

https://visuals.brybry.co/

Awwwards 设计大奖

“Awwwards 是世界上访问量最大的网页设计大奖赛。每年都会在包括纽约、阿姆斯特丹、巴黎、伦敦和洛杉矶在内的全球标志性城市举行会议,以发现趋势和新技术,建立网络并揭开互联网的秘密。”

Awwwards 今年的官网设计非常好看,大家可以去看看今年有哪些参赛作品。

https://conference.awwwards.com/

快速创建 NFT 插件

多组组件按顺序组合,快速生成批量图标,这个插件方法用来批量做头像也是不错的

https://www.figma.com/community/plugin/1052280914006102970/NFT-Generator

Interaction 22

"当我们为 Interaction 21 (危险时期的设计)制定主题时,一场全球流行病仍在酝酿之中。我们对我们的实践状态和我们周围的世界感兴趣。_ _ 浏览过去的一年 揭示了真相。我们的共同经验强调了联系、协作和社区的重要性。聚会是我们所重视的——即使是在网上进行时也是如此。同样,尽管这是一种全球现象,但我们的经历却大不相同。我们必须重新设计系统和结构 公平和包容。_ 只有当我们的努力真正以人为本时,我们才会成功。这就是为什么,当我们再次在线收集互动 22 时,我们发现自己在问这个问题:一年过去了,我们学到了什么?"

https://vimeo.com/showcase/ixd22?ref=uxdesignweekly