2021年，标志设计师朝着更大胆、更具创新性的设计迈出了一大步。与平面设计趋势类似，品牌推广大量采用软循环动画和鲜艳的配色方案。它还开辟了实验排版，鼓励创造性思维重新审视标志设计。

2022年的标志设计趋势很可能会延续这一大趋势，我们希望看到上述美学在全球范围内得到重塑。您会看到设计师同样选择极简主义和卡通标志、3D 和平面标志、花卉和文字标志。我们认为2021年是创作自由的一年。然而，看起来在2022年，我们将看到它真正的肆无忌惮。

1) 简单的几何图形和基本形状

2) 高大的标志

3) 饱和颜色和渐变

4) 象征主义和极简主义代替现实主义

5) 涂鸦和草图

6) 粗体字标标志

7) 无衬线标志

8) 花艺和微妙的装饰

9) 黑白标志

10) 3D与平面样式

简单的几何图形和基本形状

在2022年，拥有基于复杂图形的标志几乎会很少见。此类标志通常难以记住，客户可能会很难发现在品牌与其图形表示之间的联系。对于寻求加强存在感和提高品牌知名度的大企业来说，这可能是一个巨大的问题。因此，公司倾向于拒绝此类标志，而倾向于使用一些基本的东西。

基本的几何形状是各种三角形、圆形、正方形、点和线，它们使标志设计成为简单的图像。作为优化，建议设计师使用充满活力或独特的配色方案。或者相反，切换到黑白，将这种极简效果发挥到极致。最后，还有负空间，这是另一种采用简单几何形状并保持视觉趣味的好方法。

高大的标志

虽然2022年的大多数标志设计趋势与我们两年、三年或五年前曾经拥有的一切产生共鸣，但高大的标志就像一口新鲜空气和创造力。反对过度使用的三角形、方形和圆形标志。正如我们从多个Behance项目中看到的那样，它们的美学非常适合寻求领先的时尚公司、精品店、创意工作室和大品牌。

高大的标志部分借鉴了装饰艺术风格，它们特别喜欢优雅的垂直框架。高大的标志同样具有波西米亚风美学和现代几何元素。事实上，这种标志设计趋势的根源并不那么重要。真正重要的是新的形状让设计师想出了新的标志创意，所以在这里我们希望他们以不同的方式处理字体和图形元素。

饱和颜色和渐变

实践表明，标志的颜色工作和色彩的选择是一个非常个人化的故事，通常很难跟踪全球趋势或与特定颜色相关的任何标志趋势。有人更喜欢黑白标志。有人会选择现在特别流行的单色、裸色或大地色。然而，如果我们看看大品牌，我们将能够在标志设计中使用生动、饱和的颜色来定义一个巨大的趋势。

对标志设计中颜色的兴趣已经发展到这样的程度，创作者不仅要增加饱和度，还要选择纯粹、生动的解决方案，同时尽可能地简化标志。太多的细节和颜色会造成混乱的外观，因此选择其中一个至关重要——在极简主义时代，选择很明确。然而，我们不禁强调鲜艳的色彩很难处理——尤其是糖果色。它们可以使品牌标识看起来廉价甚至业余。因此，当您关注这一标志设计趋势时，重要的是要取得平衡——否则您将面临使用可疑标志的风险。

象征主义和极简主义代替现实主义

有多种与简化标志和极简主义相关的标志趋势——这可能是最能说明问题的。我们每个人都将标志创建为一件真正的艺术品。动物、花卉、神话和生物——在标志内，它们展示了精湛的技艺和对细节的迷人关注。诚然，这样的标志确实看起来很引人注目，但从响应式设计的角度来看，它们失去了其他类型的标志。

您可能还记得响应式标志，这个术语是在大约4年前引入的。这些是可以适应不同屏幕尺寸或其他媒体的标志。为此，设计人员可以删除字标、简化或隐藏标志。今天几乎没有人认为响应式标志是一种独立的现象或趋势。相反，响应性是标志的自然特征，象征主义和极简主义的运动正好证明了这一点。

涂鸦和草图

2022年，草图和涂鸦将作为图形设计趋势回归，因此它们作为单独的标志设计趋势出现。其复兴的关键是人们对设计师个人品牌方法的兴趣增加。显然，没有什么比以独特风格绘制的快速草图、卡通人物和形状更好的了。

因此，要为标志设计中的更多涂鸦以及企业品牌中草率的卡通标志和快速绘制的吉祥物做好准备。以快速和朴实的方式制作的手绘标志也受到欢迎，我们已经看到以这种方式书写品牌名称的项目和团队。

粗体字标标志

如果我们考虑2021年的标志设计趋势，粗体字标志将是最好的例子。于2020年底推出的实验排版项目专注于不常见的几何解决方案。难怪品牌和标志设计师不能忽视这种大规模的图形设计创新——在这里，我们在标志设计方面有了一个全新的方向。

许多跨国公司选择字标标志。例如H&M、可口可乐、Zara、谷歌、Visa等品牌。然而，几乎没有人认真考虑使用实验字体进行品牌重塑。这就是为什么此类文字商标标志主要在独立工作室、小型企业、精品店、沙龙和个人创作者中传播。也许，这些大胆标志的特征是其吸引力的另一个关键。您可以将它们视为那些知道要注意什么的鉴赏家的标志——或者那些想要感受品牌美学的人。

无衬线标志

虽然使用大胆的实验排版并不是每个人的趋势，但无衬线字体是每个人都知道和理解的。自从设计师拒绝花哨的脚本和衬线字体而支持无衬线字体以来，已经有一段时间了。但由于存在普遍趋势，我们可以说它仍然是2021年的标志设计趋势——顺便说一下，这得到了我们上面写的极简主义和基本几何形状的流行的支持。

拒绝花哨字体的动机非常简单——使用无衬线字体要容易得多。使它们适应不同的屏幕和画布尺寸并不复杂，因此它们更适合响应式标志。有趣的是，几年前，我们观察到了一个相反的过程：许多公司从无衬线字体切换到衬线字体，因为复古设计非常流行。今天，随着复古狂热慢慢释放出来，健康的实用主义出现了，无衬线字体再次相关。

花艺和微妙的装饰

我已经不知道设计师和产品创造者用极简主义制作了一系列标志多少年了。与此同时，许多小企业继续选择和使用它们，所以这些标志不会退缩——就好像它们刚刚出现在市场上一样。所以请放心，它们将与您共存数个季节，同时还会定期推出新款式，例如2022年风靡一时的Boho。

也许，这种标志设计趋势是最流行的。优雅的线条看起来令人着迷，因此使用它们的诱惑很大。2019年如此，2022年依旧如此。 事实上，这种微妙的视觉风格并不仅仅集中在花艺上。有很多日常用品：从家具到文具和衣服。重要的是这些标志模板是如何制作的！

黑白标志

随着我们继续从各个方面学习了解极简主义，让我们在这个市场中传递2022年的另一个自信趋势：黑白标志。实际上，将黑白色调视为一种趋势是很奇怪的，因为它是一种经典的解决方案，并且它的存在与时间和风格的变化无关。所以，我们需要让您注意到对此类标志的兴趣是日益增加的，其中最重要的例子是GoDaddy的重新设计之一。他们逐渐简化了他们的标志，现在他们似乎到达了最后阶段——带有带有无衬线字体和保留标志的黑白标志。

黑白标志的最佳之处在于它们令人难以置信的风格灵活性，这使得它们在品牌设计师中流行起来。它们完美地适应了品牌的审美，因此可以将它们用于字体、装饰元素和几何形状的各种实验。极简主义、创造性的排版、花卉、象征主义、原始几何——一切都与黑白标志相得益彰。

3D与平面样式

3D是2021年最有前途的图形设计趋势之一。随着技术的发展，这种图形变得如此庞大，以至于我们永远无法预见。甚至可以在直观的在Spline或 Procreate的最新更新中进行高质量3D对象的制作。图像质量也得到了发展。

然而，在标志设计中，情况颇有争议。设计师将平面样式的 logo 转换为3D，反之亦然，力求使 logo 风格更加生动和简洁——后者对于旧版本的3D和假3D尤为典型。出于同样的原因，他们付出了很多努力来探索类似于3D的方向——等距艺术。它允许在视错觉、鲜艳的色彩、渐变、阴影和形状的帮助下获得大量图像。可能它看起来比3D更适用于标志设计——但时间会证明公司和客户会习惯什么。

最后

显然，2022年和2021年的标志设计趋势没有明确的界限。大多数处于巅峰的趋势已经伴随我们很长一段时间了。

但是，我们可以肯定地说，例如之前非常受欢迎的故障风格，不太可能成为本季标志设计的主角。在过去的几年里已经有很多这样的事情。动画标志也是如此，这是2021年最有希望的标志趋势之一。动画本身继续引起人们的兴趣，这是展示品牌的一种成功技术——但不幸的是，它并没有被证明是可行的。

最后，3D的命运也没有确定，我们还不能说3D或扁平风格的标志设计是否会成为一种趋势。我们已经写过，设计师的立场是模棱两可的，一个方向和另一个方向都有品牌重塑。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

设计原则是设计师为规范和塑造他们的作品而制定的规则。这些原则强调焦点设计元素，遵循它们有助于帮助设计师与广泛受众产生共鸣。

尽管设计原则听起来可能限制了自由，但它们的创建是为了支持设计师的工作，而不是设置障碍。您可以将它们视为建立一般顺序但不干扰作者创造力的拼写规则。因此，设计工作依赖于设计原则，一旦使用得当，就会开始吸引观众的注意力和兴趣。理解这些原则意味着理解并控制整个项目、创建它的过程以及每个涉及的设计元素。

不同的团队和工作室区分不同数量的设计原则。然而，七项原则被认为是基本原则。它们是平衡、层次、统一、对比、强调、比例和重复/节奏。

1. 平衡

平衡可能是最明显和最容易理解的原则。这也是让视觉内容感觉舒适的一个重要功能。这个想法是设计的每个元素——比如字体、颜色、图形、背景、形状、图案、按钮、文本等——都有它们的视觉重量。较重的元素会迅速吸引观众的注意力，而较轻的元素则不会，主要用于完成整个场景的整体性与和谐性。

有两种类型的平衡，对称和不对称。对称平衡是通过沿中心轴对齐的等重元素实现的。不对称平衡与镜像相反。它使用不同权重的元素并且更常见。这样的构图围绕一个或几个突出的部分排列，因此创作者寻求轻元素和重元素之间的平衡以获得视觉图像。

2. 层次结构

层次结构是网页和应用程序设计中最重要的设计原则之一。它用于对设计元素进行优先级排序，并根据其重要性设置重点。这里有一个简单的规则：如果一切都标记为重要，那么一切都不重要。

层次结构引导用户跨界面从焦点对象到二流对象，并有助于按逻辑顺序了解事物。如果忽略了这一设计原则，构图就会显得杂乱无章，而且很难找到必要的信息。

设计中有两种主要类型的层次结构：视觉和排版。可以通过场景内对象的比例和颜色强调获得视觉层次。排版层次结构是通过不同的字体、大小和字体粗细来实现的。

3. 统一

你可能遇到过这样的网站、印刷品，甚至是室内设计概念：大量的元素很难融合在一起，所以整体形象看起来一团糟。为了解决这种图形的混杂，使用统一的原则，应该创造视觉和心理的和谐。

统一意味着与品牌理念和信息的联系，因此每个制作的设计，无论是网站页面、T恤印刷品还是广告，都应该成为其中的一部分。它与设计系统密切相关，是大多数平面设计公司和项目应该考虑的原则。

4. 对比

虽然统一和平衡创造了易于交互的视觉上可接受的设计，但多样性增加了吸引注意力的细节。如果没有多样性，即使是最平衡、最精心组织的概念也会缺乏对比，变得单调乏味。

这个设计原则为项目添加不同的视觉元素、图案、符号或排版。事实上，这是设计师可以尽情发挥创造力并顺应潮流的地方。

5. 强调

强调是通过在构图中设置焦点元素来创建画面的设计原则。这意味着它们会吸引观众的眼球，但不会超过其他元素，否则平衡就会倾斜。这就像一个好的海报设计：你立刻就能看到正在演奏的乐队，并且找到细节：音乐会的日期和地点、门票价格等。

强调可以通过比例、重量、位置、颜色、形状和样式来实现。创建一个大胆的、色彩鲜艳的元素是不够的，因为一切都应该在一个设计中连贯地显示。

6. 比例

比例是指元素相互之间的大小，是最全面的设计原则。调整比例并根据物体的大小和视觉重量对物体进行分组有助于突出重点并保持构图的统一。

设计组合中比例的主要思想是，越重要的元素越大，不重要的元素越小。就像着陆页、文章或海报一样，对象之间的比例关系与其对读者的重要性相关。

7. 重复/节奏

这两个设计原则相辅相成，相互补充。重复是指在设计中实现相同或相似的元素：如图像、按钮、颜色、字体或形状。它用于创建统一性和一致性。通过使用相同的图标、背景或风格化元素，可以轻松实现重复。如果使用得当，它可以控制浏览者在页面上的移动，因为重复元素可以成为吸引和引导注意力的绝佳方式。

元素重复的方式创造了一种节奏感。当设计中有节奏感时，观者将其视为旋律。有五种类型的视觉节奏：随机、规则、交替、流动和渐进。

随机— 没有特定规则间隔的重复元素。

定期— 重复进行相同的间隔。它通常是通过创建一个网格或一系列垂直线来获得的。

交替— 允许在设计中重复多个元素。

流动— 模仿自然流动并显示遵循各种弯曲和曲线的重复元素。

渐进式— 通过在重复时改变元素的一个特征而获得。

最后

定义要使用的设计原则并不总是有意义的，因为它们可能会在创作过程中参与和拒绝，而设计师的主要目标仍然是传达重要信息，创造和谐构图，设计可用的界面。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

设计趋势可以塑造一切，从设计师的创作方式到用户界面设计，再到从网站到包装设计的未来迭代。

让我们深入探讨2022年的一些顶级网页设计趋势。我们将着眼于 2021年末开始出现的趋势，这些趋势是为来年奠定基础的，以及一些即将流行的趋势设计。

有趣、乐观的设计

时尚的形状、颜色，甚至是面孔都可以带来很多乐趣。设计师正在使用网页设计趋势，为从网站的所有内容提供有趣、乐观的设计。这些设计的共同点是它们为世界注入了一点额外的快乐。

充满乐趣和乐观的图像具有面孔、较轻的字体，以及散发出积极情绪的颜色。为了充分利用这一趋势，请考虑更轻的元素，并避免选择较重的字体或颜色。

黑白配色方案

黑白配色方案是今年最鲜明、最美丽的设计趋势。没有颜色，你可以在限制范围内思考和设计。

大胆和实验性的排版

在2022年，没有错误的排版方式。大粗体字体——甚至衬线字体——无处不在。在玩这种网站设计趋势时，请考虑字体将如何响应以及如何最大限度地对访问者产生影响。

三维设计元素

虽然2020年和2021年有很多设计师网站处理完整的3D 设计，但新兴趋势是将3D元素与更扁平的整体美感结合起来。

具有3D风格的元素可能包括阴影、动画或图层效果，以创建深度和维度。

三维设计也延伸到视觉叙事。考虑如何以突出景深和阴影的方式捕捉您的故事或产品。

近乎野兽派

野蛮主义是人们想要加入的网站设计趋势，但对于大多数项目来说，它过于苛刻和尖锐。

这些设计使用了许多相同的鲜明效果。不是单色字体，更容易看到衬线是常态。即使有一些明显的边界和线条，元素之间也有足够的空间。没有太多的装饰或其他视觉效果，只留下颜色和文字来真正承载这些项目。

滚动文本元素

虽然总是希望文本元素可读，但它们也可以是动态的。滚动文本元素——通常使用超大字体、几个词、在一个位置——可以增加对关键词的强调并激发用户的兴趣。

轮廓字体是一种流行的选择，保持可读性的关键是使用简短、常用的单词或短语。

玻璃态

玻璃态的第一个展示于2020年末和2021年初的新态，并演变成现在流行的更完整的玻璃效应。

正是您可能想的那样：设计元素的外观让人联想到玻璃。可能有透明度、冷淡或光泽的元素。

设计师们一直在Dirbbble上以一种主要方式使用这种风格，并找到了网站设计的方法。

更多渐变

渐变是不断出现的设计趋势。2021年，设计中的大部分渐变出现在背景中。

到 2022 年，渐变将采用两种新形式：

1) 用于文本颜色填充（例如上面的示例）以提供最大的影响和强调

2) 作为用其他线条填充插图或图标以创建纹理深度效果

没有图像的主页

无需图像即可设计，您将在 2022 年紧跟潮流。

使用不同类型的用户界面或设计技巧来充分利用没有图像的主页。在此处的示例中，Kirifuda 使用了漂亮的黑白配色方案，在文本元素之间具有叠印效果。超大的排版和手写风格的字体有助于将它们融合在一起。

分屏美学

分屏美学重新奏效。几年前的趋势当时出于可用性和响应的原因而起作用，现在它更像是一种新设计。

这些视觉效果可以包括水平或垂直分割的屏幕，每一切面有不同的功能。

交互式字体

在屏幕上与您一起移动的文本是交互式字体背后的支柱。在大多数情况下，这可以使用悬停状态，尽管您可以尝试一些其他更复杂的效果。

在考虑交互式文本元素时，请考虑可读性和理解力。文本效果只有在其中的文字仍然可读和可理解的情况下才有效。

包容性设计

设计师正在努力打造一个更具包容性的网络，它几乎在所有发布的内容中都有体现。从图像到语言再到替代文本，没有理由不尝试让您的项目更加包容所有人。

包容性延伸到种族、性别中立、文化、可及性和能力。共同的主题是您的网站应该以这样的方式组合在一起，以便任何想要访问内容的人都可以访问内容，并且人们也可以在屏幕上看到他们可以与之相关的其他人。

结论

就网站设计趋势而言，新的一年已经开始以非凡的方式爆发。如何将这些元素合并到现有项目中是作为设计师该考虑的问题。

蓝蓝设计建立了UI设计分享群，每天会分享国内外的一些优秀设计，如果有兴趣的话，可以进入一起成长学习，请扫码ben_lanlan，报下信息，会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作，也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

设计师在业务流程中，若想对整体流程有所把控，推动产品方案的落地实现，则可以借用某种设计思路，达成统筹效果。用例驱动也许是一种不错的设计思路。本篇文章里，作者就对用户驱动设计的流程做了整体梳理，一起来看一下。

一、背景

产业赋能如火如荼，B端产品因其复杂的业务逻辑令人生畏，再加诸多角色的分层、平台化技术架构，俨然在构造一个复杂的系统。

单纯基于角色现状的行为洞察、业务流程的梳理，仍不易完整把控其产品设计。从业务方传递到设计方的信息存在断层，含杂其中的体验设计则显得扑朔迷离，设计师较难“从外向内”摸到产品的核心逻辑，遑论其业务逻辑。面对既定的、不完美的“产品结构”爱莫能助，只能试图在框架层或表现层做缓解，长期下来，将失去对设计逻辑的控制。

复杂的AutoCAD与Inventor工具

我们需要一种能应对该局面的设计思路，有效地连接业务逻辑、产品逻辑，层层渗入对体验的考量，最终构造出既契合B端业务，又具有良好体验的产品服务，设计在此过程中有条不紊的推进和管理。

用例（Use Case）的概念早在1986年就已被提出，它是需求分析的好帮手，可有效地划定范围、锚定用户、区分关系、定义价值，通过不同颗粒度的抽象层次，不断瓦解复杂系统，使设计和管理有序化。

本文基于早已发展成熟的用例驱动设计理念，试图从中找到一条适合体验设计师介入的小径，来应对复杂业务的产品设计（备注：用例、参与者、UML等详细的内容不在阐述范围内，本文仅探索一条可行的方式）。

一、什么是用例

定义：参与者与系统交互的一系列活动的集合。

可以发现，一个用例以一组活动集合来表现，集合中包含两个角色，参与者、系统。参与者是“活的”（不一定是人类），TA的诉求驱动了这一系列活动，此诉求即用例的核心，也是价值的体现。一个参与者可以对系统有多个诉求，详见如下案例：

由用例驱动的体验设计过程，着重关注对“行为”的设计。与系统的互动“行为”被协调的、有组织的设计后，为界面表现设计建立坚实基础，避免因逻辑的变更使界面设计反复推倒重来。试图通过在界面设计的过程中寻找线索和灵感，反向的去设计背后逻辑是本末倒置的，个中原由在于我们更易于把控具象的视觉感知，较难把控抽象的行为。

二、系统用例和业务用例的关系

在划分用例前，有必要澄清系统用例和业务用例的关系。

业务用例是从客户当前的业务逻辑中抽象出的用例，与数字产品无关，即便没有该产品服务，客户的业务体系也可以流转。新的产品服务实际上是对传统业务体系的替换关系，而系统用例就是从该产品服务中抽象出来的，图示业务侧和产品侧的对接关系：

用例驱动设计的案例

总述：

为清晰阐释我们是如何利用“用例”这个概念作为切入口，最终一步步驱动、解构、细化体验设计的，下面将完整展示一个注册登陆试用产品的案例进行讲解，本案例为虚拟案例，方便设计过程的串连。

step1：整理故事与确定用例

故事中包含了用户的行为及其所处情境，将更易于被理解、共情和传递，故事情节的内在联系，上下游的完整性也直指价值的辐射范畴。在开始设计前，我们能从各个渠道收集到相关、相似的诉求，整合这些信息后以“故事”的方式表达出来，非常重要。

本案例的注册登陆试用故事从“企业”、“用户”两个维度进行描述，能确保在用户诉求达成的情况下，也能达成商业诉求，和谐统一的以产品服务提供出去。

1）企业故事

公司统一了Platform账号体系，在保证多设备产品端的一键畅通体验的同时，收集用户行为信息，以提供更精准的售后服务。同时与授权中心合作，通过网上商城定期开展活动，以下放试用天数，获得试用授权。

产品经理与销售部门达成持续的合作，通过试用用户的手机号进行电话回访，提高购买转化率。同时软件的设计应能最大限度的提升客户自发购买行为，需要在何时的时机，合适的位置提供购买入口。

获取用例的方式：

• sys_运营人员→获取用户信息；
• sys_运营人员→开展活动。

2）用户故事

新家装项目开展在即，大量的图纸设计使张经理感到困难。

在受到同行推荐的Platform出图软件后，回到办公室，通过Platform官网找到软件信息，并利用现场wifi网络下载安装；迫不及待地启动软件，虽没有购买，但软件提供了试用入口，张经理提交Platform账号后开始试用软件。

连续使用了两天，后面每次自动登录提高了试用的体验过程，产品一键自动化生成图纸初步解决了张经理的烦恼。

经过和集团沟通后，张经理在界面上找到购买入口，并购买软件正版。

他将软件推荐给朋友刘经理，他是Platform造价产品的老用户，且已购买过Platform加密锁，启动软件后，界面自动显示为正式版， 不用登录试用让张经理艳羡不已。

获取用例的方式：sys_采购经理→试用软件。

step2：快速描摹流程图

用户和企业的“故事”是一种情节式的、场景式的描述，它易于想象、理解和整合。

但为了更清晰地辅助设计，我们需要根据描述，进一步梳理出流程关系，将其具象化。

在绘制流程图时，可不用关注角色的职责关系，旨在快速描摹出所涉及到几个业务点的关系，将企业和客户的诉求点包含进去，并在反复确认过程中思考、推敲，大体设计出其中的基本结构。

过程中，可能需要补足新的故事描绘，或对既有的故事描述进行修正，以达成一个诉求与技术实现的平衡点。

step3：泳道角色化

理清核心业务流程关系后，将进一步绘制其角色泳道图，每个泳道下对应参与的角色。

泳道图仍然是分析过程的一步，它在这里的意义是可清晰地观察到各个模块间的协作互动，是细化过程，各个“对象”的职责不同，他们之间的交互关系存在进一步优化的可能，以保证整体行为的和谐，减低系统冗余。

step4：业务实体的获取

事实上，带有角色的泳道图仅是在很粗的层面描述了业务所参与的对象，是单纯从流程图层面归纳出来的“对象角色”。

在面对详细的功能分析时略显不足，可能缺失实际参与的“对象角色”，如不分析出来，将导致用户与系统的交互“行为”的缺失。

我们需要进一步挖掘其中涉及的各个参与“角色”，完整地描绘出其交互行为过程，才能对该封闭系统做完整的设计。

从哪里可以获取到全部业务实体呢？当然还是故事。业务实体天然地包含在用户或企业故事中，才得以支撑故事的完整发生，这与故事描述的程度有关，我们第一步就需要填充完整的故事。

备注：什么是业务实体——用于达成业务目标的实体与过程中的记录信息。诸如“点餐”用例中的“打印单”就是一个实体，打印单上的手机号是记录信息。外卖员之所以能将外卖送到你的手上是通过打印单，查看上面的手机号和地址才能找到你。

下面是结合“故事”，进一步获取业务实体的案例，把所涉的可见的业务实体标识出来。

1）企业故事

公司统一了Platform账号体系，在保证多设备产品端的一键畅通体验的同时，收集用户行为信息，以提供更精准的售后服务。同时与授权中心合作，通过网上商城定期开展活动，以下放试用天数，获得试用授权。

产品经理与销售部门达成持续的合作，通过试用用户的手机号进行电话回访，提高购买转化率。同时软件的设计应能最大限度的提升客户自发购买行为，需要在何时的时机，合适的位置提供购买入口。

2）用户故事

新家装项目开展在即，大量的图纸设计使张经理感到困难。在受到同行推荐的Platform出图软件后，回到办公室，通过Platform官网找到软件信息，并利用现场wifi网络下载安装。

迫不及待地启动软件，虽没有购买，但软件提供了试用入口，张经理提交Platform账号后开始试用软件。

连续使用了两天，后面每次自动登录提高了试用的体验过程，产品一键自动化生成图纸初步解决了张经理的烦恼。经过和集团沟通后，张经理在界面上找到购买入口，并购买软件正版。

他将软件推荐给朋友刘经理，他是Platform产品的老用户，且已购买过Platform加密锁，启动软件后，界面自动显示为正式版， 不用登录试用让张经理艳羡不已。

step5：时序图的绘制

接下来，我们将进行最重要的一步：基于已明确的核心业务流程和已拆分出的业务实体，构造出一整套完整的系统行为。将使用到UML语言的重要工具——时序图。

时序图能天然地表达多个对象间的复杂行为关系，在产品研发领域应用广泛（时序图的绘制有一整套完整的语法，本文不讲解该部分内容）。

时序图的“对象对话”形式，原生地契合了“交互”这一概念，游戏大师Chris Crawford和设计专家Jon Kolko都对此有所定义：

发生在两个或多个活跃主体之间的循环过程，各方在此过程中交替地倾听、思考和发言，形成某种形式的对话（conversation）

——《Chris Crawford on Interactive Storytelling, 2nd Edition》

所谓交互设计，是指在人与产品、服务或系统之间创建一系列对话（dialogue）

——《houghts on Interaction Design, Second Edition》

时序图重点强调了“行为”的发生与互动，使整体目标达成。一系列有边界的行为活动合集，就组成一个完成的、有意义的“用例”。

让我们再次回到开头的“用例”上来，并将该用例系统化。

用例：

• sys_运营人员→获取用户信息；
• sys_客户人员→试用软件；
• sys_客户人员→授权软件。

除确保能服务于运营人员、客户外的核心逻辑能达成外，为带来更好的使用体验。我们需要从诸多体验维度考虑各个系统行为。

“体验因子”将作为系统行为的一部分目标，使整个交互活动更易于理解和顺畅。可直接借鉴一些通用的体验因子来评估，对于不同形态、业务的产品，体验因子有所偏重，诸如工具类产品对“操作便捷度”、“工具易学性”、“工具帮助引导”有较高要求。

回到注册案例上来，考虑到“易学性”和“帮助引导”两个体验因子，可以对用户“输入手机账号”的行为进行优化设计，提前或实时对手机账号进行校验，避免出错后再提示，徒增挫败感。同时提供“获取验证码”的触发入口，引导用户执行该操作，很大程度上降低系统的理解负担。

在行为设计过程中，存在颗粒度问题，复杂系统涉及到大量互动会话行为，可以有粗细地逐步细化

step6：触点行为的竞品调研

完成系统互动行为的设计后，可以开始正式的界面信息设计。“行为”的表达是极度精炼的，行为本身就是价值取向，并暗合用户的内心想法，由用例行为来驱动界面设计，才能真正做到按需设计。诸如“我感到肚子饿，第一想法是吃饭”、“早上该上班了，第一想法是走路去、打车去或坐地铁”。

在面对“输入手机号码”行为的界面设计时，除了个人创新外，也可调研市面上有哪些优秀的界面承载方式，作为一种“学习输入”，或者激发出新的创新行为。这种由内而外的驱动设计，能使设计过程变得更有序，且避免遗漏。

step7：触点支线、异常、极限情况的排查

最后一步是对支线、异常、极限情况的排查，得益于时序图系统行为的可视化表达，我们可以清晰、有序地排查每一个对话过程中可能出现的异常或错误，诸如“验证码无法到达”、“信息返回错误”等异常，都将被有效地排查出来。

同时，还能从行为对话结构中，洞察到新的设计优化机会点，诸如“提交账号信息”环节，必然需要网络的通畅，故断网环境下需要给出明确的反馈。

如下示例：信息返回错误、异常流程高发地、页面跳转……

时序图会话的先后顺序也将直接影响到界面的表达，图示中“输入手机账号”与“填写验证码”是有先后时间顺序的，如果同时在界面中展示两个输入信息，无疑造成并列的误解（可惜市面上几乎大多数注册环节都如此，大家早已习惯）。

三、找到体验的最大撬动点

总结

所谓用例驱动体验设计，是借用例的概念来定义问题和范围，并使用UML来分析问题，使整个设计过程变得有序、系统、严谨，在应对复杂系统、多链路多角色的业务时较为有效。

用例在整个设计过程中是核心的存在，一旦模糊就会出现偏差，引入无关内容，同时也会失去对用户价值的把控。

用例的获取很不容易，而精准统一的用例更难，涉及到颗粒度、抽象层次、参与者、受众等等内容。

撬动点

以用例为中心的体验设计，从业务逻辑出发，转化为系统逻辑，在构建这个过程时就持续考虑体验因素，是把控体验的有效办法，我们站在结构上思考体验，将彻底地优化系统的体验。

单纯从界面表现和框架呈现上做体验优化，上限明显，只有扎得更深，才能从结构上找到优化的“最大”杠杆点，带来体验提升，并有可能直接对研发程序设计带来指导。

而UML的建模语言是有效的辅助工具，两者的配合使这一切成为可能。

文章来源：人人都是产品经理   作者：酷家乐用户体验设计

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

编辑导语：在过去，我们可能会发现一些私域观念在实践过程中会受到限制。在2022年开年，本文总结了6个“反共识”的经营思路，帮助你打开私域的想象空间，实现更多样化的私域运营，一起来看看。

我发现，过往我们对私域的很多观念都是值得怀疑的，比如：

• 做私域的目的，是让流量得以复用；
• 想要做好私域，关键是要投入足够多的运营人员；
• 社群是私域的最强形态。

如果你真这么想，那你就把私域看窄了。2022年开年，为你提供六个“反共识”的经营思路，帮你打开私域的想象空间。

一、拆掉社群的墙

2021年的双11，名创优品靠“快闪群”拉了一波销量。

名创优品有一个数据中台，他们发现：在大促时，不同用户的需求是不同的，如果在大群里群发促销信息，会打扰到群里绝大多数人。

所以，名创优品想了一个办法：建很多个快闪群，每个快闪群只拉对产品有需求的一小波用户，这样，既不会伤害到大群用户的体验，还能精准地转化用户。

就拿洗脸巾群来说，他们先在数据中台提取数据标签，把曾经购买过洗脸巾的老用户找出来，给他们再拉一个社群，在新社群里发布免单活动信息。

同时，名创优品还会把大群里活跃的KOC拉进小群充当气氛组。精准建群+免单福利+KOC助阵，名创优品只用了3个小时就聚集了一万多名用户。

名创优品的快闪群和其它社群最大的不同是：名创优品的快闪群是在服务即时的活动需求，活动结束后不会继续投入精力运营。

这种做法似乎与很多私域操盘手所说的“流量复用”的观点是相悖的。那是因为很多人拘泥于用社群圈住用户，忽略了私域真正存在的意义是构建关系。

美国户外家居品牌Outer，做私域时就跳出了“圈住用户”这个思维。作为一个成立不久的品牌，Outer 没有钱、也没有足够的人力搭建社群，更不用说搭建技术接口、给用户提供1对1服务了。

因为美国用户有定期查看邮件的习惯，他们把家具装修方案发到用户邮箱，用户被品牌理念和产品格调吸引后会主动点击链接。

把新用户吸引过来之后，如何刺激他们下单并实现裂变呢？

Outer 发现大家买了家具，都是直接摆放在自家后院，于是他们将目光投向了老用户的后院。

他们发起了“邻居体验家”项目，邀请老用户把自家后院变成产品展厅，接待想要体验产品的潜在客户，大家坐在一起聊聊自己是怎么和品牌结缘的、买沙发后和家人经历了什么故事、甚至是鸟屎落在沙发上要怎么打理等等。

▶️ Outer “邻居体验家”展厅页面

疫情期间，Outer 把“邻居体验家”项目搬到了线上。有位体验家的老用户在网上把后院开放给新用户，隔空给对方介绍产品。最后，这位新用户买了产品，还在生活中和老用户成为了很好的朋友。

这些开放自己家后院的老用户，每次接待完潜在客户，都能额外获得20-50美元不等的酬劳。事实上，在美国能够买得起5000美元家具的用户，在意的根本不是几十美元的酬劳，而是有一个恰当的理由，和自己志趣相投的邻居建立友好的关系。

相比把用户圈在一起，拆掉社群的墙、用兴趣活动吸引用户自发聚集，更能留住用户。

二、交付人情，让客户变成生态的一部分

2014年，为了解决客户投诉问题，阿那亚的村长马寅和业主们一起建立了第一个业主群。

为了保证业主体验，他招了一批颜值很能打、服务很周到的客服。如果业主提出问题，5分钟内必须给出回应，当天的事情一定要当天解决。

除了服务响应速度要快，阿那亚还鼓励工作人员和业主交朋友：有位北京的老业主是位糖尿病患者，但因为疫情出入京很困难，老业主的胰岛素运不进来，阿那亚的客服就亲自帮老业主把胰岛素从北京带到北戴河，解决了业主的燃眉之急。

还有位小业主即将毕业，找实习单位时很迷茫，阿那亚的客服会发动身边的家人和朋友，帮小业主联系实习单位。

阿那亚的私域逻辑是：不是交付服务，而是交付人情。

阿那亚还鼓励价值观趋同、兴趣相投的业主们自主建立兴趣社群，面对面交流。

热爱戏剧的业主共同组建了戏剧社，他们聚在一起讨论诗歌，体验戏剧表演的魅力。后来，戏剧社的群友共同创办了阿那亚戏剧节，每年都会迎来几十场戏剧演出。

阿那亚戏剧节艺术总监孟京辉，甚至把新作《伤心咖啡馆之歌》都带到阿那亚做首演。通过戏剧节，阿那亚把将近240位素人推上了北京一线话剧舞台。

▶️ 《伤心咖啡馆之歌》表演画面

现如今，阿那亚业主已经搭建了戏剧、美食、建筑、运动等上百个社群，这些社群衍生出阿那亚电子音乐节、单向街书店文学节等一大批文化活动。

在阿那亚，每年会举办一千多场活动，其中有一半以上都是业主自己对接的。这些文化活动，吸引大批游客从全国各地涌向阿那亚，驱动阿那亚进入商业正循环。

可以说，阿那亚的商业生态是围绕私域社群逐渐搭建起来的。在阿那亚的商业形态中，客户不只是客户，他们是阿那亚生态的一部分，和阿那亚共同享受商业红利。

私域不是榨取客户价值，而是释放客户的价值。

三、私域不是比拼技术和运营，而是内容

我们将意咨询是和赞意合资成立的公司，赞意旗下有个子公司叫赞意增长。前几天，我和赞意增长CEO曾波聊天。他告诉我，现在玩私域已经不是比拼技术和运营的时代了，拼的都是内容。

过去，说到私域裂变拉新，我们立马就能想起来红包。企业设置一个红包金额，你得邀请十几个好友注册账号，才能得到这个小红包。门槛又高，又伤害自己的朋友圈。

去年，赞意增长给安慕希做用户拉新，用的就不是这个套路。

安慕希有一款叫“蓝胖纸”的酸奶，赞意增长把酸奶的三种颜色跟红绿灯结合起来，和一位做过交警的B站UP主谭乔合作，设计了一款“谭sir同款”摘果小游戏。这个游戏跟我们小时候玩的打地鼠很像，只要你的速度超过系统，就有可能获得新产品的优惠券。

有了这个游戏，很多谭sir的粉丝心甘情愿被导流到私域上来，成为品牌的新用户，每个人都自发地玩了将近3次游戏。

当时客户还在跟跑男合作，所以赞意增长围绕跑男，开发了一款裂变小游戏。

在游戏里，用户要和跑男团进行拔河PK，如果对方有2个人，你想要赢过他们，就要邀请超过2位好友参与进来。

用内容链接用户，没有红包和奖励，用户也能自动加入你。

如果一个普通企业想获得目标用户画像，你猜他们会怎么做？

以前，很多企业会邀请一批用户，填写企业的问卷，填完之后，企业可能会给你送几件自家产品，或者包一个红包。后来，大家从数据银行，抓取用户的消费行为，通过数据库描绘用户画像。

其实，这道题还有一个解法：靠内容获取兴趣标签。

赞意增长发现大家都很喜欢《跑男》里撕标签游戏，所以设计了一款贴标签小游戏。用户邀请好友进入游戏，可以互相贴标签，如果你认为自己的朋友是个吃货，那就给他贴一个“吃货”标签，如果他很内卷，那就给他贴个“斜杠青年”标签。

这些兴趣标签数据，最终都会进入客户的数据库，辅助他们完成用户画像。在后续的私域运营中，他们可以依据用户的兴趣标签，策划内容活动。

比如在有吃货标签的用户群中，策划和试吃有关的内容；在斜杠青年多的社群中，发送补充精神能量的小贴士等等。

相比于用问卷和用大数据捕捉用户标签，用内容创意辅助完成用户画像，成本更低效率更高。

接下来，将意和赞意增长会尝试把「故事链」方法论跟私域结合起来，寻找更多用故事化内容经营私域的方法。

四、关键不是怎么“去运营”，而是怎么“去运营化”

做私域总归绕不过社群，但我发现，很多人被社群话术模板洗脑了：用户入群有欢迎语、每天下午会有下午茶问候、促销节点还有特定的提醒话术。

建立了话术模板之后，一大波企业的运营群是这样的：

某个食品品牌，甚至制定了严密的运营计划：周一、三、五KOC种草、周二通过科普知识输出价值、周四推出限时秒杀活动、周五提出话题，和群内成员一起互动。

模板化运营下，每个文字都是编辑仔细雕琢之后发出来的，很少出错。不同的小编运营这个群，用户都不会觉得有太大差异。

模板化运营最大的弊病是人情味丢失，大家看消息就像看资讯，很难对品牌产生真感情。

相比之下，日食记的对话方式套路感就少了许多：

日食记跟用户对话的语气很真实，即使知道对方是官方运营，那也是有人情味的运营。

前几年，我认识了W公司的创始人李三水老师，他把我拉进他们公司的社群——“野狗舱”，这个社群都是W公司的“伙伴”，大家每天都在一起讨论最近有什么好听的音乐、自己喜欢的画作、哪部广告片又出圈了。更夸张的是，有位粉丝活跃得像水军一样，经常给群里的小伙伴们讲《易经》。

有意思的是：这个社群基本上没人专门运营它，完全是用户自发地聊天。一家广告公司，正常做的是2B生意，凭什么能聚集一个2C的社群呢？

我觉得得益于W公司的价值观。比如“不做创意人，只做创造者”、比如他们口中的“野狗精神”，这些锐利的价值观，很是吸引年青一代，让他们彼此产生认同。

私域运营的关键不是怎么“去运营”，而是怎么“去运营化”。

“去运营化”最基本的操作是：摆脱模板套话，交流语态重新回归人与人的交流状态。

另外一个和“野狗舱”氛围很相像的，是公众号毒眸的社群。他们的主理人眸爷也是常年在群里潜水，但不管群主在不在，群里的粉丝每天都很活跃。

跟“野狗舱”不同的是，毒眸社群的粉丝讨论的内容会比较聚焦一些，都是最近哪部电影又火了、哪部电影制作班底不行。这个元旦假期，大家都在群里讨论“《穿过寒冬拥抱你》可以去看吗？”、“要不要看《爱情神话》”等等话题。

毒眸是一个专注电影或电视剧分析的公众号，粉丝都是因为对娱乐内容拥有强烈的兴趣，才聚集到社群里的。而W公司的社群，粉丝们是因为受到W公司价值观的影响，自愿聚集的。

“去运营化”不是撒手不管，而是设置合理的价值导向，能够感召用户、自发地交流。

五、私域流量变“私域经济”

前几年，日食记上线了一档美食节目《深夜一碗面》，这档节目其实是为了推广他们的自营产品手延素面，做了几期之后，他们发现用户很少关注面，都在问“在哪里可以买到这种葱油酱？”。

日食记的团队想，既然用户需求这么高，不如自己生产产品满足他们。于是，他们跑流水线、跑供应链，花了半年时间研发出葱油酱，产品一上线就火了。

这款葱油酱，正式帮日食记打开做私域的格局：将私域流量做成私域经济。

跟传统生意模式不同，日食记的私域生意是C2B模式，即用户驱动生产。

他们研发产品不是拍拍脑袋决定的，而是从内容中洞察消费者需求，拿着需求联系供应链，以客户需求为引擎，倒逼工厂“柔性化生产”。

去年11月，名创优品的草莓熊玩偶成为爆品，采用的也是日食记同款模式。

名创优品在做新品策划时，先在私域调研过消费者需求，根据需求安排买手做样品。然后将样品拿给微信群里的用户投票，用户投票投出来的产品，才会在小程序进行新品预售。预售结束，名创优品才会拿着订单，找工厂大批量做产品。

产品正式上线后，他们还会在社群和直播间进行产品试卖，根据用户实时反馈，再次进行产品升级。比如用户希望有更大的、能够搂在怀里的草莓熊，他们就根据需求，开发出PLUS版本。

私域流量变“私域经济”，不是卖更多的货品给用户，而是和用户共创产品、共创品牌。

六、私域的终极形态：从社群到社区

2005年，乐高发起「乐高大使」计划，从全球30多个成人玩家团体中挑选出20名大使，每个大使背后都有大大小小不同的社群，乐高只需要对这些社群进行官方认证，形成专属RLUG(Recognized LEGO User Group)，就能激发玩家对品牌疯狂的爱护。

围绕认证社群，乐高推出了乐高大使平台LAN（Lego Ambassador Network），玩家在这个平台上能够看到所有认证社群的简介，大家可以在这个平台上畅所欲言，和品牌方交流对产品的看法。

乐高通过链接超能力「玩家」，建立起一个庞大的社区生态。

2014年，乐高搭建专属线上社区——LEGO Ideas，在这个平台上，大家DIY自己对乐高未来的想象，进行创意提案。如果有讨论热烈的创意，乐高就会把它们研发成产品，并推向市场。像NASA的土星5号火箭套装、美剧《老友记》的Central Perk玩具套装都是用户提议创造的产品。

2020年，乐高还和内容制作平台Tongal合作，建立LEGO World Builder（乐高世界建筑师）平台，鼓励创作者们和乐高相互合作，一起孵化新创意。任何18岁以上的人，都可以加入社区，创作自己的故事，也可以与其它作家、动画师一起进行内容创作。

表面上，乐高耗费巨大物力财力，为玩家们搭建了很多个交流空间。实际上，社区是个无限游戏平台，也是乐高的创意银行，只要社区存在，乐高就能一直获得收益。

这就是私域的终极形态：从社群到社区。

得到搭建了自己的知识社区，而不是知识社群，你猜为什么？

假如吴伯凡老师在得到授课，但他不是看完你的留言后跟你交流，而是在社群里和你即时交流。上完《认知方法论》，他就在群里@你，让你回答一下“认知的「微创伤」是什么？”

你会不会突然有一种被老师提问的紧张感？我猜你应该会紧张的。

这就是社区和社群最大的区别：

社群是一个相对狭小和封闭的空间，为即时交流而存在，人们在社群中社交压力更大；社区是个相对自由的平台，用户在社区可以自由选择是否要聚集，社交压力相对小一些。

社群为交换信息存在，和商业目的是对立的。社区是一个包容性平台，用户接受生意信息更容易。

社区的自由度和包容性，让它成为容纳生意信息的最优选择。

回顾一下，我们共同消化了六个“反共识”的私域经营思路：

1. 拆掉社群的墙；
2. 交付人情，让客户变成生态的一部分；
3. 私域不是比拼技术和运营，而是内容；
4. 关键不是怎么“去运营”，而是怎么“去运营化”；
5. 私域流量变“私域经济”；
6. 私域的终极形态：从社群到社区。

七、结语

企业运营私域的方式不断在进化，但大家做私域的焦点一直模糊的，放不下对场域的执念、摆脱不了对工具的依赖，却唯独忽略了一点：对用户关系的打磨，才是私域的底层逻辑。

在终端APP中，动画非常常见，它可以辅助视觉制造焦点，同时也可以让用户交互更加顺滑，但动画的实现却是设计师和研发群体的一个痛点。如何辅助设计师设计高性能炫酷的动画、如何将设计师设计的动画准确无误的还原到终端APP上是业界不断探索和解决的问题。

图1 传统动画实现流程图

当前最好的动画设计软件是Adobe After Effects（简称AE），从AE动画制作到终端APP呈现，传统的实现方式如图1所示，有三大痛点：实现成本高、沟通成本高和性能难以保证。

近几年，业界诞生了像Lottie、SVGA这样的动画工作流解决方案，虽然在一定程度上提升了生产效率，但存在AE支持能力有限、动画性能难以保证、配套工具支持有限的问题。

1 ：PAG解决的问题

——————————

PAG（Portable Animated Graphics）是腾讯PCG发布器中台自主研发的一套完整的动画工作流解决方案，助力于将AE动画方便快捷的应用于各平台终端。PAG的流程图如图2所示，设计师在AE上设计出动画后，可以通过导出插件导出pag文件，同时PAG提供了桌面端预览工具，支持实时预览效果，在确认效果后，通过运行配置上线，各平台终端可以通过PAG SDK加载渲染pag动画。

图2 PAG动画工作流流程图

与Lottie、SVGA相比，PAG增加支持了服务端。除此之外，如图3所示，PAG动画方案在导出动画文件大小、AE特性支持和可编辑性方面具有较大的优势。

图3 PAG和Lottie对比图

2: PAG支持的AE特性能力

——————————

2.1 矢量特性能力的支持

和Lottie、SVGA实现不同的是，PAG不依赖平台端渲染接口，可以实现各平台的渲染一致性。PAG与Lottie、SVGA的矢量能力支持如附表1《AE特性能力支持》所示。

2.2 BMP预合成--全AE特性支持

无论是PAG还是Lottie、SVGA，所支持的AE特性仅仅是AE众多特性中的很少的一部分，这在一定程度上限制了设计师的创造力。针对这个问题，PAG新增了BMP预合成的导出方式，支持导出所有AE特性，适用于不可编辑的场景。其原理如图4所示，在合成的层面将渲染结果截取成图片，然后进行视频编码。

图 4 BMP预合成原理图

针对视频不支持透明通道而动画需要包含透明通道的问题，在编码的层面扩展了透明通道的支持，如图5所示。

图6 PAG矢量和BMP预合成混合导出

3: PAG导出插件

——————————

3.1 不支持AE特性提示

针对导出动画和AE设计动画存在偏差的问题，PAG导出插件增加了使用了不支持AE特性提醒功能，如下图7所示。

图7 PAG导出面板

在预览界面，同样有不支持特性的提示，如图8所示。

图8 PAG导出面板预览窗口

在使用AE设计动画的过程中，设计师可以方便快捷的提前查看使用了那些不支持直接导出的AE特性，换种实现方式或者导出成BMP预合成，有效的解决了设计动画和导出动画存在偏差的问题。

3.2 BMP预合成一键设置

在AE动画设计的过程中，PAG导出面板提供了一键设置BMP预合成的方法，如下图9所示。需要提示的是，一旦设置了BMP预合成，该合成中的文本和图片将不能再被用户编辑。

图9 BMP 预合成设置

由于BMP预合成可能会影响到可替换图片的数量，PAG同时会实时更新可替换图片的数量给设计以提示。

3.3 图片填充模式设置

在用pag设置的素材中，经常会遇到用户填充的图片与默认占位图尺寸不一致的情况，在导出面板中PAG增加图片填充的四个规则，如图10所示：

图10 可替换图片填充设置

其中：

不缩放：画面不缩放，从左上角位置开始裁剪

黑边：在保持高宽比的情况下缩放到设备的可用屏幕大小，图像不发生变形，如果图片尺寸和填充区域比例不一致，会出现黑边，为默认填充模式

拉伸：不保持宽高比填充，会发生失变形

裁剪：在保持高宽比的情况下缩放到完全填满可用的屏幕大小

具体效果如图11所示。

图11 图片填充效果图

4桌面预览工具PAGViewer

——————————

4.1 效果预览

PAGViewer支持桌面端预览PAG文件动画效果，如下图所示。支持查看动画文件中包含有多少个可编辑文本和可编辑图片，且支持设计师本地填充素材，实时预览填充效果，无需等待上线后才能确认真实效果。图片占位图支持填充图片或视频，如果PAG文件内置了音频文件，支持播放音频效果。具体效果如图12所示。

图12 PAG效果预览

4.2 性能检测

在pag动画实际使用的过程中，PAG经常遇到的问题是设计师辛辛苦苦设计的动画在终端上性能表现不佳，需要进行返工优化，同样的问题在使用Lottie方案时候也会存在。

除了效果预览，PAGViewer还增加了性能展示面板，可以很方便的看到pag动画的基本信息，如时长、帧率、尺寸、bmp预合成的数量，图层总数等，还有量化的性能指标，定量的评估pag文件的性能，如图13所示，方便设计师进行针对性的优化，而不需要等到上线前才会暴露性能问题。具体效果如图13所示。

图13 PAG性能展示面板

5: PAG的应用场景

目前PAG方案已经广泛应用于腾讯公司内外几十款产品中，涵盖了众多的国民级应用。

总结下来，PAG目前主要使用在以下几大场景：

5.1 UI动画

图15 UI动画场景

设计师设计出动画文件后，研发只需要替换预设的文本内容即可，并且文件体积非常小。

5.2 贴纸动画

图16 贴纸动画场景

5.3 照片/视频模板

图17 照片/视频模板场景

PAG支持将内置的图片作为占位图替换，并保留所有动画效果。因此可以将整个PAG动画设计成一个模板，把预设的占位图替换成用户选取的照片，自动套用效果生成视频。全程可以让设计师自由批量生产模板，无需研发介入。

仍然基于图片替换原理，PAG也支持将占位图替换为视频，实现视频模板功能。

5.4 智能剪辑

图18 智能剪辑场景

智能剪辑是围绕用户上传的视频内容，生成定制化的模板，模板本身是不固定的，可以从多个PAG文件组合而成，类似活字印刷。设计师可以利用这个特性，构建自己的特效组件库，然后对接AI的识别能力，根据一定规则组合得到无限数量的模板效果，可以做到一键出片。这块目前的典型应用场景是王者荣耀的周战报功能，随机生成游戏高光时刻视频。

文章来源：站酷   作者：腾讯ISUX

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

文章来源：站酷   作者：船长的成长日记 


分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

文章来源：站酷   作者：阿三Ason 

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

文章来源：公众号   作者：功夫UX

分享此文一切功德，皆悉回向给文章原作者及众读者.

免责声明：蓝蓝设计尊重原作者，文章的版权归原作者。如涉及版权问题，请及时与我们取得联系，我们立即更正或删除。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

如果你已经开始工作了，那么对于设计改版你应该不陌生。改版目的是为了优化产品体验，增加品牌粘性，提升数据转化。