G类项目-B端视觉设计工程化

从大屏转到B端，收货颇丰，对最近的工作进行一下复盘总结，希望疫情赶紧结束，愿世界和平。

随着科技发展，互联网市场发展越来越成熟，设计在其中的角色也在逐渐的发生着变化，无论是B端产品还是C端产品，设计中永远离不开的是用户和业务，做B端产品的企业，特点是

不会局限于一款产品的开发，往往公司会有系列产品，除去对强大的研发团队和产品团队的需由于系列产品的发生，对设计的要求也从创新性趋向于一致性。衍生出了新的设计要

求，即我们现在耳熟能详的设计标准化，其目的是为了提升产品一致性，形成品牌效应，同时是为了提升团队之间的协作能力，提高协作效率，降本增效。设计师不仅要在创意上纵向

下钻，也要以工程化的思维横向拉通，实现高效的设计执行和管理，我想，这是设计进步的体现.今天我们主要聊聊G类项目中B端产品的视觉设计工程化。

我为G类项目B端产品做如下定义：为政府组织提供商业价值的产品或服务。

2005年麻省理工的克雷布斯创造力循环中曾提到设计与科学在圆环上互相对立，且不是互为输入与输出的关系，跟工程与设计、科学与工程之间的关系不同。我相信，通过创造一种「视角」以及实现设计与科学之间的融合，我们能够从根本上促进两者的发展。设计工程化是艺术向科学跨进的结果，

科学的作用是解释和预测我们周围的世界，它将信息“转换”为知识；工程的作用是将科学知识应用于实践问题的解决方案的开发，它将知识“转化”为效用；设计的作用是产生解决方案的体现，以最大程度地发挥功能并增加人类的经验，它将效用“转换”为行为；艺术的作用是质疑人类行为，建立我们对周围世界的认识，它将行为转变为新的信息感知，重新呈现在KCC中科学开始时的数据。

针对于政府数字化转型的大背景下，我们可以看到市面上层出不穷的数字产品，而对于这些产品除了需要实事求是的解决业务痛点以外，还需要严格注意其对于产品调性的定义，其在业务诉求下文化属性的传播，科学所产生的知识为工程师所用。工程师提出的实用程序又为设计师所用。设计师对行为加以改变，进而为艺术家所感知。艺术产生对世界的新看法，使人们获得关于世界以及世界内部运作的新信息，并激发新的科学探索，这是智能化产品的生命路径，而艺术既是终点又是开端，是连接用户与科技的枢纽，同时也是在业务诉求下企业文化属性的传播媒介，面对多业务，多用户，多生产者的复杂背景，一个巨型产品，需要在统一的原则和规则下进行工程式规范化生产。需要注意的是，工程化的生产不仅仅局限于视觉设计师，其规范范围包涵了开发，产品，ue，ui多个职业属性，而这其中规范化要做的是保证输出物的下线，避免产品界面的野蛮生长，G类项目在艺术表达上，需要做到严谨，创新，一致，包容。

一个设计的艺术表达是由多层结构组成的，从抽象到具象分为五个阶段，战略，内容，结构，框架，表现。一个严谨的设计应该是从深层的战略到浅层视觉，并且每次在考虑深层的策略时应该避免浅层的干扰。这是因为浅层只是策略的表现的方式，而深层策略才是决定产品核心价值的关键。决定策略时应该直接依据“问题的本质”来决定要设立什么样的产品目标。只有策略定了，才能确定这个产品的内容与受众群体。假如目标是帮助助理法官筛选案件，那么用户定位是在30岁以内的年轻人，可以在用色上年轻化一些，假如目标是数据监测宏观审查页面，那么内容可能是提供给40岁以上领导层来看的，需要注意到适老性设计，避免字体过小，颜色过艳的情况，而这一系列的策略均来自于战略层的产品目标和用户需求，设计师在动工之前，需要对产品进行详细的了解和分析，以及客户和用户的喜好分析，最后，框架和视觉阶段则更多只是一种表现手法的选择。无论最终选择如何设计，只要保证框架和视觉元素在整个产品中保持一致并且符合产品定位即可。

从策略到视觉的过程也就是模型中从左到右的过程。每个设计师的目标都应该是以具象的产品实现相对抽象的策略。而要想让视觉和策略紧密联系，就应该尽可能在每一步的过度时都考虑到前后步骤的衔接是否逻辑通顺，避免层与层之间脱节的现象发生。尽管在现实中，层与层之间的分隔往往没有这么清楚，但是这种分层的设计逻辑可以作为一个有用的构思框架，让设计师在发散思维的时候不偏离目标。同时，我们在艺术表达的过程中，需要传达产品理念，也要营造产品氛围，从而塑造出产品的独特风格，这样才能使我们的产品可以很好的传达企业的品牌文化。下面我们对TO G 的业务做一下具体的分析调研。

在一个技术支撑部门，会接到来自不同项目和产品的需求，面对于复杂的需求来源，有一点可以确定的是我们的业务方属性是一致的，所以，针对于特定的用户，我们会以工程化的方式来处理多方复杂的设计需求，我们部门处于初创期到成长期过度的阶段，有十几款B端产品，由于之前没有做系统的管理，界面并没有统一，从而造成了风格迥异的各种产品界面，在这个阶段，我们需要快速的输出全局设计规范，以保证后续的产品界面从风格上能够保持一致，同时也要求设计师在工作中需要沉淀出一套适合公司业务需求的设计规范，形成属于自己产品集群的品牌文化。以下是我们的全局设计规范。

在全局规范的指引下，我们可以保证后续界面设计的产出物从视觉上保持一致，避免出现界面混乱不一致，参差不齐的现象，但是仅仅有界面的规范还是不够的，要保证产品的品质感和一致性，还需要从交互层面，对其进行限制，这样可以高效的协同多方面的产品经理，研发人员的协作效率。我们需要横向拉通，前端，ui，ue，产品经理多方的资源，保证最终输出的成果物的质量。最终，我们输出了全局规范、ui界面规范、交互规范、界面模板、还有产品经理可以直接使用的元件库。

全局规范我挑了主要的内容放的，具体的落地方案后面再补充，未完待续~~~~~