B端系統更新探讨（十四）把握好界面的設計原子。B端系統的頁面雷同性強，元件的複用性高，但是邏輯和流程相對C端複雜很多，任

B端系統更新探讨（十四）把握好界面的設計原子。

B端系統的頁面雷同性強，元件的複用性高，但是邏輯和流程相對C端複雜很多，任何一個設計都很難在初始階段摸清楚全部邏輯，是以元件化設計是B端系統的首選。

提到元件化，不得不提原子設計理論，原子設計借鑒了化學的元素理論，界面最小的是原子，由原子構成分子，分子構成元件，元件構成模闆，模闆構成頁面。

掌握這條理論，設計師需要完成2個循環，先從原子到頁面，再從頁面抽取元素到原子。

那麼一套完整的B端系統設計系統就有了，不僅一個項目可以使用，N多項目都可以用，目前市面上流行的 elementUI，antdesign都是這麼個做法。

分享一些優秀的界面，讓老鐵們感受下。