协同创造：打造跨企业级图片设计平台

一、产品背景

在一家具备较多分公司或者业务组织的大型企业组织中，在对外宣发的图片资源方面遇到了两个问题：

• 各个组织对外宣传的图片，如何把控整体审美和保持输出设计的规范和统一；
• 一些分公司中并没有专业的设计师，但是也有需要图片的需求，我们如何让各组织掌握一定的设计自主权，同时，可以能够根据具体场景在业务需要时快速产出，让没有设计基础的普通人也能够随时输出优美的作品，能够及时、快速的支持一线业务的营销和推广。

基于以上两点问题，我们做了一套跨企业协作，中心化的设计平台，这套设计平台在集团已经成功投入应用，产出了大量的图片作品，降本增效效果明显，为行业和上下游的供应商、客户赋能。

二、整体方案

系统定位：在设计之初，我们经过广泛的调研之后，明确把这套设计平台定位为总线上设计平台，承载整个组织的线上宣发能力和设计资源管理能力，设计资源全部由线下转为线上管理，未来需要支持包括但不限于设计图片、H5页面、短视频的设计能力和输出模版的能力，把集团宣发资源这块的能力整合到一起，统一管理，所以这套平台需要具备良好的扩展性。

总体流程是：由总公司设计师在设计师平台设计规范化的模版，通过权限和“锁定”控制可改区域，再把模版分配给对应的组织，子组织在平台查看自己所属业务的精选模版，进行个性化修改再对外发布使用。

工作流程图-1

面向人群：产品面向的主要角色有：

• 管理层：总公司的管理人员，需要把控设计平台的全部功能权限和数据管理权限；
• 设计师：把历史的作品和素材上传到平台统一管理，负责为各组织设计产出规范的模版；
• 资源管理员：负责上传和管理素材，为各个组织分配素材的可用权限，包括字体、图片素材等；
• 分公司管理层：负责管理对应的分组织内的员工、图片等设计工作；
• 分公司业务人员：根据业务需求，负责产出图片，下载对外宣发。

三、细化方案

3.1 产品架构图

产品架构图-2

产品架构上以主数据为基础，在此基础上设计了独立的模版库、图片编辑器和管理后台，主数据由用户数据、组织数据、权限管理、数字字典、资源库等组成，接入公司统一的主数据管理平台，图片编辑器和管理后台将会是本次设计的重点。

3.2 编辑器设计在开始编辑器的正式设计前，我们继续下沉去调研了当下和未来的业务发展计划，我们需要支持的几个重点场景：

1.需要设计的图片尺寸。业务中需要设计最长20000px的图片输出，编辑器的画布需要对应支持这个高度和对应的操作交互（画布坐标尺寸、展示比例、最佳尺寸、移动画布、上下滑动等）；

2.需要设计的图片种类。业务中需要设计单图、多图的设计，多图分模块设计合成长图，图片分模块下载、图片整张下载，对应平台需要单画布、多画布、长图合成等功能；

3.图片的锁定功能：设计师在设计模版时锁定画布内的组件，可选锁定位置和锁定内容，已经锁定的属性不可修改，分公司拿到模版后，只能修改未锁定的内容；

4.考虑平台总设计师设计模版的效率。平台必须给总设计师提供有力的设计支持能力，让设计师可以快速的产出模版，包括但不限于素材批量导入、已设计的模块复用、PSD文件导入解析、参考线、自动对齐、丰富的组件库等能力；

5.考虑分公司的业务人员的易用性。平台的操作必须简洁明了，符合大众普通人的认知和习惯，傻瓜式的简便操作，让人人都可以修改设计出优秀的图片作品。

产品图-3

编辑器的设计界面主要由三大模块组成：

• 组件区域：为设计师专门设计了搭建、模块，在搭建页面可以通过组件库在线设计图片作品，支持了基础组件、图表组件、形状组件等丰富的组件库，在画布支持批量选中多个组件生成模块，模块可以在多次设计中进行复用；
• 画布区域：支持单画布、多画布，画布均采用自由布局+图层设计，还提供了画布移动、批量选中、参考线、自动对齐等本次业务必须的能力，来提供设计师的设计效率；
• 配置区域：配置区域是对画布中使用的组件的参数进行配置的修改，方便设计师灵活定义组件的使用。

3.3 管理后台设计后台为设计师平台提供管理服务，包括主数据、业务资源、作品管理等：

产品图-4

四、产品总结

在做这款图片编辑平台的过程中，我自己也收获很多，仅分享给大家作为一点参考：

• 这个产品在内外部的使用中，产品的架构设计是基础，决定了产品的当下和未来的扩展性，但是诸多细节设计决定了产品是否好用，这些细节设计的考虑其实是在考验产品设计者对业务和操作场景的深刻理解，有时候一个好的细节的功能，会让使用者体验极好；
• 产品能力上自由和限制的权衡，本次产品中我们花费了不少的精力来做权限隔离和编辑器的锁定能力，基于中心化的自由设计，做必要的控制，然后分发给各个分中心进行修改使用，这种方式在产业方面确实有非常不错的适用性，在各类零代码、低代码盛行的当下，这种中心化的能力反而有值得借鉴的空间。

本文来源@大风吹 。未经许可，禁止转载。