发布时间：2020-3-14 分类： 电商动态
产品通常从开始到成熟经历多次迭代。在这个过程中，对于视觉设计师来说，如何在不断变化的产品中保持设计的延续，同时能够取得突破，应该是大多数人面临或正面临的问题。
本文将详细阐述产品在产品的多个版本中的视觉连续性的反映。以微供应市场的多个修订为例，讨论如何在产品迭代中实现可视化继承和升级。
1.为什么必须在迭代中继承视觉性能？
从用户的角度来看，如果每个版本的业务/产品的设计性能完全不同，那么用户必须不断了解新版本。同时，不利于用户对该业务/产品的品牌心态。必须深入思考成熟的设计性能，并且在表示层后面，它可以提取可以继承的设计的“方式”。
例如，iOS6到iOS7，从细微到平面，颠覆性能层变化。但仍然存在遗传的精华，例如标志性的圆形图标和流畅的互动体验。
第二，如何在迭代中实现可视化继承和升级？
1.“展望未来” - 分析您接手的业务/产品的当前设计状态
在两种情况下，普通设计师负责业务/产品：
您是此业务的第一个设计人员，该业务目前没有任何设计输出。
这项业务以前一直是设计师，并且已经开展了一些设计成果。
如果您是第一个，恭喜您将跳过第一个链接。在下一个案例中，本文作者面临第二种情况：当业务被接管时，设计师之前已经设计了一个版本。此时，有必要理解先前设计的概念，并分析预设计是否可以或可以应用于后续设计。
了解预订设计理念对于帮助避免设计中的一些问题至关重要：
仔细考虑新设计之间是否存在巨大差异，并避免由主要破坏性设计输出对用户造成的认知差异;
如果您想升级预设计，您将面临其他来源的问题。
案例：微营销导购主页
微供应市场介绍：微供应市场是1688年下的一站式社会分销供应服务市场，为社会电子商务（微商）集团提供独家供应，服务和订单管理。
在接管微供应市场时，当前页面的设计概念是从前设计师那里学到的：如下所示。分析当前视觉性能的设计概念点并确定问题。通过第二步的“向内看”，判断这个想法是否正确以及它是否是遗传的。
2.“向内看” - 深入了解业务的本质，从内在差异中思考表示层的设计
如果业务/产品的可视性能是迭代迭代的多个版本，则每次都存在颠覆性更改，而没有任何继承。几乎可以肯定的是，在设计开始时，它必须直接从表示层开始，而不是理解设计为何如此深刻的根本原因。
如何从商业本质中理解设计延续的“延续”？
根据将开始设计的业务/产品问自己三个问题：
业务/产品和其他内容功能有什么区别？
业务/产品的核心用户有哪些特征？
将服务/产品和用户串联起来的场景是什么？
案例1：
您可以通过错过以下图表来帮助自己。从左到右，遍历每一行，您必须回答业务表达的三个问题。以微观修改视觉设计之前的思路为例，今年阿里整个业务线中提到的高频词“人，货，场”，所以我用“三个问题的内容替换了”人，商品，领域“回答。”
业务/产品和其他内容功能有什么区别？ —— “大市场的独特和私人来源之间的差异”
业务/产品的核心用户有哪些特征？ —— “社会分销买家（微信）”
将服务/产品和用户串联起来的场景是什么？ —— “基于社会关系的交易场景”
根据答案，头脑风暴关键词用于描述“人民院子”的特征。将最核心的单词解压缩为设计关键字，并保留描述这些关键字的扩展单词。
对于用户而言，我们应该进一步深入思考，从多个维度细化用户的肖像，并得出设计原则的色调。
案例2：
从核心用户的“人群特征，业务特征，工作环境”建立三维用户肖像。获得了柔软，克制和统一的三个视觉原则：
软：女性母亲是主要的群体，大多是个人兼职工作，做熟人生意，追求差异化的品质。所以要避免市场的噪音。
克制：社会熟人的生意必须受到限制，如果它是持久的。
统一：用户支离破碎的移动终端购买体验，避免复杂的视觉和交互性能，尝试统一和降低成本。
最后，在深入挖掘业务问题和用户的基础上，获得了以下设计“道路”。
在了解了将要开始的业务/产品设计的“道”后，回顾之前的设计。首先，设计理念的“质量”和“贴心的温暖”符合良好的供应和柔软的概念。其次，可以在新设计中使用先前的表示层，例如白色排版，线性图标，以继续反映设计概念。
继承和升级的第一次迭代：
继承和升级：
色彩：根据“社会关系”设计的核心，我们可以在社会扩张中促进人的情感，沟通的亲近和活力。结合1688年衍生的商业属性，原始的红色增加了橙色，给人一种温暖和亲密的感觉，并中和了一种新的微供应颜色。根据“柔软，约束”的原则，在界面性能上，主色区受到控制，仅适用于关键操作提示和特殊内容强调。
如果你一开始没想到上面的内部，并且直接从外观开始，结果可能是之前丢弃暖色，并使用微信的绿色作为主色。然而，经过深入思考，我们会发现虽然我们的用户是“微商”，但真正的定义是社交电子商务，而微信只是目前大量的渠道之一。如果微信的颜色改变一天，或者不再是微商的主要渠道，那么我们的产品颜色是否应该调整？
图标：已保留图形行业图标并已创建新图形。每个角落都绘有圆角，使每个图标看起来更圆润，更逼真，更贴心。
设计布局：在界面中，每个板之间增加了空白区域，灰色中性色块和高质量大图片用于突出市场上优质商品的质量。每个活动主题，通过严格控制操作质量，使用大色块和相同颜色系统的图片，活跃的界面氛围。同时，在选择颜色匹配时遵循“软”原则。
核心图形元素提取：提取下游销售流程中的关键场景，并执行图形提取和反汇编。通过图形升级，感官识别信息用于传达具有立体纹理的商业/产品的第一手感觉。
一些图形应用程序：
3.“向外看” - 保持对设计趋势的热情，反思业务状况和升级
每个视觉设计师都有自然的设计趋势，他总是希望在新版本中使用时尚潮流。但并非所有流行的设计趋势都可以“采用”。应结合当前业务变化和辩证法需求来看待趋势趋势。这是一个向内和向外看的周期性过程，不断在行业趋势和业务需求之间找到平衡点。这也是测试设计师美学分析能力的时候。在表达对设计的热情的同时，我清楚地知道可以做什么和不能做什么。
案例：微供应市场的第二个迭代版本
根据设计趋势的收集和分析：无框架，较大的标题字体，较弱的块间距，以及真实照片材料的应用都是当前界面设计中的流行应用趋势。结合当前的业务发展：
用户组的变化：逐渐增长，有更多的子代理从单人操作开始;
业务模式的变化：从一代到分销的升级;
买方运营模式的变化：买方的水平是分开的，重点是买方在腰部以上的运作。
业务和用户正变得越来越成熟，因此在产品界面的可视层性能：减去过度修改的组件之前，删除以前的卡通图标，以及一些以前浮动的图形元素，更多地限制在界面骨血液中。将整体视觉表达升级为更成熟的音调。
UI界面趋势集：无框架，较大的标题字体，较弱的块间距，真实的照片素材。
结合业务变更升级的可视部分：
升级颜色定义：
业务对买方进行分类并给出相应的权利，通过可视化将价值感知传递给用户：
总结
最后，总结上述产品迭代中的继承和升级经验，如下所示。
成熟的视觉演变过程实际上是设计师在专业功能维度上的突破，从表面视觉思维到逻辑分析思维。视觉进化的整个过程是设计师受到设计，自我反思和对现有设计结果的持续审查的内在热情的启发，并且仍然可以在设计的每个阶段的结果可以的前提下进行。经受住审查。产品的全新视觉外观。
