互联网设计软件、平台、插件日新月异，更新的平台和工具总能给我们的设计带来持续的便利。 本期UXD，我们为您找到了35个2021年最新的设计工具资源，供您在日常生活中探索和使用。 使用，包括：

3个新的学习资源
3个用户流程工具
4个新的颜色工具
3个设计资源
11个设计工具更新
4个草图工具
7个设计实用程序

-01-

3个新的学习资源

3种不同类型的学习资源：包括设计学习反馈平台； 学习动画的社区，以及具有自由职业方法的免费电子书：

1.

是一个学习平台，用于学习设计、编码和协作，以结构化和托管的方式使用可重用组件和设计模式。 这与在 Figma 中设计时处理组件、约束和数据的方式非常相似。

2.

动画师的聚会场所。 通过喜欢其他设计师并留下评论，向其他设计师表明您欣赏他们的工作和建议。 这个动态页面非常适合查看最新趋势、学习新事物以及与志同道合的人联系。

3. 自由职业手册 – 免费电子书

这本来自 的免费电子书将指导您了解作为一名设计师开始和发展成功的自由职业生涯的细节。 获取有关如何建立业务、寻找客户、谈判价格、签订协议、管理财务、按时付款等的提示。 如果你想踏入自由职业，这本书将会有很大的帮助。

-02-

3 用户流程工具

用户流程工具帮助我们了解用户通过交互来实现特定目标的路径，这里有 3 个新工具/集成可以帮助我们实现这一目标：

1、利用API让用户流起来

用户流成为交互式用户旅程的原型，让您概述用户如何从一个界面连接到另一个界面，帮助您向开发人员、利益相关者和客户讲述更好的故事。

使用这个平台可以节省时间并直观地看到交互过程的每一步。 为什么要费心创建巨大的文件，这个腰围会随着项目的增长而不断变化。

2.——用户体验规划工具

是一款用于创建可视化站点地图的在线规划工具，可帮助您高效地设计和规划网站，以获得更好的用户体验。

该平台与您的团队和客户合作，允许每个人参与开发过程、发表评论、进行编辑，并使用直观的拖放界面来创建易于遵循的计划。

3.：Figma集成

是世界上第一个为设计师量身定制的用户流程图工具，您现在可以开始将 Figma 同步到设计中以创建用户流程。 只需将您的 Figma 帐户直接链接到并快速创建工作流程即可。

-03-

4 个新的色彩工具

本综述中包含一些最好的颜色和渐变网站： 、 和 Hunt。 尝试不同的调色板，做出选择sketch安卓图标模版，并相信您的设计会看起来很漂亮。 3 个渐变工具和一个方便的获取颜色的扩展。

1.2.0 - 最酷的渐变和样本

为您的下一个超级惊人的设计带来最酷的渐变色调和色样选择。

从 60 多个漂亮的渐变中进行选择，然后将它们复制为 CSS 代码或将其导入为图像。 无论您做什么sketch安卓图标模版，它都会为您的项目带来完美的基调和视觉吸引力。

2. 的

是一个大型扩展，可让您轻松复制颜色，查看一些已“窃取”很长时间的颜色，并将在不久的将来支持 和 。

3. Hunt - 颜色渐变工具

Hunt 是一个免费开放的色调灵感平台，拥有数千种流行的手工色调渐变。 每当您需要一些色彩灵感时，请尝试这个免费开放的平台。 用户可以通过将自己的颜色渐变添加到混合中以供其他人使用来分享爱。

4.渐变背景

从精选的渐变站点列表集合中发现最佳渐变背景。

-04-

3个新的设计资源

1.

为您的主页提供精致的免费视频片段。 每当您需要设计项目的视频时，请查看并看看您能找到什么。 预计每周一都会将新视频添加到集合中。 所有视频均可免费使用，因此即使是最小的预算也可以将高质量的视频内容添加到他们的项目中。

2..0

30,000 个图标，三种不同的权重、53 个类别、720 个子类别。 它是世界上最大的图标库。 我们正在设计应用程序、网站和应用程序——它们都需要清晰的图标。 此处获得的图标可重复使用、一致、可访问且易于扩展。

3.安卓版本

新版本现已推出，可在 Play 上使用。 关注您最喜欢的设计师并建立持久的联系。 这是寻找灵感的好工具。

-05-

11 设计工具更新

1.X贝塔

X 使设计人员能够在没有开发人员的情况下进行可视化工作并生成 React 代码……并且还为开发人员提供了一种在文本编辑器之外操作 React 组件的方法。

2.新联通应用

联通APP最新更新，增加了联通设计评审镜像等功能，亮点包括：

• 在智能手机和平板电脑设备上使用共享视图。 • 与您的团队合作并审查原型和电路板。 • 离线访问您的项目。

3.iPad版

适用于iPad，中国联通专业平面设计！ 每当灵感袭来时，您就可以拿起它并开始创作。 在开箱即用的矢量工具的帮助下，以任意数量的格式导入，甚至为您的项目添加令人惊讶的排版，作为最后的修饰。

4. 涂鸦

更快地协作，用真实副本替换虚拟内容，并与 同步，从而更轻松地将书面文本添加到精美的设计中。

5. PersP:Alpha——设计和开发

这是一个设计开发管理工具，可以与您的团队协作，保存历史版本； 向客户展示当前的设计和原型； 收集团队的反馈、分享更改并进行更正； 实时协同管理。

6.

增强现实开发工具，用于创建响应其环境的 3D 应用程序 - 无需编写脚本。 快速创建动画 3D 场景并导出和使用机器学习模型。 下载应用程序，安装模块，并从预制库中添加交互操作。

7. ↔现已支持 Adob​​e XDCC！

它专为 UI 设计师和后端开发人员构建，以简化开发人员和设计人员之间的协作，现在您可以将设计直接导入到 .

8.数字设计工具Phase{现在真正跨平台}

让数字设计触手可及 最后，您可以使用 Phase（一款令人兴奋的新设计工具）在多个平台（包括 Mac、Linux 和 ）上进行创作。 另外，如果您失去互联网连接，您可以继续离线工作。

9.51: 库中的样式和固定元素

51 为库带来了更丰富的样式、用于原型设计的固定元素以及更多性能改进。 您现在还可以将脚注和页码等固定元素添加到原型中，并体验小文档的性能改进。

10. 流动吧！

一种新型的联通交互设计，集成文件、制作动画以及导入iOS的电影或Swift代码。 Flow 的目标是让设计人员和开发人员能够一起工作……无需原型设计。 只需创建一个产品，然后直接进行制作，包括动画、设计、编码、创作。

11.Emoji手动补全

只需输入“：”，然后输入前几个字母即可使用手动完成表情符号。

谁不喜欢表情符号？

-06-

4+ 插件/资源

包括新的设计系统、颜色扩展和一系列可供探索的插件。

1. 邮件模板设计系统

包含用于设计响应式电子邮件模板的模板和组件的文件。 忘记电子邮件中的不一致，轻松创建符号、模块、字体样式、颜色和蒙版样式，不再担心简单的电子邮件设计指南，创建专业且美观的电子邮件来代表您作为设计师的身份。

2.素描插件

一个免费且易于使用的插件，可帮助设计师直接在 . 使用它时，为您的项目添加颜色不再困难。 只需获取此扩展即可生成您可能甚至不知道存在的随机颜色和渐变，然后将它们直接添加到您的项目中。

3. 改善工作流程的 11 个基本插件

这是一组重要的插件，可帮助您顺利地进行工作流程，包括可以帮助您进行文案写作、识别差异、提高设计可访问性、快速绘制草图，甚至使您的项目响应速度更快的插件。

4.录制视频交互

迄今为止最受欢迎的功能之一，您现在可以使用时间线直接在 中录制视频，但将视频保存在本地。 虽然与其他团队成员共享，但不会上传到网络； 如果你想分享到网上，你可以上传一个链接给大家看。

-07-

7+ 设计实用程序

1.忍者，版本4

使用此浏览器扩展程序可以发现任何网站上正在使用哪些字体。 找出您感兴趣的字体的名称、大小、行距、字母宽度和颜色。然后尝试添加书签，甚至订购您想要的字体。

版本 4 还可以让您识别图像和文本上的字体！

2.对于macOS

该应用程序可以让您更轻松地捕获干净的屏幕截图和屏幕录制，而无需桌面图标。 使用指定的按键更轻松地拍摄和录制视频，为所有屏幕截图设置自定义壁纸，并永久切换桌面图标 - 即使您不进行屏幕截图。

3.CSS扫描

是一个强大的“检查元素”，可以轻松地重现估计的样式。 使用 研究网络上的内容是如何制作的、在哪里复制您喜欢的内容并将其用作您自己的内容。

4.

是一个 UI 设计框架，可帮助设计人员为 Web 创建美观且一致的用户界面，通过即用型界面元素和组件加快您的工作流程。 借助预先打包的类型和图标系统、其设置和样式手册，其中包括启动和运行下一个 UI 项目所需的一切。

5.—比较任意 2 个软件产品

产品比较允许您通过客户情绪/评论、客户拒绝、公司采用等来了解任意两种软件产品之间的差异。立即访问流行的比较，或自定义比较并查看哪种解决方案最适合您的需求。 通过该软件，用户可以从一开始就选择正确的软件，发现新产品和服务，并做出更好的订购决策。

6.|登陆页面生成器和潜在客户捕获工具

使营销人员能够轻松构建自定义登陆页面，以推动成功的营销活动并提高转化率。 为您的客户提供简单的订阅表格，鼓励他们订购您的产品或服务、推广实时网络研讨会并提供有价值的内容更新，以努力发展您的业务。

7.|无代码设计QA

直观地编辑站点的 CSS，无需检测代码 - 为开发人员手动注释。 捕获网页（包括 HTML 和 CSS）并将其加载到您的“工具箱”中以便于修改。

扫码获取留学咨询

▎优秀中学生的经历

UXD交互工业产品设计大学是UX 旗下一所专注于交互、服务、工业和产品设计的顶尖设计大学。 除了一对一的设计课程、基础技能课程、小组项目、设计评审、联合教学外，我们还提供公共课程和不定主题的内部小组课程。 教案课程由软件基础技能教学、设计理论体系讲座、应用必备知识解析等三部分组成。

广州市浦东区西岸创意园2号楼6楼

电话：

/ 本文部分图片来自网络，请勿用于商业用途

如有侵权请联系删除！