Axure Interactive Redline Tool

可以类比 Sketch 中的 Measure 插件。优点：

1. 某些场景下，根据原型也能获取到尺寸信息直接用于开发
2. 可分享，在线更新，变动通知

* * *

基于 Nginx 搭建局域网一体化文档平台

交互同学在本机搭建 Nginx 服务，配置好目录后，每次生成文件导出到指定目录即可更新。前端同学通过 IP 即可完成局域网访问。

交互&视觉？？？

设计元素库 + 协同修改

在某种程度上统一设计规范，提供多套色系模版，可以快速生成对应的设计元素库，配合 Sketch 插件，可做到实时协同。

* * *

元素 -> 组件 -> 系统模版

元素组合或者调整可以发布成新组件，组件组合加页面约束可生成系统，高效复用快速完成相似度高的中后台系统。

GUI工具

使用现有模版或自行拖拽组合现有组件，快速初始化对应的项目UI及基本交互。

* * *

Sketch 插件进行发布维护

解决设计稿的还原度问题，解放前端花在UI上的时间。

痛点介绍

交互的出稿过程是带有逻辑性，如果给产品看原型的话可能不直观且说服力不足。

* * *

解决方案

导出成 Markdown 文件，通过上传该文件自动生成带导航内容的预览页面。

功能抽象，反馈交互和视觉

针对功能性需求，尽可能将其进行抽象，反馈给交互和视觉拓展组件元素，提高复用性。

* * *

Git Hooks + ESLint

类似设计，约定一套代码规范。在多人协作过程中，通过 BeforeCommit 钩子，自动进行代码质量检查，提高合作效率。

JSON + 组件 + 页面约束

通过 JSON 配置来建立组件的引用关系，加上页面约束即可快速高效地生成一些偏固化的流程页。

比如：实名认证，修改密码，风险评估等。

* * *

协议平台

协议需要设计排版和前端制作费时费力，通过将协议编译成 HTML ，加上基本的设计约束即可自动生成协议页面，大大提高了效率。

接口文档平台

前后端的接口沟通往往是最费时且容易出错的。通过代码注释，生成可维护可预览的接口文档，在线对比测试，降低了出错率和沟通成本。

* * *

网关平台

后端只需关心服务提供，前端只需关心接口调用。中间的差异抹平交由网关层，同时也支持多接口调用，提高了开发效率。

GraphQl + 可行的数据库设计

之前可能会出现需求微调，导致前后端都需要做字段更新等操作。引入 GraphQl ,取什么数据由前端来决定。接口服务与数据库的链接可参考 Restful 风格设计。

* * *

结合 GUI 工具快速完成简单项目

可以利用 GUI 工具，通过拖拽实现自动布局，快速生成无复杂交互的项目，如一些表单项目： EBS/保单填写等。