一直觉得antd 的ui 高大上，自己也在使用antd 的ui框架，今天被问到为啥觉得好，突然发觉自己仅仅是觉得美观，并不能说出个一二；工作这么久。特别不爱总结，对自己的职业生涯非常不友好。

人总是需要做出改变，内因或者外因，都是促使你改变的因素。

蚂蚁金服里面有好多个系统，经常互相关联嵌套，之前的jsp、vm不能高效的支撑了，他们转向react：老话—稳定且高复用性的组件。

终极目标：高效（可以快速的完成前端工作）、增强用户体验

它里面有两个设计观念：自然和确定

自然 具体有：1. 辅助用户有效决策、减少用户额外操作，从而节省用户脑力和体力，让人机交互行为更自然； 2. 符合用户使用规律，视觉规律

确定 设计者要充分理解业务，给予研发团队一种高确定性、低熵值的研发状态。
具体的有：

  • 保持克制： 能做，但想清楚了不做。设计者应当聚焦在最有价值产品功能打磨，并用尽可能少的设计元素将其表达。正如 Antoine de St.Exupery 所说：完美不在于无以复加，而在于无可删减，万事莫不如此。

  • 面向对象的方法： 这个没看懂，看原文去吧。

  • 模块化设计： 简单、统一、组件化！

设计原则

  • 亲密性：距离的远近体现了信息之间的关联程度；纵向横向间距应该以一个基准，增加倍数，不要瞎写。参考
  • 对齐：直线排列对齐！参考
  • 对比：对比就必须强烈，突出重点，区分主次。比较重要的场景，系统不应该对比区分，诱导用户。主次关系、总分关系、状态关系。参考
  • 重复：大概就是强化吧。参考
  • 直截了当：需要在哪里输出，就要允许在哪里输入，还行！去掉单独的编辑页面。参考
  • 足不出户：覆盖层 操作简单，不要跳转好多个页面！modal算，popover不算。流程处理 再同一个页面 参考
  • 简化交互：视觉 参考
  • 提供邀请：『文本邀请』、『白板式邀请』、『未完成邀请』动态邀请。参考
  • 巧用过渡：加动画！加特效！参考
  • 即时反应：多种反应，比如自动更新，但是不立即刷新，而是让用户自己点击刷新这样，参考

设计模式