超全面的B端设计规范指南(一):基础组件
新的一年,先祝大家运势涨如脱兔,因为年前和过年这段时间工作没那么忙,就抽空继续整理了一些工作中对B端设计的总结,希望可以带给需要的人一些启发。如有纰漏,欢迎各路大神指正。 谈到 B 端组件,很多人的印象是多且杂,想要全面准确的熟悉这些它们,需要我们对它有个合理的归纳总结。可能每个人会从不同的视角去做这件事情,我一般是按照使用场景去对组件分类整理。 下面我们根据这个分类框架来逐个聊聊这些组件。 一...
时间:2025-10-28
新的一年,先祝大家运势涨如脱兔,因为年前和过年这段时间工作没那么忙,就抽空继续整理了一些工作中对B端设计的总结,希望可以带给需要的人一些启发。如有纰漏,欢迎各路大神指正。 谈到 B 端组件,很多人的印象是多且杂,想要全面准确的熟悉这些它们,需要我们对它有个合理的归纳总结。可能每个人会从不同的视角去做这件事情,我一般是按照使用场景去对组件分类整理。 下面我们根据这个分类框架来逐个聊聊这些组件。 一...
时间:2025-10-28
早在两年前,我写过一篇关于导航菜单的文章。这篇文章帮助到了很多同学进入 B 端领域。然而,两年过去了,行业在不断发展,文章中的很多观点都不太适用于目前的 B 端环境。 现在,大家对于 B 端设计越来越重视。因此,最近我计划将之前不太过时的文章内容进行深挖。就像游戏界的重制版本一样,我们可以重制 导航、筛选、表格 等文章,如果觉得不错,也别忘了点赞转发,那我们正式开始吧! 一...
时间:2025-10-28
一、B端设计规范的内容整理 不同项目的 UI 的设计规范虽然看起来都很像,但因为项目需求、设计差异,不可能一模一样。所以虽然网上有很多规范案例,但新手很难直接照搬。所以我们首先要解决的问题是规范里有什么,如何应地制宜展开规划,输出符合项目实际情况的规范内容。 简单解释,在 B 端设计规范中,主要包含三个核心模块,分别是:布局、样式、组件库,下面分别对它们进行说明。 1. 布局部分 即 B...
时间:2025-10-28
一、表格的元素设计要点 表格虽然长得都挺像,但并不是完全一样的,不同的需求会设计出功能、交互不一的细节,下面我们就直接开始解释对于表格最重要的几个细节的样式设计思路。 1. 表格外框样式 表格作为组件就有边缘的表现形式,一种是有边框,另一种是无边框。 有边框就是把表格主体区域被框起来进行突出,可以使用有色的描边,也可以是和背景色不同的卡片。 无边框则是表格没有明显的外边框进行突出...
时间:2025-10-28