表格列数太多 页面怎么设计_B端产品设计规范分享

 

加入彩虹的一年来，接触的都是B端产品大大小参与设计了七八个项目，从中总结了一些经验给大家参考，当然依旧还会有一些不足，后期也会不定期优化更新。 B端设计与C端大有不同。C端Consumer，表示为消费者、个人用户或终端用户设计，直接面向普通用户提供服务来帮助他们实现个人需求。B端Business，它面对商业和企业，是为帮助企业集团等实现商业目的而设计的软件、工具或者平台。

B端的数据后台复杂、庞大逻辑缜密，对于设计来说也会有一些附加要求，了解数据、了解架构，只有做到了对产品的准确认知才能带来更加  「精准」的设计，在这里我用了精准一词，而不是好看、丰富、独特，这就是B端与C端产品的差异，B端产品内容庞大丰富更看重的是可用性和易用性，正是因为产品的庞大更加会看重规范，在我们公司设计属于共享资源几乎不可能参与所有项目的深度设计(当然也顶不住甲方爸爸的强烈要求)，一般来讲只能从规范上来告知前端同学，从最初的原型图了解框架和图表结构把涉及到的内容预先设计写一个完整的设计规范，规范不会因为设计的交付而停滞，我们会根据产品的新增需求持续更新。

• 制定设计规范的意义

1. 对产品——统一视觉设计规范及某些特定交互设计规范，同一个项目会有多个设计师的参与，规范化的设计语言，避免因设计控件混乱而影响设计输出；

2. 对自己——组件化同类元素，提高工作效率，建立产品的组件库，以便不同项目的复用及设计延展；在同一个项目中也能更好的把控该项目的视觉规范，提高效率；

3. 对团队——设计规范的制定，规范了设计团队的输出，同时方便了与开发团队的交接和协作。通过设计规范的制定，前端实现也能拥有一套可供复用和扩展的组件库，助力上下游交接及团队协作；

4. 对客户——制定设计规范的同时需要考虑设计延展性，为不同客户的定制化需求提供更高效的输出。同时在进行产品迭代时，设计规范的组件化调整也大大提高了工作效率。

• 设计规范

前言

B端业务种类繁多、流程复杂，在B端设计中我们更加看重的是易用性和可用性，帮助客户快速掌握业务流程与管理体系。

设计规范的目的是：保证项目设计的统一性，辅助开发提高效率、方便产品迭代等；让前端工程师对项目的UI有整个了解，快速查找部分基础样式(如：标准色、标准色、间距、按钮、表格、表单等)提升设计还原度，提高质量。