基于Vue.js的在线设计开放平台研究与实现

基于MVVM前端框架Vue.js,搭建了提高协同效率和知识汇集的在线设计开发平台系统,更好地服务设计师、前端工程师及产品经理。功能包含设计原则、组件呈现以及资源下载几个功能模块,采用Vuecli脚手架搭建项目,http请求库Axios处理前后台数据交互。同时引入Vue-router和Vuex两个插件库,管理前端路由跳转和全局状态变量。最后利用Webpack3构建生成代码包,通过nginx反向代理访问。该系统实现了提高研发团队上下游协同效率,避免重复性的设计和前端工作,提高开发效率的目的。

在线设计开放平台的研究与实现

随着公司各业务线的高速发展,在产品线建设中发现,为了快速响应业务需求快速上线,往往忽略了产品的用户体验,且在功能相近的产品上重复研发,造成研发资源的浪费,影响了项目进度。基于此,建设了在线设计开放平台。本着设计统一性、技术共享性的原则,以组件化思维建设在线设计开放平台,通过对常见业务场景、功能及视觉表达中元素的拆解、归纳、重组,并基于可被复用的目的,形成规范化的组件。通过沉淀设计资产提升设计效率,通过建立设计策略保障用户体验,并利用工程化思维将设计语言、设计资产、设计策略产品化,搭建设计中台,实现设计的高效协同。