天天看点

B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任

作者:贝格前端工场

B端系统升级探讨(十四)把握好界面的设计原子。

B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任何一个设计都很难在初始阶段摸清楚全部逻辑,所以组件化设计是B端系统的首选。

提到组件化,不得不提原子设计理论,原子设计借鉴了化学的元素理论,界面最小的是原子,由原子构成分子,分子构成组件,组件构成模板,模板构成页面。

掌握这条理论,设计师需要完成2个循环,先从原子到页面,再从页面抽取元素到原子。

那么一套完整的B端系统设计系统就有了,不仅一个项目可以使用,N多项目都可以用,目前市面上流行的 elementUI,antdesign都是这么个做法。

分享一些优秀的界面,让老铁们感受下。

B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任
B端系统升级探讨(十四)把握好界面的设计原子。B端系统的页面雷同性强,组件的复用性高,但是逻辑和流程相对C端复杂很多,任

继续阅读