本文结合产研协作工具「京东行云 3.0」体验升级，分享B端设计中工作台的优化步骤和方法。一、前言上一篇文章《「京东行云 3.0」B 端产研协作工具体验升级的思考与实践（一）》，介绍了我们在迭代场景下是如何从降低认知负担、提高操作便捷性入手优化用户体验，提升协作效率的。如何做好B端产品的体验优化？

本文结合产研协作工具「 京东行云 3.0」体验升级，分享 B端设计 中工作台的优化步骤和方法。

一、前言 上一篇文章《「京东行云 3.0」B 端产研协作工具体验升级的思考与实践（一）》，介绍了我们在迭代场景下是如何从降低认知负担、提高操作便捷性入手优化用户体验，提升协作效率的。

如何做好B端产品的体验优化？来看京东行云的实战案例总结！ 本文结合产研协作工具「京东行云 3.0」体验升级，分享一下京东行云团队在降低用户认知负担、提高操作便捷性的一些思考与实践。

阅读文章 >

全局来看，“迭代”模块的优化提升了协作链路上的多场景、多角色的效率，如果想进一步提升协作效率，那么用户在单人场景、单一角色下的效率提升是非常重要的一环，单人的效率提升更能帮助整个协作链路效率的提升。所以，我们将下一个优化目标锁定在了个人“工作台”。工作台作为平台的门户，本应该是流量最大的产品模块，但在现状基本处于被“视若无睹”的状态，例如很多用户倾向于去平台的各个角落逐一查找待办事项进行处理；甚至在调研中发现多数用户“不清楚工作台是做什么的”、“从来不使用工作台”等问题。此外，随着平台业务的扩大，我们需要一个全新的工作台来展现平台的业务特色，同时帮助企业、组织以及个人提升产研效能。

二、现状分析 旧版工作台在漫长的迭代和业务调整中，俨然已成为具有数据汇总、工作事项待办、平台介绍、运营等复杂功能集合体。另一方面由于缺少规划和接入标准，很多模块不断累加新功能，导致不同模块信息割裂、视觉风格迥异。

针对以上问题，早期我们也曾做过一些设计探索，但这种头疼医头，脚痛医脚的方式，最终都不能从根上解决以上问题。我们还是要回归到整个平台和用户角色进一步分析。

三、用户角色分析 上一篇「迭代」中不同角色是根据用户本身的职责参与到协作链路中，旧版工作台也沿袭了这一角色划分方式（按照用户的职责划分为不同角色），不同角色下匹配不同功能模块集合的视图。在调研中我们发现，因为系统配置的不合理，用户很难在默认的功能模块下完成工作，导致用户开启很多与自己不相关的模块。

实际场景下，工作台的用户角色并非按照职责去区分。而是回归到日常部门的上下级关系：部门成员和部门管理者，这两种角色有着不同的诉求：

to 部门成员

部门成员参与到不同的协作链路中，他们的诉求是高效的查找、管理个人相关的待办事项，避免因遗漏而产生逾期等情况。

to 部门管理者

部门管理者的诉求是掌控部门参与到不同协作链路下的工作进度，并根据人员排期情况及时进行调整资源投入，以便更好的推进业务。

通过以上分析，我们也就明确了工作台在不同角色下的定位：

四、优化目标 问题被定位后，此次工作台优化的目标也就清晰了：我们希望发挥工作台应有的价值，通过优化部门成员/部门管理者的使用体验，直接/间接的提升整体协作链路的效率，同时为平台业务延伸提供扩展能力。具体分为：

随着优化目标的敲定，我们的优化策略也就清晰了。

五、解决方案 1. 重塑工作台信息架构

将复杂系统分解成可独立运行的模块化子系统的管理方式有利于系统本身的维护、评测和迭代。—— William Lidwell、Kritina Holden、Jill Butler《通用设计法则》

工作台的使用人群由部门成员和部门管理者两类人群组成，那就要根据他们的业务诉求对工作台的内容进行科学的、合理的信息结构设计。

由于旧版工作台中缺少规划，在漫长的迭代和业务调整中很多冗余的模块揉杂在了用户的待办、数据统计分析的关键操作路径上，加上个性化配置功能过于灵活，对用户的认知造成了一定负担，降低了用户操作效率。所以在新版工作台我们引入了将部门成员和部门管理者关键操作路径进行隔离的模式，将不同角色的用户引流至不同的使用场景下。

如上图，部门成员默认进入「我的」页签下，部门管理者默认进入「部门的」页签下，「我的」专注于待办事项的查看与处理，「部门的」专注于展示部门数据统计分析。

2. 打造高效的待办体验

此次改版的出发点是让用户快捷查找、高效处理待办事项。那么如何将待办事项信息高效的呈现，让用户直击待办事项的核心功能是关键。

旧版工作台中将不同的信息模块平铺展示，使其一屏可以展示更多的内容。但在实际使用中给用户带来了很多问题：由于页面内容堆砌过多，小屏电脑需要滚动多屏才能看到全部信息模块；加之在后期由于功能分属不同的团队，并且对视觉的监管也不严格，导致每个模块都在各自不断迭加功能，新增的组件风格不统一，损害了工作台的使用体验。

在新工作台的信息架构基础上，我们从以下几点进行了优化：

将主区域平铺的模块改为 tab 页签切换的形式，用户可以清楚的获取到所有待办事项的分类，也可通过页面内的页签切换不同类型的待办事项。再此基础上，也保留了一定的个性化设置能力，用户可以根据自身职责开启或是关闭所需的待办事项类型。

把单一类型的待办事项进行了全屏化展示，一屏只专注一类工作事项的处理，既解决了之前页面中模块多、滚动条多的问题，又提升了信息展示效率。

除此之外，保留了右侧栏用于展示平台公告、热门应用、平台介绍等信息。并新增了快捷导航模块，用户可以将自己常用的项目、空间、迭代等收藏到工作台，缩短查找的步骤。

3. 让数据清洗易读

在部门管理者侧虽然已经有人力资源日历排期模块，但仅仅将任务按照排期的形式呈现了出来，部门管理者并不能直观的获取到当前任务总数以及不同阶段下的数量信息，为管理增加了一定的沟通成本。

所以在整体优化时，我们在关键工作事项类型中增加了数据汇总能力，对其进行结构化处理：将汇总数据按照未开始、进行中、已完成三个阶段进行呈现，通过结构化的数字，直观的感知总体进度。

此外在数据的呈现上也进行了反复打磨，通过采用浏览器页签的形式展示数据框架，方便用户点击切换，快速查看该阶段/该状态下的详细信息，一目了然。

六、上线后反馈 新版工作台在上线几个月后，还有一些功能点在陆续上线中。在 Q2 的满意度调研中，新版工作台无论是在使用数据、满意度层面都有较高的提升，并得到了很多用户的好评。同时也收到了其它一些优化建议，我们会及时对用户的问题和建议进行评估并响应。

七、写在最后 在工作台模块优化中，我们没有直接陷入解决现有问题的细节中，而是从业务全局出发明确工作台的定位。再通过对工作台角色的分析，重新搭建符合不同角色诉求的信息架构，排除了当前用户操作主流程上的干扰，增加在各自使用场景下的体验流畅度，从而直接/间接的提升了协作链路上的效率。我们相信此次体验升级是工作台变好的一小步，随着后续越来越多信息模块的接入，我们会朝着将工作台打造成提升管理、协作效率利器的方向迈进。

上一篇文章发布后，我们收到部分设计师小伙伴私信询问优化过程中的一些细节问题，受制于文章篇幅没有详细讲解，后续我们会发出优化细节解析整理的文章，敬请期待…

编者按：灵动岛和 iOS 实时活动推送界面的设计规范终于出来了，原文在这里，做设计和开发的同学记得看看。iPhone 14正式发布！从设计师角度聊聊苹果的灵动岛功能编者按：灵动岛作为苹果发布会的一大亮点，让无数人有了购买iPhone 14的理由，本文详细分析一下灵动岛的功能设计。

编者按： 灵动岛 和 iOS 实时活动 推送界面的设计规范终于出来了， 原文在这里 ，做设计和开发的同学记得看看。

iPhone 14正式发布！从设计师角度聊聊苹果的灵动岛功能 编者按：灵动岛作为苹果发布会的一大亮点，让无数人有了购买iPhone 14的理由，本文详细分析一下灵动岛的功能设计。

阅读文章 >

实时活动显示的是来自 APP 最新的信息，让人一目了然地看到最新的事件或者任务的进度。

实时活动帮助用户跟踪他们关心的任务和事件，在固定的位置持续地更新信息。例如送餐 APP 可以显示剩余的抵达时间，或者体育 APP 会显示正在进行中的比赛的得分。

除了在锁屏状态下借助实时活动之外，支持实时活动显示功能的设备可以以不同的形式来呈现信息，这主要取决于设备是否支持灵动岛功能。

在支持灵动岛的设备上，系统会在前置摄像头周围的固定位置上显示实时活动。 在不支持灵动岛的设备上，系统会在主屏幕或者其他 APP 运行过程中，在顶部弹出横幅中短暂显示实时活动，前提条件是 APP 推送的信息足够重要。 在灵动岛当中，系统将会以三种形态呈现实时活动：

紧凑型。在当前只有一个实时活动状态的时候，系统会使用紧凑型视图，整个视图会由前后两个部分构成，两者讲中间的摄像头区域包裹起来。尽管两者其实是两个独立区域，但是在视觉和信息上会明确给人是来自同一个 APP 的信息推送。用户可以通过点击，跳转到这个 APP。 最小型。当有多个 APP 有实时活动推送的时候，灵动岛会使用最小型视图来呈现其中的2个，系统会选择让其中一个附着到灵动岛上，另外一个则以圆形小图标的形式存在，用户同样能够通过点击跳转到对应的 APP 上。

扩展型。当用户在紧凑型视图和最小型视图中，长按会触发扩展型视图。

灵动岛和实时活动界面最佳实践 为有明确开始和结束的实时事件定义实时活动。 用户需要借助实时活动来追踪行进中的、涉及频繁更新的事件和任务，所以最好不要超过 8 个小时。并且始终在实时任务结束之后立刻结束实时活动的呈现。

只呈现最重要的内容。 用户喜欢获取行进中的任务和时间的摘要和关键信息，他们不希望收到过多详细信息，或者在实时活动区域中进行交互。用户需要通过点击实时活动跳转到相应的 APP。

仅在有新内容时提供实时活动的更新，仅在有必要引起用户注意的时候才提供提醒。 实时活动会打断用户当前的任务，过于频繁的提醒可能会对用户造成困扰，可能会导致用户彻底关闭你的 APP 的实时活动推送。请注意，系统会以不同的方式提醒用户有实时活动正在发生，但是具体取决于硬件是否具有灵动岛功能。

避免在实时活动中显示敏感的信息。 实时活动在视觉上很突出，很容易被人不经意看到。所以如果你的 APP 推送的信息涉及到敏感的内容，请在其中提供一个无害的摘要，并且让用户通过点击透过实时活动抵达 APP 的特定页面，让用户详细查看。

避免在实时活动中显示广告或促销。 实时活动可以帮助用户了解正在发生的事情，因此仅用来显示和用户高度相关的内容即可。

让用户有权限控制实时活动的开始和结束。 为而了帮助用户更好地管理实时活动，最好在实时活动所链接的页面当中，提供按钮允许用户按照自己的需求，提前结束实时活动的推送。而下单了外卖之后，透过实时活动告诉你你的外卖到哪了则是有意义的推送信息。在设置中，你应当允许用户控制哪些实时活动能推送，哪些不用推送或者提前结束等等。

确保点击实时活动的时候，会打开 APP 中对的页面或位置。 当用户透过实时活动打开应用程序的时候，应当将用户直接带到 APP 相应的页面，而无需用户再手动导航找到位置。有关的链接功能你需要查看 SwiftUI 相关的说明。

尽量在实时活动结束后，从锁屏界面中将其移除。 在灵动岛功能中，实时活动结束之后将会被直接移除。但是在锁屏和通知当中，实时活动的结果默认会保留 4 个小时，方便用户回去查看。不过如果你的 APP 当中实时活动的时间相关度不算高，你也可以设置在 4 小时内的任何一个时间周期内结束。比如，拼车 APP 会在形成结束后 15 分钟内可以在锁屏通知上显示，方便用户在这个时间段内查看最终的支付结果。

让实时活动具备可用性 确保灵动岛中紧凑型视图下信息和设计的统一性。 虽然相机的区域将前后两个区域分开，但是在紧凑视图下，应当被视作为一体的，并且无论点击哪个区域，都将会将两者带到同一 APP 的同一页面当中。使用色彩、图标和文本来确保灵动岛中的内容和 APP 的关联。

紧凑型视图和扩展型视图之间应当保持一致性。 扩展型视图是前者的放大扩展版，确保两者之间信息和布局的可预测性。

锁屏通知界面和扩展型视图中的设计应当保持一致性。 这两者在内容和样式上理应保持相似性和共通性，确保用户对他们两者熟悉且有关联感，方便跟踪进度。

实时活动样式设计应该适应不同的屏幕尺寸。 实时活动应该通过缩放适应不同的屏幕尺寸，通过提供不同大小的内容确保它们在不同设备上看起来都很棒。请遵循这一规范来进行创建。

在锁屏通知上使用自定义颜色和不透明度时请深思熟虑。 在锁屏通知界面上使用实时活动窗口时候，如果想要设置背景颜色或者图像，请记得测试两者的对比度，尤其需要考虑在「全天候显示」界面上的效果。另外，灵动岛界面的实时活动界面背景为了确保沉浸效果，是不允许自定义背景颜色的。但是其中的文本和图标是可以自定义的。具体请参考以下规范。

内容的圆角半径和实时活动界面圆角半径保持协调。 内容和实时活动窗口边距要保持一直，为了确保其中圆角看起来不错，让 SwiftUI 容器内的圆角半径尽量准确，开发者请参阅：ContainerRelativeShape

通常情况下，请使用标准边距确保内容清晰易读。 通常情况下，对于实时活动扩展型视图和锁屏界面下的视图，应当采用标准宽度 20 pt，某些特殊情况可能会更加拥挤，具体情况请参阅以下文档：padding( _:_:)

选择适合个性化锁屏的色彩。 考虑到用户自定义屏幕、壁纸和小组件，谨慎自定义你的实时活动在锁屏通知界面下的颜色和透明度，确保内容的清晰易读。

支持深色模式和全天候显示。 实时活动的颜色在深色和全天候显示的模式下，颜色会发生改变，你需要调整其颜色，确保不会影响可读性。具体可以参考「深色模式」和「全天候显示」的章节内容。

谨慎使用动画，仅在引起用户关注时使用。 实时活动仅会调用系统动画功能的子集，在全天候显示模式下，动画不会显示。具体请参考「动画内容更新」。

灵动岛尺寸规格 灵动岛使用 44 pt 圆角，期圆角形状应当同物理前置相机圆角保持一致。

实时活动的规范尺寸也同样使用 pt 为单位：

Hello 大家好我是优设插画营的@日米 Rimi ​ ~这次给大家带来 9 个实用画画工具，可以大大提高绘画效率，PS 和 Procreate 皆可用。20个大厂设计师常用的高效Figma插件！免费易用这篇文章将分享 20 个 Figma 插件，全是免费的Figma插件，能快速提升你的设计效率。

Hello 大家好我是优设插画营的 @日米 Rimi ​ ~

这次给大家带来 9 个实用画画工具，可以大大提高绘画效率， PS 和 Procreate 皆可用。

20个大厂设计师常用的高效Figma插件！免费易用 这篇文章将分享 20 个 Figma 插件，全是免费的Figma插件，能快速提升你的设计效率。

阅读文章 >

以下是我将会分享的插件内容：

一、一键生成逼真投影效果的 PS 插件 插件名称：BBTools Shadow

支持 Win/Mac 系统，兼容 PS 版本：PHOTOSHOP CC 2015 以上版本

我们在画画的时候经常需要给画面中的物体加上投影，但是由于很多新手同学对投影的形状以及角度掌握得还不是那么好，特别是画面有多个元素的情况下，怎么能够正确画出这些元素的投影， 这款插件就可以帮你解决这个问题。

它可以调整投影的角度、长度、分散值（模糊效果）、不透明度、颜色，以及光源的位置，保持画面中多个元素投影的一致性，是功能非常全的一款投影插件。

安装好插件之后，将文件拖到 PS 里，点击上方工具栏的窗口-扩展功能中的 BBTools Shadow，就会出来插件面板。

选择需要生成投影的图层，单击插件面板上的 Create Shadow（创建），即可生成投影。如果对生成的投影不满意，可以依次调整面板上的功能数值，它可以调整投影的角度、长度、模糊效果、不透明度、颜色等，直到达到自己想要的效果。

这款插件还有一个好用的功能，用钢笔工具在画面中单击定一个光源位置，勾上插件面板上的 Sun Position（太阳位置），即可为画面中的所有元素根据光源的位置生成投影。保持多个元素投影的一致性。

注意：这款插件无法用于矢量图层，所以用之前需要先对你要生成投影的图层进行栅格化或转成智能对象。

二、PS 绘画透视辅助插件 插件名称：Perspective Tools

支持 Win/Mac 系统，兼容 PS 版本：PHOTOSHOP CC 2014 以上版本

不会画透视星人的法宝来啦！Perspective Tools 是一款非常实用的 PS 透视线辅助插件，可以快速在画面生成一点透视和多点透视的辅助线，也可以自己手动用钢笔工具更改透视角度，非常适合需要画大场景画面的同学。

用钢笔工具（路径）在画面中单击一下，再点击插件面板上的透视线功能，即可快速生成一点透视线。

如果想生成多点透视，可以根据自己想要的透视角度用钢笔工具先创建出不同的路径，再点击插件面板上的透视线功能。

降低不透明度就可以画画啦~（还可以更改透视线条颜色和线条隐藏哦，功能都标注在顶部上方的插件功能面板上了，快挨个试一下吧~）

这个插件还有一个很赞的功能「翘曲」（Warps），它可以将任何透视角度的位置展开成平面并且实时更改，有点类似 PS 里的智能对象：

① 根据透视角度用钢笔工具的勾出路径，点击插件面板上的 DE-perspective，即可把刚刚勾出来的图形转换成平面效果。

② 在平面上添加或更改任意东西，按 Ctrl+S 保存，即可自动实时更改到原先的图上。比如我给墙上添加一张壁画，保存之后，实时更新在我的作品里。

这样插画师在画画时可以省去思考绘画角度的问题，是不是非常方便~

三、让画面一键发光的 PS 插件 插件名称：Oniric Glow Generator

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2018 及更高版本

你是不是也偷偷羡慕过大佬画面中好看的光影效果，它来了！Oniric Glow Generator 是一款可以模拟真实发光效果的 Photoshop 插件，把需要发光的图片拖进 ps，打开窗口-扩展功能中的 Oniric，可以看到弹出来的插件面板上有两个按钮：生成(Generate)、编辑元素(Edit Element)。

点击 Generate 生成，就会进入到下一个设置页面，这个时候你就可以看到画面发光的效果了，对生成效果满意可以直接点保存。如果不满意可以手动调整面板上的功能数值。

以上是对整体画面进行发光的效果，如果你只想局部发光，比如我只想给图片中的台灯做发光效果，可以点开功能面板上的「Mask」，用笔刷在需要发光的位置涂几下，然后点击旁边的「Apply」，就可以只对局部位置做发光效果了。另外还可以自定义发光的颜色、饱和度。亮度等。

看下生成光影前后的对比效果吧~

四、PS 里的黄金分割构图 插件名称：GoldenCurve

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2014 及更高版本

一个好的构图是画画的第 1 步，PS 的这款黄金分割插件 GoldenCurve 可以快速生成多款不同图形构图的预览线，比如常见的对角构图，九宫格构图，黄金比例构图等等。

配图来自网络

在「窗口-扩展功能-黄金分割线」中打开该插件，将图像分辨率设为 72 或 300ppi，将画笔大小设置为 2 个像素左右，画笔颜色选择一个和背景对比明显的颜色，直接点击右边插件面板上的任意构图图标就能自动生成构图预览线，也可以用选区工具画出一个区域然后再点击构图图标按钮生成。

五、手绘油画笔刷质感插件 插件名称：ADImpastoshop

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2015 及更高版本

​AD Impastoshop 是一款 PS 厚涂绘画笔刷插件，可在电脑上模拟出真实的绘画效果。内含丰富的图层样式、背景纹理及 70 多种质感笔刷。喜欢油画质感的同学可以收藏！

上面的三栏功能里面主要是控制样式的，有石膏、帆布、湿笔、雕刻和油画等多种效果。选完样式再选择下面的笔刷去绘画就可以了。

六、画画时的参考贴图工具 软件名称：Snipaste

支持 Win/Mac 系统

很多同学画画时习惯新建一个画布专门来放参考图，这样窗口来回切换比较麻烦且容易占用内存，可以试试这个神器！

Snipaste 是一款功能非常丰富的截图+贴图小工具，软件安装完毕后，按快捷键「F1」即可截图，截图后可以对图片进行标注、划框、保存等操作。

把鼠标移动到画面任意位置，可以显示该位置颜色的色值，按一下 「C」 键，还能一键复制色值！这个取色的功能对插画师来说简直是福音~

截图之后接着按「F3」即可把该张截图贴在电脑屏幕上。这个时候把鼠标放在图片上面，滚动滚轮可以调整图片大小，按住「Ctrl」的同时，滚动鼠标滚轮可以调整图片不透明度。

重要的是无需联网！以后不用登录 QQ 或者微信就可以截图啦~

*快捷键有冲突的小伙伴可以在「首选项-控制 」里面自定义功能快捷键。

七、拯救配色废的配色预览工具 网站名称：palettemaker

palettemaker 是一个在线配色网站，上面提供了非常多款的设计作品预览，包括插画、海报、UI 界面、网页设计、图形图案等不同类型的配色案例。

在网站的界面左侧有一列色卡，单击其中一组色卡之后右边的案例即可生成该色卡的配色方案效果预览。

还可以调整同一组色卡里的每个颜色在案例中占不同比例的效果。

点击生成，就能看到各种不同配色的预览。在这些效果中可以看看那个颜色配比，比较适合你的插画作品。

喜欢哪组配色可以直接导出配色卡片，上面附有色值信息，非常适合画画中头疼配色的同学了。

八、Procreate 的灵魂伴侣 ​ 插件名称：Lazyshare

目前上线 App Store，安卓应用商店未上架

Lazyshare 非常适合用 procreate 绘画的同学，里面拥有 10w+ 的免费笔刷，还有色卡、材质纸张，字体等资源，都可以支持一键导入到 procreate 使用。

进入 APP 后点击下方工具栏主要的“素材”图标，即可在左上角选择笔刷、字体、纹理、色卡。

单击自己想要的笔刷包，点击下载按钮之后，选择用 procreate 打开就可以一键导入了（字体、纹理和色卡的导入也是一样的操作）。

如果你想要更换字体，这里也有个人可商用的字体哦！

一款 App 具备各种材质纹理。

各种各样的颜色搭配，总有一款你喜欢的。

分类清晰，界面干净，操作起来简单易懂还没有广告，是款天使软件了！

九、人体模型辅助软件 无限人偶是一款移动端的人体绘画辅助 App，功能很全，资源素材丰富，下载免费，软件内也有提供少量免费的人偶模型（如需特定的动作造型与道具需额外付款购买），但我觉得免费模型对于新手插画师来说已经够用了，使用得好可以缩短画人体时纠正动态的时间，提升绘画效率。

进入 app 之后可以在首页的“免费专区”找到自己喜欢的人偶模型进行下载。

打开下载好的人偶。

拖动关节处锚点可以改变人物动态，两边工具栏还有各种不同的调整功能哦。

其中左侧这个灯光的功能尤其实用，可以模拟灯光在不同位置下人体身上的光影变化，还可调整光的颜色以及明暗，对于光影掌握比较弱的插画师很有帮助。

以上就是这一期分享的全部工具啦，朋友们喜欢记得一键三连哦！

好啦，文章到这里就写完了。每个插件都是 设计师 们不能错过的实用工具！希望我分享的内容能够帮你解决学设计中的困扰。

这里还想说插件软件只是工具，想要画出不错的插画作品，更重要的是掌握绘画原理，运用配色、构图、人体结构等知识，分析他人作品长处，学会参考借鉴，熟练原创流程！

如果你想 get 画画技能，这里推荐一下我正在讲课的「优设商业插画实战营」，儿童插画、扁平风、国潮风、IP 形象、古风插画，多种绘画风格一次学！零基础友好，新手易掌握。

想要获取插件 「画画工具」以及商业插画实战营的详情，添加咨询师账号即可获取哦「大胖：uisdc5」​​​​「可乐：uisdc4」

大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~现如今人工智能发展迅速，各种 AI 工具层出不穷。像之前为大家介绍过的 AI 绘画工具 Dream Studio、AI 文案神器 Wantqoutes 等，都是非常好的设计效率工具。今天再为大家推荐一款我新发现的免费 AI 神器，它可以根据文本描述...

大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~

现如今人工智能发展迅速，各种 AI 工具层出不穷。像之前为大家介绍过的 AI 绘画工具 Dream Studio、AI 文案神器 Wantqoutes 等，都是非常好的设计效率工具。

今天再为大家推荐一款我新发现的免费 AI 神器，它可以根据文本描述自动生成不同风格的纹理贴图，图片的纹理可以无缝连续拼接，还提供 5 种贴图文件的免费下载，需要为 3D 模型找贴图素材的小伙伴千万不要错过~

免费开放！人人都能轻松上手的AI绘画工具DreamStudio 大家好，我是和你们聊设计的花生~ 之前为大家介绍了初代 AI 图像生成器 Disco Difussion、Dall·E 2、Midjounery，国产 AI 图像生成器 Tiamat，以及 4 款由谷歌、微软等大厂推出的 AI 图像生成器 Imagen、Parti、Make-A-Sce

阅读文章 >

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

Ponzu 神器主页： https://www.ponzu.gg/

Ponzu 是一个由人工智能驱动的纹理生成器，它能根据给定的文本提示，生成不同风格的纹理贴图素材，而且我们还可以调节这些素材的参数，使其更符合自己的设计需求。

Ponzu 的创造者非常喜欢自己制作游戏，为了解决自己设计的游戏世界看起来过于平淡的问题，于是和好友一起就建立了 Ponzu，借助 AI 的力量让材质贴图的生成时间短至几秒，且可以按需求生成各种不同的风格，让游戏世界的风格设定变得十分轻松。

1. 使用方法

Ponzu 的使用方法非常简单。在首页输入英文提示词，然后选定/设定一个风格，就可以得到至少 3 种 AI 生成的纹理图，如果都不满意，可以点击「more」按钮重新生成。生成的纹理会在一个 3D 立方体模型上展示贴图效果，可以调节环境光（ambient light） 和定向光（directional light），预览不同的效果。

Ponzu 内提供的风格选项共有 10 种，包括：自定义（custom）、photorealistic（写实的）、ukiyo-e（浮世绘）、toon（漫画）、cyberpunk（赛博朋克）、steampunk（蒸汽朋克）、watercolor（水彩画）、line art（线条艺术）、art nouveau（新艺术主义）和 impressionist（印象派）。其中自定义的意思是可以输入自己想要的风格关键词，然后交给 AI 生成指定的风格。

这些纹理应用到 3D 模型上就能给整体带来不同的风格：

2. 导出方式

点击网页右侧的「Map Strength」，可以设置各种贴图数据并导出。Ponzu 提供 5 种贴图文件，都是 PNG 格式，尺寸为 512*512px。

5 种文件分别是纹理（Texture）、法线 （Normal）、环境光遮蔽（Ambient Occlusion）、高光（Specular）和置换（Displacement），针对高光还可以调节硬度、金属度和反光度。

其中纹理都是可以无缝连续拼接的，对尺寸延展非常方便。这种特性让 Ponzu 不仅可以生成 3D 模型贴图，用来制作各种连续图案背景图片也非常不错。

以上就是为大家推荐的智能纹理贴图生成神器 Ponzu，感兴趣的小伙伴赶紧动手试试吧。喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~

「Ponzu 官方主页」 https://www.ponzu.gg/

推荐阅读：

AI绘图神器Dream studio又出黑科技！以图绘图、智能改图终于来啦 大家好，这里是和你们聊设计的花生~ 8 月的时候向大家推荐了一款 AI 图像生成工具 Dream Studio。

阅读文章 >

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

竞品分析方法很多，但大多数是偏向 B 端产品经理方面的或者是 C 端设计师的，真正在 B 端设计中的方法比较少，这次为大家介绍适合 B 端设计师使用的竞品分析方法。新手如何快速入门竞品分析？看这篇就够了！

竞品分析 方法很多，但大多数是偏向 B 端产品经理方面的或者是 C 端设计师的，真正在 B 端设计中的方法比较少，这次为大家介绍适合 B 端 设计师 使用的竞品分析方法。

新手如何快速入门竞品分析？看这篇就够了！ 竞品分析是产品设计中不可缺少的流程之一，主要目的是为设计服务，启发设计、规避风险，同时有力地支撑设计方案，让主观的用户体验变得有理有据。

阅读文章 >

一 、竞品分析的作用与思考 互联网产品 PRD 评审或设计方案评审时，都有可能被领导或相关评审同事询问：竞品的方向是什么？竞品是如何做的？所以竞品分析在产品设计流程中的重要性也不言而喻。在火热的 B 端市场，竞品分析对设计师来说越来越重要。

近两年的工作发现大家在进行竞品分析时会存在的一些共性疑惑：

竞品不知道怎么选 拿不到竞品的信息 分析内容缺乏深度 分析的结论与方案不对应

竞品分析的作用按照对产品及个人两个维度进行说明：

二、B 端竞品分析的难点 为什么要进行竞品分析，B 端竞品分析的难点在哪里？弄清这个问题就要了解 B 端产品的特性，B 端产品主要面向企业、组织等，体现形式包含但不限于网页端、可视化大屏、PC 端等，竞品分析有助于产品改版升级，满足公司发展需要。

对于设计师而言，有助于明确设计方向，实现设计目标和产品目标，快速了解业务。而 B 端竞品的难点在于行业类目不好找，页面无法实际操作，部分业务逻辑庞大，梳理不清等，这些都直接或间接影响着 B 端产品的竞品分析。

三、竞品分析如何做 接下来为大家介绍竞品分析应该怎么做。竞品分析的方法很多，主要有用户体验五要素法、流程走查法、表格法、借鉴法、SWOT 分析法、Kano 模型等。竞品方法主要是六大方面的内容：明确目的-选择竞品-梳理场景-收集资料-差异比较-结论输出。

1. 明确目标

首先需要明确竞品分析的目标，也就是我们为什么要做竞品分析，对于 B 端设计师而言，自身产品所处的阶段不同目标也不同，需要了解当前产品在生命周期中所处的阶段和用户特征，做到先「知己」再去「知彼」。常见的产品阶段目标主要是：

探索期阶段：产品刚进入市场，处于探索期的产品更多是补齐产品能力，在尽可能短的时间内进行最小可行性产品测试，更新速度快，该阶段大部分产品属于业务导向，通过竞品研究主要目的是验证其需求是否可行或产品的商业模式是否靠谱。 成长期阶段：产品成长期设计师需要平衡设计效率与产品体验，该阶段更多的是业务导向往体验导向过渡，处于成长期的产品已经积累了一定客户及用户数，会根据客户及用户诉求进行产品的持续迭代与改进，以提高产品竞争力。 成熟期阶段：产品成熟期设计师需要对产品体验进行精细化打磨，设计师在做产品体验提升的时候也有比较多的用户及数据依据。成熟期更多的是通过创新的功能与内容优化以达到满足体验和商业的目标。通过结合商业的诉求，持续关注核心的竞争对手产品的迭代与产品设计，为自己提供创新的思路，不断打磨现有产品的细节与体验。 2. 选择竞品

对于竞品的选择上，也要根据竞品分析的目的不同，进行不同的竞品选择。

我们可以从以下几个维度来分析：

① 直接竞品

即与自己即将要做的产品方向最相关的竞品，也叫对标产品，例如美团外卖和饿了么。

② 间接竞品

即与自己产品方向看似不相同，或产品方向不完全一致的产品，例如：农夫山泉和百事可乐。

③ 头部竞品

即在行业内做的比较领先，市场份额处于领先的产品，例如：腾讯会议在中国的 SaaS 云会议里处于第一的位置。

④ 关键干系人推荐

即可以决定产品方向的人给出的推荐产品。例如：老板、产品经理。

3. 梳理场景

场景是人物、时间、地点/环境、出现某物、欲望/目标、手段六要素所组成的特定关系。其实就是什么「人」在什么「时候」在什么「地方」出现「某物」出于什么「目的」做了「什么事」。

举个例子：公司职员王先生（用户）18:00（时间）下班（出现某物）。需要打车回家（需求）。王先生在 17:50 时，打开“打车软件”可以看到公司附近有很多出租车，王先生输入出发地和目的地确认打车。30 秒后出租车司机车师傅接单，王先生可以在手机上清晰地看到李师傅的车辆位置，10 分钟后王先生成功上车。到达目的地后，王老生用手机在线支付了打车费，开心地回到家陪女儿吃晚饭（目的）。

B 端产品基本上是业务信息化，将「线下已有需求」系统化，所以需要「还原业务」，而不是「创造业务」，无法发散获取，只能还原场景，回归场景。

4. 收集资料

针对这些问题，我分享几种方法：

一望：查看行业报告，行业媒体，文章等（36kr，艾瑞网，报告查一查，洞见研报，百度文档，talkingdata，钛学术智汇文献等，可以获得最近几年的行内信息，包含行业大数据，行业术语，发展趋势，市场行情等） 二闻：听分享会，研讨会等 三问：问销售/业务，供应商，客服人员等 四切：自己亲自体验 ① 确定竞品

对于解决行业垂直类问题，可以参考这个名录，里面有详细的分类与统计，发现自己要分析的垂直行业，找到自己产品的直接竞品，间接竞品，从而找到对方的公众号，宣传官网，企业新闻动态等。

来源于艾瑞咨询：2021 年中国企业级 SaaS 行业研究报告

筛选竞品可以从产品的关联性考虑，找到自己产品的直接竞品，间接竞品，也可以从导向性考虑，比如业务导向（存在竞争关系的业务），功能导向（存在竞争关系的功能），用户导向（用户特征一致），来进行筛选。

搜索引擎

搜索引擎现在是非常便捷的方式，通过搜索引擎我们可以找到任何想要的资料。除了国内最常用的百度之外，也可以在必应、谷歌搜索之间切换搜索。

百度中文结果最为全面，但搜索结果中夹杂着很多广告，需要有能力辨别；必应的结果呈现最简洁，搜索结果的质量很高，但是对于中文内容的摘录有时候不够全面；谷歌搜索的中英文结果都比较全面，但缺点在于访问困难。

除了专业搜索引擎之外，查找产品也可以在垂直搜索引擎中查询，例如知乎、CSDN、微信搜索、人人都是产品经理等垂直内容网站搜索，可以得到更加精确专业的结果。

善用关键词，比较确定的关键词，可以直接搜到想要的结果：例如，我明确知道我要搜索医药行业的 CRM 解决方案，关键词定为“医药 CRM 解决方案”，基本能够搜到想要的结果。

行业分析

搜索相关行业报告、白皮书，网站包括：艾瑞咨询、199IT 互联网数据中心、易观、友盟、TalkingData、36kr、各大证券公司的行业研报、工信部不定期发布的各种白皮书等等。

天眼查竞品公司推荐

天眼查、企查查等企业搜索网站中，现在也根据搜索结果推荐了一些竞品公司，但推荐质量不算太高，可以作为补充性参考。

② 官网搜集资料

现在很多公司的官网介绍非常全面，如果对领域已经比较熟悉，那从官网资料中就能找到不少有价值的信息。

以 Odoo 为例，官网资料包括功能、资源、在线试用、活动等。

应用中包括具体产品介绍，我们可以看出公司的产品范围以及产品的简单介绍。

行业解决方案包括按照业务类型、职能、需求、行业的不同解决方案。

有些公司网站还会包括帮助中心、使用手册，如果能拿到这些材料，对竞品分析更有帮助。

③ 试用

了解自己的产品竞品后，直接联系销售，让对方给我们介绍一下产品，或者发产品文档给到我们，产品文档中一般都会包含，企业介绍，产品信息，使用方法，内容更新，成功案例等，这样对于自己确定竞品节省很多时间，还可以请对方销售远程演示，或者发使用视频，这些东西对于后续的竞品分析都有用处。

注册

一般 B 端产品都有 30 天左右的免费试用期，可以填写自己的联系方式、公司名称等进行注册，后台审核通过后可以试用免费版。

公司可以在天眼查上选取一个中小规模的公司，并对公司信息有大概的了解，避免后续对方销售人员沟通时露出马脚。

销售人员沟通

一般留下电话后，对方的销售人员会主动打电话过来进行介绍，如果有演示需求，对方一般还是比较乐意的。

沟通时需要注意几点：

不要夸大自己的决策权和公司规模，不然客服人员投入过多精力，我们达到目的即可 不要上来就直奔主题，可以先介绍自己的目的和需求，逐步过渡 把自己装成不太懂信息化的传统客户，不要过多主导对话，多听对方介绍，适时提问 回绝销售

在收集到需要的信息后，要找出适当的理由回绝销售人员的进一步推销，给双方都节省不必要的时间和精力。

④ 朋友单位借账号操作

如果有亲朋好友已经在用竞品了，可以找熟识的人要一下账号。

如果有测试系统的话最好，我们可以任意操作，探索功能背后的逻辑；如果只有生产环境的话，我们需要十分注意，操作谨慎，以免影响正常业务。

如果实在不方便给账号的话，可以厚着脸皮去人家工位观摩一下系统操作，了解业务流程和系统流程，对自己的产品设计也会有不少借鉴意义。

四、差异比较 日常工作中，B 端设计师的竞品分析是围绕一个具体目标展开的，所以并不会要求设计师输出上述那种系统化的桌面竞品研究报告。以下这些形式和内容在设计师的竞品分析报告中更为常见：

① 以表格形式概括竞品在战略层的产品定位和用户概况。

② 聚焦在所分析的主题和功能范围上，以表格形式呈现各产品功能/内容上的差异。

③ 涉及到复杂任务/页面的跳转逻辑时（结构层），以流程图的形式呈现其页面逻辑关系：

④ 通过页面内容归纳总结页面的信息架构（框架层），分析不同竞品页面的结构和内容差异。

通过上述可视化的方式，将竞品战略、范围、结构、框架层面的特征做一个呈现，方便对比分析，后面进行结论输出。

五、结论 整理以上的分析，总结各个产品的优缺点；回到竞品分析的目标，找到自己能够借鉴和参考的方面，然后规划和布局，制定自己的产品设计策略，可以把竞品的一些内容考虑进产品设计迭代计划中。

以上，就是针对 B 端设计师的完整竞品分析流程和框架，大家可以直接套用。不过不同的行业和业务差异，在分析的着重点和一些具体内容上可能会有不同，这个就需要大家在实际的工作过程中不断去积累，最终形成适用于自己业务的竞品分析模板。

编者按：灵动岛和 iOS 实时活动推送界面的设计规范终于出来了，原文在这里，做设计和开发的同学记得看看。iPhone 14正式发布！从设计师角度聊聊苹果的灵动岛功能编者按：灵动岛作为苹果发布会的一大亮点，让无数人有了购买iPhone 14的理由，本文详细分析一下灵动岛的功能设计。

编者按： 灵动岛 和 iOS 实时活动 推送界面的设计规范终于出来了， 原文在这里 ，做设计和开发的同学记得看看。

iPhone 14正式发布！从设计师角度聊聊苹果的灵动岛功能 编者按：灵动岛作为苹果发布会的一大亮点，让无数人有了购买iPhone 14的理由，本文详细分析一下灵动岛的功能设计。

阅读文章 >

实时活动显示的是来自 APP 最新的信息，让人一目了然地看到最新的事件或者任务的进度。

实时活动帮助用户跟踪他们关心的任务和事件，在固定的位置持续地更新信息。例如送餐 APP 可以显示剩余的抵达时间，或者体育 APP 会显示正在进行中的比赛的得分。

除了在锁屏状态下借助实时活动之外，支持实时活动显示功能的设备可以以不同的形式来呈现信息，这主要取决于设备是否支持灵动岛功能。

在支持灵动岛的设备上，系统会在前置摄像头周围的固定位置上显示实时活动。 在不支持灵动岛的设备上，系统会在主屏幕或者其他 APP 运行过程中，在顶部弹出横幅中短暂显示实时活动，前提条件是 APP 推送的信息足够重要。 在灵动岛当中，系统将会以三种形态呈现实时活动：

紧凑型。在当前只有一个实时活动状态的时候，系统会使用紧凑型视图，整个视图会由前后两个部分构成，两者讲中间的摄像头区域包裹起来。尽管两者其实是两个独立区域，但是在视觉和信息上会明确给人是来自同一个 APP 的信息推送。用户可以通过点击，跳转到这个 APP。 最小型。当有多个 APP 有实时活动推送的时候，灵动岛会使用最小型视图来呈现其中的2个，系统会选择让其中一个附着到灵动岛上，另外一个则以圆形小图标的形式存在，用户同样能够通过点击跳转到对应的 APP 上。

扩展型。当用户在紧凑型视图和最小型视图中，长按会触发扩展型视图。

灵动岛和实时活动界面最佳实践 为有明确开始和结束的实时事件定义实时活动。 用户需要借助实时活动来追踪行进中的、涉及频繁更新的事件和任务，所以最好不要超过 8 个小时。并且始终在实时任务结束之后立刻结束实时活动的呈现。

只呈现最重要的内容。 用户喜欢获取行进中的任务和时间的摘要和关键信息，他们不希望收到过多详细信息，或者在实时活动区域中进行交互。用户需要通过点击实时活动跳转到相应的 APP。

仅在有新内容时提供实时活动的更新，仅在有必要引起用户注意的时候才提供提醒。 实时活动会打断用户当前的任务，过于频繁的提醒可能会对用户造成困扰，可能会导致用户彻底关闭你的 APP 的实时活动推送。请注意，系统会以不同的方式提醒用户有实时活动正在发生，但是具体取决于硬件是否具有灵动岛功能。

避免在实时活动中显示敏感的信息。 实时活动在视觉上很突出，很容易被人不经意看到。所以如果你的 APP 推送的信息涉及到敏感的内容，请在其中提供一个无害的摘要，并且让用户通过点击透过实时活动抵达 APP 的特定页面，让用户详细查看。

避免在实时活动中显示广告或促销。 实时活动可以帮助用户了解正在发生的事情，因此仅用来显示和用户高度相关的内容即可。

让用户有权限控制实时活动的开始和结束。 为而了帮助用户更好地管理实时活动，最好在实时活动所链接的页面当中，提供按钮允许用户按照自己的需求，提前结束实时活动的推送。而下单了外卖之后，透过实时活动告诉你你的外卖到哪了则是有意义的推送信息。在设置中，你应当允许用户控制哪些实时活动能推送，哪些不用推送或者提前结束等等。

确保点击实时活动的时候，会打开 APP 中对的页面或位置。 当用户透过实时活动打开应用程序的时候，应当将用户直接带到 APP 相应的页面，而无需用户再手动导航找到位置。有关的链接功能你需要查看 SwiftUI 相关的说明。

尽量在实时活动结束后，从锁屏界面中将其移除。 在灵动岛功能中，实时活动结束之后将会被直接移除。但是在锁屏和通知当中，实时活动的结果默认会保留 4 个小时，方便用户回去查看。不过如果你的 APP 当中实时活动的时间相关度不算高，你也可以设置在 4 小时内的任何一个时间周期内结束。比如，拼车 APP 会在形成结束后 15 分钟内可以在锁屏通知上显示，方便用户在这个时间段内查看最终的支付结果。

让实时活动具备可用性 确保灵动岛中紧凑型视图下信息和设计的统一性。 虽然相机的区域将前后两个区域分开，但是在紧凑视图下，应当被视作为一体的，并且无论点击哪个区域，都将会将两者带到同一 APP 的同一页面当中。使用色彩、图标和文本来确保灵动岛中的内容和 APP 的关联。

紧凑型视图和扩展型视图之间应当保持一致性。 扩展型视图是前者的放大扩展版，确保两者之间信息和布局的可预测性。

锁屏通知界面和扩展型视图中的设计应当保持一致性。 这两者在内容和样式上理应保持相似性和共通性，确保用户对他们两者熟悉且有关联感，方便跟踪进度。

实时活动样式设计应该适应不同的屏幕尺寸。 实时活动应该通过缩放适应不同的屏幕尺寸，通过提供不同大小的内容确保它们在不同设备上看起来都很棒。请遵循这一规范来进行创建。

在锁屏通知上使用自定义颜色和不透明度时请深思熟虑。 在锁屏通知界面上使用实时活动窗口时候，如果想要设置背景颜色或者图像，请记得测试两者的对比度，尤其需要考虑在「全天候显示」界面上的效果。另外，灵动岛界面的实时活动界面背景为了确保沉浸效果，是不允许自定义背景颜色的。但是其中的文本和图标是可以自定义的。具体请参考以下规范。

内容的圆角半径和实时活动界面圆角半径保持协调。 内容和实时活动窗口边距要保持一直，为了确保其中圆角看起来不错，让 SwiftUI 容器内的圆角半径尽量准确，开发者请参阅：ContainerRelativeShape

通常情况下，请使用标准边距确保内容清晰易读。 通常情况下，对于实时活动扩展型视图和锁屏界面下的视图，应当采用标准宽度 20 pt，某些特殊情况可能会更加拥挤，具体情况请参阅以下文档：padding( _:_:)

选择适合个性化锁屏的色彩。 考虑到用户自定义屏幕、壁纸和小组件，谨慎自定义你的实时活动在锁屏通知界面下的颜色和透明度，确保内容的清晰易读。

支持深色模式和全天候显示。 实时活动的颜色在深色和全天候显示的模式下，颜色会发生改变，你需要调整其颜色，确保不会影响可读性。具体可以参考「深色模式」和「全天候显示」的章节内容。

谨慎使用动画，仅在引起用户关注时使用。 实时活动仅会调用系统动画功能的子集，在全天候显示模式下，动画不会显示。具体请参考「动画内容更新」。

灵动岛尺寸规格 灵动岛使用 44 pt 圆角，期圆角形状应当同物理前置相机圆角保持一致。

实时活动的规范尺寸也同样使用 pt 为单位：

大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~现如今人工智能发展迅速，各种 AI 工具层出不穷。像之前为大家介绍过的 AI 绘画工具 Dream Studio、AI 文案神器 Wantqoutes 等，都是非常好的设计效率工具。今天再为大家推荐一款我新发现的免费 AI 神器，它可以根据文本描述...

大家好 ，这里是 设计神器 挖掘前线记者花生为您发回的实时报道 ~

现如今人工智能发展迅速，各种 AI 工具层出不穷。像之前为大家介绍过的 AI 绘画工具 Dream Studio、AI 文案神器 Wantqoutes 等，都是非常好的设计效率工具。

今天再为大家推荐一款我新发现的免费 AI 神器，它可以根据文本描述自动生成不同风格的纹理贴图，图片的纹理可以无缝连续拼接，还提供 5 种贴图文件的免费下载，需要为 3D 模型找贴图素材的小伙伴千万不要错过~

免费开放！人人都能轻松上手的AI绘画工具DreamStudio 大家好，我是和你们聊设计的花生~ 之前为大家介绍了初代 AI 图像生成器 Disco Difussion、Dall·E 2、Midjounery，国产 AI 图像生成器 Tiamat，以及 4 款由谷歌、微软等大厂推出的 AI 图像生成器 Imagen、Parti、Make-A-Sce

阅读文章 >

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

Ponzu 神器主页： https://www.ponzu.gg/

Ponzu 是一个由人工智能驱动的纹理生成器，它能根据给定的文本提示，生成不同风格的纹理贴图素材，而且我们还可以调节这些素材的参数，使其更符合自己的设计需求。

Ponzu 的创造者非常喜欢自己制作游戏，为了解决自己设计的游戏世界看起来过于平淡的问题，于是和好友一起就建立了 Ponzu，借助 AI 的力量让材质贴图的生成时间短至几秒，且可以按需求生成各种不同的风格，让游戏世界的风格设定变得十分轻松。

1. 使用方法

Ponzu 的使用方法非常简单。在首页输入英文提示词，然后选定/设定一个风格，就可以得到至少 3 种 AI 生成的纹理图，如果都不满意，可以点击「more」按钮重新生成。生成的纹理会在一个 3D 立方体模型上展示贴图效果，可以调节环境光（ambient light） 和定向光（directional light），预览不同的效果。

Ponzu 内提供的风格选项共有 10 种，包括：自定义（custom）、photorealistic（写实的）、ukiyo-e（浮世绘）、toon（漫画）、cyberpunk（赛博朋克）、steampunk（蒸汽朋克）、watercolor（水彩画）、line art（线条艺术）、art nouveau（新艺术主义）和 impressionist（印象派）。其中自定义的意思是可以输入自己想要的风格关键词，然后交给 AI 生成指定的风格。

这些纹理应用到 3D 模型上就能给整体带来不同的风格：

2. 导出方式

点击网页右侧的「Map Strength」，可以设置各种贴图数据并导出。Ponzu 提供 5 种贴图文件，都是 PNG 格式，尺寸为 512*512px。

5 种文件分别是纹理（Texture）、法线 （Normal）、环境光遮蔽（Ambient Occlusion）、高光（Specular）和置换（Displacement），针对高光还可以调节硬度、金属度和反光度。

其中纹理都是可以无缝连续拼接的，对尺寸延展非常方便。这种特性让 Ponzu 不仅可以生成 3D 模型贴图，用来制作各种连续图案背景图片也非常不错。

以上就是为大家推荐的智能纹理贴图生成神器 Ponzu，感兴趣的小伙伴赶紧动手试试吧。喜欢的小伙伴记得点赞收藏，也可以转发给身边有需要朋友。如果你有关于本文或者设计的相关疑问，可以在评论区提出，我会第一时间为大家解答 ~

「Ponzu 官方主页」 https://www.ponzu.gg/

推荐阅读：

AI绘图神器Dream studio又出黑科技！以图绘图、智能改图终于来啦 大家好，这里是和你们聊设计的花生~ 8 月的时候向大家推荐了一款 AI 图像生成工具 Dream Studio。

阅读文章 >

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

Hello 大家好我是优设插画营的@日米 Rimi ​ ~这次给大家带来 9 个实用画画工具，可以大大提高绘画效率，PS 和 Procreate 皆可用。20个大厂设计师常用的高效Figma插件！免费易用这篇文章将分享 20 个 Figma 插件，全是免费的Figma插件，能快速提升你的设计效率。

Hello 大家好我是优设插画营的 @日米 Rimi ​ ~

这次给大家带来 9 个实用画画工具，可以大大提高绘画效率， PS 和 Procreate 皆可用。

20个大厂设计师常用的高效Figma插件！免费易用 这篇文章将分享 20 个 Figma 插件，全是免费的Figma插件，能快速提升你的设计效率。

阅读文章 >

以下是我将会分享的插件内容：

一、一键生成逼真投影效果的 PS 插件 插件名称：BBTools Shadow

支持 Win/Mac 系统，兼容 PS 版本：PHOTOSHOP CC 2015 以上版本

我们在画画的时候经常需要给画面中的物体加上投影，但是由于很多新手同学对投影的形状以及角度掌握得还不是那么好，特别是画面有多个元素的情况下，怎么能够正确画出这些元素的投影， 这款插件就可以帮你解决这个问题。

它可以调整投影的角度、长度、分散值（模糊效果）、不透明度、颜色，以及光源的位置，保持画面中多个元素投影的一致性，是功能非常全的一款投影插件。

安装好插件之后，将文件拖到 PS 里，点击上方工具栏的窗口-扩展功能中的 BBTools Shadow，就会出来插件面板。

选择需要生成投影的图层，单击插件面板上的 Create Shadow（创建），即可生成投影。如果对生成的投影不满意，可以依次调整面板上的功能数值，它可以调整投影的角度、长度、模糊效果、不透明度、颜色等，直到达到自己想要的效果。

这款插件还有一个好用的功能，用钢笔工具在画面中单击定一个光源位置，勾上插件面板上的 Sun Position（太阳位置），即可为画面中的所有元素根据光源的位置生成投影。保持多个元素投影的一致性。

注意：这款插件无法用于矢量图层，所以用之前需要先对你要生成投影的图层进行栅格化或转成智能对象。

二、PS 绘画透视辅助插件 插件名称：Perspective Tools

支持 Win/Mac 系统，兼容 PS 版本：PHOTOSHOP CC 2014 以上版本

不会画透视星人的法宝来啦！Perspective Tools 是一款非常实用的 PS 透视线辅助插件，可以快速在画面生成一点透视和多点透视的辅助线，也可以自己手动用钢笔工具更改透视角度，非常适合需要画大场景画面的同学。

用钢笔工具（路径）在画面中单击一下，再点击插件面板上的透视线功能，即可快速生成一点透视线。

如果想生成多点透视，可以根据自己想要的透视角度用钢笔工具先创建出不同的路径，再点击插件面板上的透视线功能。

降低不透明度就可以画画啦~（还可以更改透视线条颜色和线条隐藏哦，功能都标注在顶部上方的插件功能面板上了，快挨个试一下吧~）

这个插件还有一个很赞的功能「翘曲」（Warps），它可以将任何透视角度的位置展开成平面并且实时更改，有点类似 PS 里的智能对象：

① 根据透视角度用钢笔工具的勾出路径，点击插件面板上的 DE-perspective，即可把刚刚勾出来的图形转换成平面效果。

② 在平面上添加或更改任意东西，按 Ctrl+S 保存，即可自动实时更改到原先的图上。比如我给墙上添加一张壁画，保存之后，实时更新在我的作品里。

这样插画师在画画时可以省去思考绘画角度的问题，是不是非常方便~

三、让画面一键发光的 PS 插件 插件名称：Oniric Glow Generator

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2018 及更高版本

你是不是也偷偷羡慕过大佬画面中好看的光影效果，它来了！Oniric Glow Generator 是一款可以模拟真实发光效果的 Photoshop 插件，把需要发光的图片拖进 ps，打开窗口-扩展功能中的 Oniric，可以看到弹出来的插件面板上有两个按钮：生成(Generate)、编辑元素(Edit Element)。

点击 Generate 生成，就会进入到下一个设置页面，这个时候你就可以看到画面发光的效果了，对生成效果满意可以直接点保存。如果不满意可以手动调整面板上的功能数值。

以上是对整体画面进行发光的效果，如果你只想局部发光，比如我只想给图片中的台灯做发光效果，可以点开功能面板上的「Mask」，用笔刷在需要发光的位置涂几下，然后点击旁边的「Apply」，就可以只对局部位置做发光效果了。另外还可以自定义发光的颜色、饱和度。亮度等。

看下生成光影前后的对比效果吧~

四、PS 里的黄金分割构图 插件名称：GoldenCurve

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2014 及更高版本

一个好的构图是画画的第 1 步，PS 的这款黄金分割插件 GoldenCurve 可以快速生成多款不同图形构图的预览线，比如常见的对角构图，九宫格构图，黄金比例构图等等。

配图来自网络

在「窗口-扩展功能-黄金分割线」中打开该插件，将图像分辨率设为 72 或 300ppi，将画笔大小设置为 2 个像素左右，画笔颜色选择一个和背景对比明显的颜色，直接点击右边插件面板上的任意构图图标就能自动生成构图预览线，也可以用选区工具画出一个区域然后再点击构图图标按钮生成。

五、手绘油画笔刷质感插件 插件名称：ADImpastoshop

支持 Win/Mac 系统，兼容 PS 版本：Adobe Photoshop CC 2015 及更高版本

​AD Impastoshop 是一款 PS 厚涂绘画笔刷插件，可在电脑上模拟出真实的绘画效果。内含丰富的图层样式、背景纹理及 70 多种质感笔刷。喜欢油画质感的同学可以收藏！

上面的三栏功能里面主要是控制样式的，有石膏、帆布、湿笔、雕刻和油画等多种效果。选完样式再选择下面的笔刷去绘画就可以了。

六、画画时的参考贴图工具 软件名称：Snipaste

支持 Win/Mac 系统

很多同学画画时习惯新建一个画布专门来放参考图，这样窗口来回切换比较麻烦且容易占用内存，可以试试这个神器！

Snipaste 是一款功能非常丰富的截图+贴图小工具，软件安装完毕后，按快捷键「F1」即可截图，截图后可以对图片进行标注、划框、保存等操作。

把鼠标移动到画面任意位置，可以显示该位置颜色的色值，按一下 「C」 键，还能一键复制色值！这个取色的功能对插画师来说简直是福音~

截图之后接着按「F3」即可把该张截图贴在电脑屏幕上。这个时候把鼠标放在图片上面，滚动滚轮可以调整图片大小，按住「Ctrl」的同时，滚动鼠标滚轮可以调整图片不透明度。

重要的是无需联网！以后不用登录 QQ 或者微信就可以截图啦~

*快捷键有冲突的小伙伴可以在「首选项-控制 」里面自定义功能快捷键。

七、拯救配色废的配色预览工具 网站名称：palettemaker

palettemaker 是一个在线配色网站，上面提供了非常多款的设计作品预览，包括插画、海报、UI 界面、网页设计、图形图案等不同类型的配色案例。

在网站的界面左侧有一列色卡，单击其中一组色卡之后右边的案例即可生成该色卡的配色方案效果预览。

还可以调整同一组色卡里的每个颜色在案例中占不同比例的效果。

点击生成，就能看到各种不同配色的预览。在这些效果中可以看看那个颜色配比，比较适合你的插画作品。

喜欢哪组配色可以直接导出配色卡片，上面附有色值信息，非常适合画画中头疼配色的同学了。

八、Procreate 的灵魂伴侣 ​ 插件名称：Lazyshare

目前上线 App Store，安卓应用商店未上架

Lazyshare 非常适合用 procreate 绘画的同学，里面拥有 10w+ 的免费笔刷，还有色卡、材质纸张，字体等资源，都可以支持一键导入到 procreate 使用。

进入 APP 后点击下方工具栏主要的“素材”图标，即可在左上角选择笔刷、字体、纹理、色卡。

单击自己想要的笔刷包，点击下载按钮之后，选择用 procreate 打开就可以一键导入了（字体、纹理和色卡的导入也是一样的操作）。

如果你想要更换字体，这里也有个人可商用的字体哦！

一款 App 具备各种材质纹理。

各种各样的颜色搭配，总有一款你喜欢的。

分类清晰，界面干净，操作起来简单易懂还没有广告，是款天使软件了！

九、人体模型辅助软件 无限人偶是一款移动端的人体绘画辅助 App，功能很全，资源素材丰富，下载免费，软件内也有提供少量免费的人偶模型（如需特定的动作造型与道具需额外付款购买），但我觉得免费模型对于新手插画师来说已经够用了，使用得好可以缩短画人体时纠正动态的时间，提升绘画效率。

进入 app 之后可以在首页的“免费专区”找到自己喜欢的人偶模型进行下载。

打开下载好的人偶。

拖动关节处锚点可以改变人物动态，两边工具栏还有各种不同的调整功能哦。

其中左侧这个灯光的功能尤其实用，可以模拟灯光在不同位置下人体身上的光影变化，还可调整光的颜色以及明暗，对于光影掌握比较弱的插画师很有帮助。

以上就是这一期分享的全部工具啦，朋友们喜欢记得一键三连哦！

好啦，文章到这里就写完了。每个插件都是 设计师 们不能错过的实用工具！希望我分享的内容能够帮你解决学设计中的困扰。

这里还想说插件软件只是工具，想要画出不错的插画作品，更重要的是掌握绘画原理，运用配色、构图、人体结构等知识，分析他人作品长处，学会参考借鉴，熟练原创流程！

如果你想 get 画画技能，这里推荐一下我正在讲课的「优设商业插画实战营」，儿童插画、扁平风、国潮风、IP 形象、古风插画，多种绘画风格一次学！零基础友好，新手易掌握。

想要获取插件 「画画工具」以及商业插画实战营的详情，添加咨询师账号即可获取哦「大胖：uisdc5」​​​​「可乐：uisdc4」

竞品分析方法很多，但大多数是偏向 B 端产品经理方面的或者是 C 端设计师的，真正在 B 端设计中的方法比较少，这次为大家介绍适合 B 端设计师使用的竞品分析方法。新手如何快速入门竞品分析？看这篇就够了！

竞品分析 方法很多，但大多数是偏向 B 端产品经理方面的或者是 C 端设计师的，真正在 B 端设计中的方法比较少，这次为大家介绍适合 B 端 设计师 使用的竞品分析方法。

新手如何快速入门竞品分析？看这篇就够了！ 竞品分析是产品设计中不可缺少的流程之一，主要目的是为设计服务，启发设计、规避风险，同时有力地支撑设计方案，让主观的用户体验变得有理有据。

阅读文章 >

一 、竞品分析的作用与思考 互联网产品 PRD 评审或设计方案评审时，都有可能被领导或相关评审同事询问：竞品的方向是什么？竞品是如何做的？所以竞品分析在产品设计流程中的重要性也不言而喻。在火热的 B 端市场，竞品分析对设计师来说越来越重要。

近两年的工作发现大家在进行竞品分析时会存在的一些共性疑惑：

竞品不知道怎么选 拿不到竞品的信息 分析内容缺乏深度 分析的结论与方案不对应

竞品分析的作用按照对产品及个人两个维度进行说明：

二、B 端竞品分析的难点 为什么要进行竞品分析，B 端竞品分析的难点在哪里？弄清这个问题就要了解 B 端产品的特性，B 端产品主要面向企业、组织等，体现形式包含但不限于网页端、可视化大屏、PC 端等，竞品分析有助于产品改版升级，满足公司发展需要。

对于设计师而言，有助于明确设计方向，实现设计目标和产品目标，快速了解业务。而 B 端竞品的难点在于行业类目不好找，页面无法实际操作，部分业务逻辑庞大，梳理不清等，这些都直接或间接影响着 B 端产品的竞品分析。

三、竞品分析如何做 接下来为大家介绍竞品分析应该怎么做。竞品分析的方法很多，主要有用户体验五要素法、流程走查法、表格法、借鉴法、SWOT 分析法、Kano 模型等。竞品方法主要是六大方面的内容：明确目的-选择竞品-梳理场景-收集资料-差异比较-结论输出。

1. 明确目标

首先需要明确竞品分析的目标，也就是我们为什么要做竞品分析，对于 B 端设计师而言，自身产品所处的阶段不同目标也不同，需要了解当前产品在生命周期中所处的阶段和用户特征，做到先「知己」再去「知彼」。常见的产品阶段目标主要是：

探索期阶段：产品刚进入市场，处于探索期的产品更多是补齐产品能力，在尽可能短的时间内进行最小可行性产品测试，更新速度快，该阶段大部分产品属于业务导向，通过竞品研究主要目的是验证其需求是否可行或产品的商业模式是否靠谱。 成长期阶段：产品成长期设计师需要平衡设计效率与产品体验，该阶段更多的是业务导向往体验导向过渡，处于成长期的产品已经积累了一定客户及用户数，会根据客户及用户诉求进行产品的持续迭代与改进，以提高产品竞争力。 成熟期阶段：产品成熟期设计师需要对产品体验进行精细化打磨，设计师在做产品体验提升的时候也有比较多的用户及数据依据。成熟期更多的是通过创新的功能与内容优化以达到满足体验和商业的目标。通过结合商业的诉求，持续关注核心的竞争对手产品的迭代与产品设计，为自己提供创新的思路，不断打磨现有产品的细节与体验。 2. 选择竞品

对于竞品的选择上，也要根据竞品分析的目的不同，进行不同的竞品选择。

我们可以从以下几个维度来分析：

① 直接竞品

即与自己即将要做的产品方向最相关的竞品，也叫对标产品，例如美团外卖和饿了么。

② 间接竞品

即与自己产品方向看似不相同，或产品方向不完全一致的产品，例如：农夫山泉和百事可乐。

③ 头部竞品

即在行业内做的比较领先，市场份额处于领先的产品，例如：腾讯会议在中国的 SaaS 云会议里处于第一的位置。

④ 关键干系人推荐

即可以决定产品方向的人给出的推荐产品。例如：老板、产品经理。

3. 梳理场景

场景是人物、时间、地点/环境、出现某物、欲望/目标、手段六要素所组成的特定关系。其实就是什么「人」在什么「时候」在什么「地方」出现「某物」出于什么「目的」做了「什么事」。

举个例子：公司职员王先生（用户）18:00（时间）下班（出现某物）。需要打车回家（需求）。王先生在 17:50 时，打开“打车软件”可以看到公司附近有很多出租车，王先生输入出发地和目的地确认打车。30 秒后出租车司机车师傅接单，王先生可以在手机上清晰地看到李师傅的车辆位置，10 分钟后王先生成功上车。到达目的地后，王老生用手机在线支付了打车费，开心地回到家陪女儿吃晚饭（目的）。

B 端产品基本上是业务信息化，将「线下已有需求」系统化，所以需要「还原业务」，而不是「创造业务」，无法发散获取，只能还原场景，回归场景。

4. 收集资料

针对这些问题，我分享几种方法：

一望：查看行业报告，行业媒体，文章等（36kr，艾瑞网，报告查一查，洞见研报，百度文档，talkingdata，钛学术智汇文献等，可以获得最近几年的行内信息，包含行业大数据，行业术语，发展趋势，市场行情等） 二闻：听分享会，研讨会等 三问：问销售/业务，供应商，客服人员等 四切：自己亲自体验 ① 确定竞品

对于解决行业垂直类问题，可以参考这个名录，里面有详细的分类与统计，发现自己要分析的垂直行业，找到自己产品的直接竞品，间接竞品，从而找到对方的公众号，宣传官网，企业新闻动态等。

来源于艾瑞咨询：2021 年中国企业级 SaaS 行业研究报告

筛选竞品可以从产品的关联性考虑，找到自己产品的直接竞品，间接竞品，也可以从导向性考虑，比如业务导向（存在竞争关系的业务），功能导向（存在竞争关系的功能），用户导向（用户特征一致），来进行筛选。

搜索引擎

搜索引擎现在是非常便捷的方式，通过搜索引擎我们可以找到任何想要的资料。除了国内最常用的百度之外，也可以在必应、谷歌搜索之间切换搜索。

百度中文结果最为全面，但搜索结果中夹杂着很多广告，需要有能力辨别；必应的结果呈现最简洁，搜索结果的质量很高，但是对于中文内容的摘录有时候不够全面；谷歌搜索的中英文结果都比较全面，但缺点在于访问困难。

除了专业搜索引擎之外，查找产品也可以在垂直搜索引擎中查询，例如知乎、CSDN、微信搜索、人人都是产品经理等垂直内容网站搜索，可以得到更加精确专业的结果。

善用关键词，比较确定的关键词，可以直接搜到想要的结果：例如，我明确知道我要搜索医药行业的 CRM 解决方案，关键词定为“医药 CRM 解决方案”，基本能够搜到想要的结果。

行业分析

搜索相关行业报告、白皮书，网站包括：艾瑞咨询、199IT 互联网数据中心、易观、友盟、TalkingData、36kr、各大证券公司的行业研报、工信部不定期发布的各种白皮书等等。

天眼查竞品公司推荐

天眼查、企查查等企业搜索网站中，现在也根据搜索结果推荐了一些竞品公司，但推荐质量不算太高，可以作为补充性参考。

② 官网搜集资料

现在很多公司的官网介绍非常全面，如果对领域已经比较熟悉，那从官网资料中就能找到不少有价值的信息。

以 Odoo 为例，官网资料包括功能、资源、在线试用、活动等。

应用中包括具体产品介绍，我们可以看出公司的产品范围以及产品的简单介绍。

行业解决方案包括按照业务类型、职能、需求、行业的不同解决方案。

有些公司网站还会包括帮助中心、使用手册，如果能拿到这些材料，对竞品分析更有帮助。

③ 试用

了解自己的产品竞品后，直接联系销售，让对方给我们介绍一下产品，或者发产品文档给到我们，产品文档中一般都会包含，企业介绍，产品信息，使用方法，内容更新，成功案例等，这样对于自己确定竞品节省很多时间，还可以请对方销售远程演示，或者发使用视频，这些东西对于后续的竞品分析都有用处。

注册

一般 B 端产品都有 30 天左右的免费试用期，可以填写自己的联系方式、公司名称等进行注册，后台审核通过后可以试用免费版。

公司可以在天眼查上选取一个中小规模的公司，并对公司信息有大概的了解，避免后续对方销售人员沟通时露出马脚。

销售人员沟通

一般留下电话后，对方的销售人员会主动打电话过来进行介绍，如果有演示需求，对方一般还是比较乐意的。

沟通时需要注意几点：

不要夸大自己的决策权和公司规模，不然客服人员投入过多精力，我们达到目的即可 不要上来就直奔主题，可以先介绍自己的目的和需求，逐步过渡 把自己装成不太懂信息化的传统客户，不要过多主导对话，多听对方介绍，适时提问 回绝销售

在收集到需要的信息后，要找出适当的理由回绝销售人员的进一步推销，给双方都节省不必要的时间和精力。

④ 朋友单位借账号操作

如果有亲朋好友已经在用竞品了，可以找熟识的人要一下账号。

如果有测试系统的话最好，我们可以任意操作，探索功能背后的逻辑；如果只有生产环境的话，我们需要十分注意，操作谨慎，以免影响正常业务。

如果实在不方便给账号的话，可以厚着脸皮去人家工位观摩一下系统操作，了解业务流程和系统流程，对自己的产品设计也会有不少借鉴意义。

四、差异比较 日常工作中，B 端设计师的竞品分析是围绕一个具体目标展开的，所以并不会要求设计师输出上述那种系统化的桌面竞品研究报告。以下这些形式和内容在设计师的竞品分析报告中更为常见：

① 以表格形式概括竞品在战略层的产品定位和用户概况。

② 聚焦在所分析的主题和功能范围上，以表格形式呈现各产品功能/内容上的差异。

③ 涉及到复杂任务/页面的跳转逻辑时（结构层），以流程图的形式呈现其页面逻辑关系：

④ 通过页面内容归纳总结页面的信息架构（框架层），分析不同竞品页面的结构和内容差异。

通过上述可视化的方式，将竞品战略、范围、结构、框架层面的特征做一个呈现，方便对比分析，后面进行结论输出。

五、结论 整理以上的分析，总结各个产品的优缺点；回到竞品分析的目标，找到自己能够借鉴和参考的方面，然后规划和布局，制定自己的产品设计策略，可以把竞品的一些内容考虑进产品设计迭代计划中。

以上，就是针对 B 端设计师的完整竞品分析流程和框架，大家可以直接套用。不过不同的行业和业务差异，在分析的着重点和一些具体内容上可能会有不同，这个就需要大家在实际的工作过程中不断去积累，最终形成适用于自己业务的竞品分析模板。