【前端直播预告】Fusion Design - 企业级UI解决方案揭秘

简介: 专家:钱陈(潕量)Fusion 是一套企业级UI的解决方案。解决传统项目流程中设计和前端之间工作协同、体验一致性等方面的问题。Fusion 从大量的中后台场景中沉淀出通用的基础组件,再对基础组件进一步提取、拆解需要变更的部件,打造出一套可以定制的设计系统。

课程背景

Fusion 是一套企业级UI的解决方案。解决传统项目流程中设计和前端之间工作协同、体验一致性等方面的问题。Fusion 从大量的中后台场景中沉淀出通用的基础组件,再对基础组件进一步提取、拆解需要变更的部件,打造出一套可以定制的设计系统。另外通过沉淀物料,解决设计和开发搭建页面从0-1的问题。

受众人群

设计师、Web 开发者

解决问题

帮助设计师完善品牌一致性;前端可以不需要关心品牌就能写出设计师满意的页面;模板沉淀和分享。

Fusion 体系刚刚对外开源开放,期望业界能够使用并反馈,让 Fusion 体系能够越来越完善。

课程大纲

1.企业里面中后台场景的常见问题:UI体验一致性、框架统一、模块模板复用率

  • 设计师和前端协同常见问题:概念理解不对齐、UI还原
  • 设计师、前端各自团队协作遇到的问题:标准统一、协同

2.Fusion 是如何解决这些问题的

  • 优化工作流方式:自上而下。
  • 设计理论升级:抽取通用理论,在这基础之上开放可定制能力。

3.Fusion 产品能力

  • 平台:定制自己的 Design System
  • 工具:
  • 设计师工具:解决设计师体验一致性的问题的同时提高了使用便利性
  • 开发者工具:方便模板沉淀、共享

4.Fusion 未来

  • 模块模板丰富
  • 设计稿转代码

专家介绍

lADPDgQ9qijVN1jNARvMyg_202_283_jpg_620x10000q90g

钱陈(潕量)

阿里巴巴前端技术专家,Alibaba Fusion Design 项目技术负责人。

加入阿里前曾是腾讯视频内部web自动化搭建平台负责人,在页面自动化、Design System、组件 DPL 领域都有着多年丰富的经验。

直播详情

直播时间:2019年3月14(周四)18:30

直播地点:前端技术交流群 钉钉扫码入群观看直播

_

目录
相关文章
|
1月前
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
184 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
7天前
|
前端开发 JavaScript 安全
剖析跨域问题始末及其解决方案——前端必备交叉知识(一)
跨域问题是前端开发中的常见挑战,了解并掌握不同的跨域解决方案能帮助你更高效地进行开发工作。本文对同源策略、跨域以及解决跨域的三种方案: CORS、JSONP、代理等跨域技术进行了介绍。选择合适的跨域解决方案非常重要。 在实际开发中,推荐优先考虑使用 CORS,因为它是现代浏览器支持的标准,且安全性较高。如果服务器无法修改,则可以考虑使用代理。如果是特殊情况,可以使用 JSONP,但要注意安全性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错
|
3月前
|
人工智能 开发框架 JavaScript
LowCodeEngine:阿里开源的企业级低代码开发平台,提供预制的 UI 组件和模板,覆盖完整的研发周期
LowCodeEngine 是阿里巴巴开源的低代码开发框架,旨在通过拖拽、配置等简单操作,帮助开发者快速构建复杂的系统页面,提升开发效率和质量。
216 4
LowCodeEngine:阿里开源的企业级低代码开发平台,提供预制的 UI 组件和模板,覆盖完整的研发周期
|
5月前
|
前端开发 JavaScript
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
905 8
|
5月前
|
设计模式 前端开发 JavaScript
前端编程的异步解决方案有哪些?
本文首发于微信公众号“前端徐徐”,介绍了异步编程的背景和几种常见方案,包括回调、事件监听、发布订阅、Promise、Generator、async/await和响应式编程。每种方案都有详细的例子和优缺点分析,帮助开发者根据具体需求选择最合适的异步编程方式。
137 1
|
6月前
|
前端开发 开发者 UED
前端只是切图仔?来学学给开发人看的UI设计
该文章针对前端开发者介绍了UI设计的基本原则与实践技巧,覆盖了布局、色彩理论、字体选择等方面的知识,并提供了设计工具和资源推荐,帮助开发者提升产品的视觉与交互体验。
|
5月前
|
JavaScript 索引
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
Vue开发中Element UI/Plus使用指南:常见问题(如Missing required prop: “value“)及中文全局组件配置解决方案
399 0
|
7月前
|
开发者 C# Android开发
明白吗?Xamarin与Native的终极对决:究竟哪种开发方式更适合您的项目需求,让我们一探究竟!
【8月更文挑战第31天】随着移动应用开发的普及,开发者面临多种技术选择。本文对比了跨平台解决方案Xamarin与原生开发方式的优势与劣势。Xamarin使用C#进行跨平台开发,代码复用率高,可大幅降低开发成本;但因基于抽象层,可能影响性能。原生开发则充分利用平台特性,提供最佳用户体验,但需维护多套代码库,增加工作量。开发者应根据项目需求、团队技能和预算综合考量,选择最适合的开发方式。
161 0
|
7月前
|
前端开发 Java JSON
Struts 2携手AngularJS与React:探索企业级后端与现代前端框架的完美融合之道
【8月更文挑战第31天】随着Web应用复杂性的提升,前端技术日新月异。AngularJS和React作为主流前端框架,凭借强大的数据绑定和组件化能力,显著提升了开发动态及交互式Web应用的效率。同时,Struts 2 以其出色的性能和丰富的功能,成为众多Java开发者构建企业级应用的首选后端框架。本文探讨了如何将 Struts 2 与 AngularJS 和 React 整合,以充分发挥前后端各自优势,构建更强大、灵活的 Web 应用。
91 0
|
7月前
|
开发者 安全 UED
JSF事件监听器:解锁动态界面的秘密武器,你真的知道如何驾驭它吗?
【8月更文挑战第31天】在构建动态用户界面时,事件监听器是实现组件间通信和响应用户操作的关键机制。JavaServer Faces (JSF) 提供了完整的事件模型,通过自定义事件监听器扩展组件行为。本文详细介绍如何在 JSF 应用中创建和使用事件监听器,提升应用的交互性和响应能力。
60 0

热门文章

最新文章