【前端直播预告】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

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

_

目录
相关文章
|
23天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
29天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
22 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
2天前
|
开发框架 前端开发 JavaScript
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
【4月更文挑战第30天】Flutter是一款高效跨平台移动开发框架,以其热重载、高性能渲染和丰富组件库著称,简化了动态UI和数据驱动视图的实现。本文深入讨论了动态UI构建原理,包括基于Widget树模型的UI更新和状态管理,如使用StatefulWidget和数据流库(如Provider、Redux)。此外,文中还介绍了实现技巧,如使用ListView等可滚动组件、StreamBuilder进行数据流驱动的UI更新,以及应用响应式布局以适应不同设备。Flutter为开发者提供了构建高效动态界面的强大工具。
【Flutter前端技术开发专栏】Flutter中的动态UI构建与数据驱动视图
|
2天前
|
前端开发 测试技术 持续交付
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
【4月更文挑战第30天】本文探讨了 Flutter 应用中UI测试和自动化测试的重要性,包括保障质量、提高效率和增强开发信心。Flutter提供`flutter_test`库进行Widget测试,以及`flutter_driver`进行集成测试。UI测试涵盖界面布局、交互和状态变化的验证,最佳实践建议尽早引入测试、保持用例简洁,并结合手动测试。未来,随着Flutter技术发展,UI测试和自动化测试将更加完善,助力开发高质量应用。
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
|
2天前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
|
3天前
|
开发框架 前端开发 JavaScript
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
学会Web UI框架--Bootstrap,快速搭建出漂亮的前端界面
|
3天前
|
XML 前端开发 JavaScript
前端CSS样式零基础教学总结,UI、前端开发都适用
前端CSS样式零基础教学总结,UI、前端开发都适用
|
3天前
|
JavaScript 前端开发 开发者
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
|
9天前
|
前端开发 JavaScript UED
前端UI组件
前端UI组件
13 0
|
13天前
|
NoSQL JavaScript 前端开发
报错场景:ant design vue前端登录时,输入的验证码是对的,但是一直提上验证码错误,登录不进去 报错信息(Error in execution; nested exception)
报错场景:ant design vue前端登录时,输入的验证码是对的,但是一直提上验证码错误,登录不进去 报错信息(Error in execution; nested exception)
18 0