我想分享一个关于如何重新设计产品的案例，对 Chameleon 的重新设计。
Chameleon 是一个小程序跨端开发统一解决方案，它可以像变色龙一样适应不同的环境。
GitHub → github.com/didi/chamel…
在去年冬天的时候，我做了一个关于优化 Chameleon 体验优化的分享。今年 2 月到 3 月间，我投入了全新 Chameleon 官网的开发，一个人负责 UI 设计与项目开发，并于 3 月开发完毕上线。
重新设计在线网站始终是一个挑战，新的设计和功能不能跳出用户的习惯，同时应该变得更清晰易用。
本文将分享去年冬天时分享的幻灯片内容，当时的一切还都只是设想，全新官网在脑海中也没有成型，疫情也没有到来，谁也不知道 2020 年是什么样子。
分享的 Keynote 文件可以在 这里（Google Drive） 下载，通过 Keynote 文件可以浏览到动画，获得更好的体验。
Next Gen of CML UE
分享主要关于用户体验方向，虽然 Chameleon 是一个前端技术项目，但在分享中，主要把它当做一个「产品」来讨论。
之前的世界
小程序历史回顾
故事的一切都始于微信小程序，而在最初的最初，其实它准备叫「应用号」。
微信小程序与 2016 年尾诞生，并在后来成功输出价值观，给国内几乎所有大厂灌输了「小程序」这个产品形态，各式各样的小程序冒出来，每个人的手机上从此多了一种新的事物。
我们需要一个解决方案
面对各种各样的小程序，开发者急需一个方案来实现统一，分开应付各个平台是糟糕的，「开发一次，运行多端」才是理想的。
Chameleon 便是在这种情况下诞生的一个小程序跨端开发框架。
通过 DSL 与 webpack 生态的结合，Chameleon 提供了一套完整的跨端开发解决方案。
看看其它的解决方案
这个手套在 Keynote 里可是会动的，欢迎下载体验 (￣.￣)
相比其它的跨端解决方案，Chameleon 的 GitHub Star 数要少一些。
这是怎么肥四呢？
新世界构想
接下来，欢迎进入新的世界。
请注意下面内容，都只是当时的构思，除了新官网，其它的产品想法并没有存在于真实世界。
将 Chameleon 进化为 "CML"，微笑，从以下几点改变。
品牌塑造
新名称
前端三大框架的名称与 GitHub Star 数。
一个玄学的结论，名称字符越少，Star 数越多。
基于玄学与用户体验思考，将 Chameleon 的名称简化为 CML 是个不错的选择。
CML, smile. :)
新包们
CML 项目中的各个 repo 名称比较缺乏统一，对比 Babel，命名规整协调，带来一种秩序感。
同时 Babel 基于 npm scope 的 repo 命名方式，也是目前的一种业界最佳实践，每个包下面的 README 强化了这种品牌感。
将 CML 项目中的 npm 包统一为 scope 形式，添加各自的 README，将给人以更可控、更专业的品牌感。
新 Logo
三角形组成的钻石形状，💎，立体，未来，同时 Logo 上半部分在设计时，也确实想到了玻璃金字塔在灯光下展示的效果，卢浮宫前的那个 (⊙ˍ⊙)
乱入 ↓
文档进化
业界优秀的文档们
Vue
React
Taro
Vant
旧文档的问题
这个泼水也是会动的，要去看啊 (￣.￣)
What's your problem?
文档解决方案推荐
代码优化
关于代码风格
代码风格解决方案
Vue 的 Style Guide，值得每个前端开发者一看。
关于代码逻辑
代码逻辑解决方案
写就完事了 (￣.￣)
关于生态系统
生态系统解决方案
提升健壮性（鲁棒性）。
冷知识，「鲁棒性」和「乐百氏」其实是一个单词，Robust (￣.￣)
大一统？
乔布斯曾经对拉里佩奇说过一个对 Google 的建议：
You guys are doing too much.
让注意力集中
完了，谢谢。
新官网长什么样
我意识到，如果能够以一种简单的方式来呈现元素，那么它可能会改善整个用户体验。
基于上面分享的理念，重新设计开发的 CML 文档网站，优化了界面语言与内容逻辑，让开发者获得更自然流畅的体验。
访问地址：cml.js.org
欢迎下载 Keynote 文件。
希望喜欢~
正式结束。
(￣.￣)
