前言

回溯互联网的发展进程，从桌面端的拨号上网，到5G移动互联网，再至人工智能的助力，科技领域正在经历着翻天覆地的变革。未来的数字世界，在沉浸感、参与度、个性化等维度对体验会提出更进阶的要求；与此同时，B端企业对于高效、简便、用户友好的界面需求与日俱增。在2025年的当下，B端设计师唯有持续学习，适应新技术与新趋势，紧密围绕客户的业务价值展开设计，进一步注重实用性、包容性以及可

定制化，方可为企业客户塑造出卓越的产品与服务。

因此，我们结合钉钉近10年的B端产品设计经验，鉴于未来B端设计趋势将展现出多元化、智能化和人性化的特质，从B端产品个性化、风格与质感、界面版式、图标、动态交互等多维度设计展开深度研究，与大家一道探讨B端设计的本质和趋势，期望在真正驾驭B端产品设计的这条道路上，带来些许有益的启迪。

上篇文章我们讲述了B端产品的风格&质感趋势，如何为企业塑造品牌形象、为个人用户提供情感价值。

钉钉，公众号：钉钉用户体验2025 B端设计趋势｜风格&质感

今天要给大家分享的是B端产品版式设计趋势，助力企业产品提升易用性，进而帮助企业员工更高效协同与工作，增强企业的整体业务效率和竞争力。

从艺术的历史长河中捕捉版式之美

古今中外，我们不难察觉，但凡经典且极具美感的设计，往往都离不开：重复秩序、节奏韵律、对称均衡、虚实留白、主次对比等设计审美。譬如：在《寒江独钓图》中，凭借其绝妙的空间留白，我们能体悟到此处无物胜有物的妙境；又如达达主义时期，艺术家们依靠对排版的探索以及看似自由的布局，我们能洞察到视觉变化所产生的冲击力；再如：包豪斯时期，设计师阿明·霍夫曼通过采用网格、非对称、最低限度的排版对比，我们能感受到个体于统一中亦能增添差异和想象。

以史为鉴，于有限的版面空间之内，将文字、图像、色彩等视觉元素进行有组织、有目的地编排整合，以实现信息的有效传达和视觉上的识别，版式设计所带来的美感，需要我们逐一捕捉：

“万事离不开方法，世界离不开秩序。”这句名言来自18世纪英国著名文学家斯威夫特，虽说原意并非针对设计，却在版式设计中同样适用。

版式的秩序美源于空间划分的合理性以及元素位置关系的秩序感，网格恰是这样一种利器，在赋予秩序美感的同时，能够切实增强版面信息的易读性，让设计条理分明，结构合理，还能提升设计效率和统一标准。在传统媒介诸如书籍、画册、杂志、包装设计当中，栏式网格得到了广泛的运用，譬如书籍设计里经典且常见的 1:1.4 白银分割法便源于此。

重复规律

自然界中经常会出现重复的事物，往往给人的感觉是非常具有秩序性和规律性的，他们重复的形式不限于形状、尺寸、色彩、质感、方向、空间等。在商业设计中，譬如品牌标志、海报、插画等大量使用了重复的手法，其能使设计产生安定、整齐以及隐性的视觉联想，很好的为品牌塑造出让人印象深刻的视觉符号，以及科技先进的品牌调性。

2. 对称美

对称美学的运用随处可见，大至三维空间，小至二维平面。譬如生活里，人体的自然构造呈现出对称之态；绘画艺术里，达芬奇的《梦娜丽莎》运用轴对称构图法，使得人物形象更具端庄和柔美；建筑领域里，对称的造型结构能够营造出稳定之感与庄严之态；而在摄影师的相机里，对称的表现形式亦是一种极具艺术性的视觉传达。

比例均衡

从理论层面来讲，我们不难找到对称的方法有很多：水平、垂直、中心、放射等对称形式。于设计师而言，最为核心的还是要依据设计内容和目标受众来选取恰当的对称形式：譬如商务传播适宜采用垂直对称，以彰显专业严谨；营销广告则可以尝试放射对称，从而增添吸引力和趣味性。此外，适度调整字体、颜色、线条粗细等比例能够快速提升设计的精致程度，譬如局部文字错位、色彩对比等，反倒能够为对称美学进一步增添灵动之感。

结构简洁

对称结构通常具备简洁性与明确性，因其基于一种镜像模式，致使设计或物体的结构易于被理解。譬如大众汽车的标志通过上下对称的“V”和“W”组合，简洁明晰地传递了品牌形象；又如迪奥的香水瓶身，左右对称的设计，搭配简洁的文案包装，彰显出品牌的优雅与精致；再如苹果应用商店的图标，凭借中心对称的特性，看上去整体又舒适，这种风格也契合苹果产品一贯追求简约、易用的理念。

3. 韵律美

除了秩序美和对称美，版式中还隐藏着一份独特的韵律美：通过各元素组合排列衍生出如同音乐节奏般的停顿与变化，使画面张弛有度，增添美感与意境。

疏密留白

“Less is more”。在版式设计中，巧妙地留白，旨在更好地衬托主题，留下想象的余地。故而，在排版时，并非做得越满越丰富就越好。在电商发展前期，部分公司要求推广海报上堆满文字图片信息，但实际上忽略了最为重要的一点：没有给予用户安全感，让用户产生产品品质低劣的感受；反之，留白较多的版面，除了带来更品质、富有格调的感觉，同时能够起到强调主题、快速理解的作用，也更有利于传播。

主次对比

作为设计师总是被甲方要求“放大，再放大，全部都放大”，其言下之意是希望建立出好的主次层级关系，把用户视线吸引到主要信息上。良好的对比关系通常离不开大小、虚实、色彩等对比，从而形成视觉冲击。譬如：苹果官网的产品展示，通常会以大幅高清、精致的产品图片作为主体，占据中心位置，全方位展示其外观和特点，吸引用户的注意力。而产品名称、主要卖点和特色功能等信息则以较大、醒目的字体放置在图片下方或旁边，方便用户快速了解产品的核心信息。至于产品参数、规格、购买链接等则以较小字号，简洁地分布在页面的下方或侧边栏，当用户对产品感兴趣并想要进一步了解时，可以自行查看，从而形成主次分明的信息层级，提升用户体验。

进入互联网时代，手机和电脑早已成为人们日常不离手的移动设备，与此同时，国内外B端产品设计发展也越来越成熟，随之涌现了一批专业而完善的设计系统，譬如来自：IBM（IBM Design Language）、谷歌（Material Design）、微软（Fluent Design）、蚂蚁（ant design）等，像秩序、对称、韵律等版式审美也被沿用在其中。

从实战案例中汲取版式设计趋势

如Oliver  Reichenstein所说：“排版的目的是优化可读性、访问率以及可用性，保持和图形的平衡关系。”  好的排版使用户易于阅读，而混乱的排版则使用户失去继续浏览的意愿。我们结合钉钉近10年的B端产品设计经验，通过大量研究优秀的实战案例，汲取出2025 B端版式设计趋势核心为以下：

1. Bento设计

Bento原意是指日式的便当盒，食物通过格子组合排列看上去既精致又有食欲，格外体现秩序的美感。早在2008年Android手机系统上就已开始应用：信息类、控件类、混合类组件层出不穷；在2010年Windows Phone 7也引用了Metro设计语言，这些都可以视为如今Bento设计的灵感来源，直到被苹果设计应用后，便开始广为人知的爆发。

Bento设计基于网格系统的布局，让用户更专注每个「Box」里的信息。在B端产品中，大量的后台管理型场景正朝着这种设计布局迈进，譬如：钉钉的宜搭管理后台，通过强调信息的层次分明，结合模块化、清晰化的特点，为后台系统带来了前所未有的整洁与秩序，同时还易于管理，让复杂的后台操作也变得井井有条起来。

此外，在钉钉其他场域场景中使用Bento设计的案列也比比皆是，譬如：钉钉「首页加号」、「更多」、「AI助理」、「钉钉官网」等。

2. 圆角卡片化设计

随着设计风格不断演变，传统的方角卡片逐渐被取代，代之以更加柔和的圆角，其带来一种友好、现代、温暖的感觉。譬如钉钉的「协作」、「工作台」、「通讯录」、「我的」等核心页面都逐渐卡片化，使界面中的信息呈现出更加集中、清晰、有序的美感。

3. 极简设计

多年来，极简主义一直是主导的设计趋势，极其强调留白的韵律之美。不同的是：近年开始，在简约的基础上，设计师尝试融入大胆色彩、大型字体以及吸引注意力的惊喜元素等，以形成兼具干净与张力的风格。此外，极简设计还更加注重与交互深度结合，屏幕中的每一个元素都必须具有明确的功能或目的，用以引导用户的视线和焦点，使形式服从于功能，让信息的传递更高效。

钉钉作为7亿+用户的企业级智能移动办公平台，提供了即时通讯、多组织协同、数字化管理、智能助理等多场景能力。从个体用户视角来看，时常会感受到界面复杂、信息密度高、理解成本高等问题。如何在保持产品能力丰富且易用的同时，打造简约高效的界面，是设计师核心考虑的重点。譬如：在会议场景中，用户可直接输入投屏码，即可一键共享电脑&手机上的内容，再无接线烦恼，轻松简单。

4. 响应式设计

为了让用户在不同设备（如电脑/平板/手机等）上都能有一致且优质的体验，响应式布局由然诞生。其能兼容各种屏幕尺寸和分辨率的设备，页面元素都能合理展示：文字清晰可辨、图片完整显示、操作也便捷流畅，不会出现布局错乱或内容显示不全的问题，同时减少开发和维护多版本工作量与资源投入问题。譬如：钉钉的工作台，为了适配各端且保障好用户一致性体验，在页面设计和研发时，就充分考虑了这点。

5. 动态设计

随着数字技术发展，通过元素的运动和变化，动态排版能迅速抓住受众的目光，有效提升内容关注度。在B端品牌推广或产品发布时，动态海报能将静态视觉效果与微妙的循环动画融合在一起，帮助企业品牌在饱和的数字环境中脱颖而出。在钉钉同样也适用，譬如：「钉钉登录页」，用户首次登录时，在有限时间内，我们可以通过动态引导更直接有序的把钉钉产品价值透传给用户；再如：「钉钉含钉量」发布介绍，通过动态的阅读顺序和节奏变化，让用户更好的理解和吸收内容。

6. 无障碍设计

面向企业或组织用户的产品服务时，设计师需要充分考虑到所有用户的能力和需求，包括有身体、感官或认知障碍的用户，确保能够平等、方便、高效地使用。譬如：按钮和输入框要保持足够交互间距，避免拥挤，便于点击和输入；文字确保与背景色彩对比度高，如黑底白字或白底黑字，方便视障用户阅读；用色避免使用单一颜色区分信息：对于色盲或色弱用户，应结合形状、图标或文字辅助区分。与此同时，像钉钉这种面向全球化的B端产品，我们还需要提供多语言支持，方便不同语言背景的用户使用。

结语

引用《简约至上》中所言：创造简单用户体验的秘诀在于把复杂性转移至恰当的地方。设计的目的并非消除所有复杂性，而是将其置于最为合适的位置。B端产品设计是一个复杂且极具挑战的领域，深入洞悉B端用户与业务场景，简化信息架构，塑造清晰、直观的的界面版式能够有力助推企业产品易用性大幅提升，进而帮助企业员工更高效地完成协同与办公，增强企业的整体业务效率和竞争力。在未来的B端产品设计里，我们应始终把用户体验置于首位，持续探索并创新界面版式设计的方法与策略，为B端用户缔造更加友好、便捷的体验。

本期我们结合钉钉近10年的B端产品设计经验，鉴于未来B端设计趋势将展现出多元化、智能化和人性化的特质，从B端产品个性化、风格与质感、界面版式等三个模块与大家一道探讨B端设计的本质和趋势。接下来，我们将持续第二期内容：围绕B端图标、动态交互、面客物料等维度展开深度研究，期望在真正驾驭B端产品设计的这条道路上，共同进步。