LuLu UI Edge版中文文档 » 命名与设计

这里讲讲 LuLu UI Hope 主题的设计思考。

为什么有该主题？

以下几点原因：

1. 业务需要；
2. 补全短板；
3. 边界探索。

业务需要

同事：我们在开发 XXX 业务组件的时候确实需要一款不依赖于框架的 UI 组件库。

补全短板

大人，时代变了，都 2022 年了，怎么还在桌面端玩耍呢？

边界探索

那些与时俱进的用户体验支持与技术在实际项目中的应用效果如何？如何最佳实践？

嗯嘛……应该会很有趣。

关于命名

为什么叫做 Hope？

Hope 的寓意是希望，就是希望这个主题可以给 LuLu UI 带来不一样的蜕变吧……

哎呀，就不拐弯抹角了，就是希望 Star 数可以蜕变。

Hope 主题的优势？

我认为是下面几点：

• 足够灵活；
• 与时俱进；
• 技术；
• 用户体验。

足够灵活

这里的灵活包括三块：

1. 原生 JavaScript 开发，适用于任何框架，任何项目；
2. 调用灵活，所有组件均可单独使用，即插即用；
3. 语法上使用灵活，自定义元素组件和传统 HTML 元素均支持；

与时俱进

勇敢创新，面向未来，追求成本和产品体验的最佳平衡。

• Grid layout
• ES6 import/export
• Web Components
• Customized build-in elements
• *Observer
• ...

技术

同样的交互组件，在 Hope 主题中实现，代码量可能只有 1/10，同时效果不打折。

原因在于背后强大的技术积累。

用户体验

努力探索用户体验的边界，关注包括屏幕阅读、减弱动画、高对比度等无障碍访问的支持。

兼容性

参见对应组件的文档说明。