检测到论坛CSS可能没有正确加载，如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

  • WindowsOffice

  • Fluent Design System 以来微软设计和 Windows 11 以来第一方 Windows 程序 UX 和 UI 的变迁

ThinkBou Ribbon 和 Menubar 方案并没有过时，恰恰相反，在不同的软件与场景下，应该合理的选择使用不同的方案，以贴近用户与行业标准的交互直觉。例如在理工科行业，大量应用程序使用 Ribbon，在媒体创作行业，Menubar 很常见。

从设计学的角度看，Ribbon 与 Menubar 也可以不过时：
Ribbon 的问题是可能导致视觉混乱，但只要居中加合理布局与统一的图标设计，在复杂应用的软件里，反而会给人一种高级感。
Menubar 的问题是没有 global menubar 时占用空间单独占用一行空间不值，所以可将其合并到标题栏，并与其他按钮或文字结合。

微软公司在这两个方案内，都拥有一定的实践，例如 Paint 就有多个未发布版本的截图里，Ribbon 是居中的，而在 Power Automate 里，Menubar 和 caption 合并，menubar 置于 app icon 的右侧，caption text 居中，右边是三个窗口控制(Edit 控制按键)，这种合理利用空间的布局让应用看起来更舒适。

顺带提一下，我个人认为标题栏文字居中其实更符合设计学的原则，大量苹果设计师参与设计的 Windows 3.1 与微软最激进设计之一的 Windows 8 里，标题栏文字均是居中，这有利于提供更好的视觉体验，无论是在最大化下还是多个窗口任务的使用情况中。

      Stakarilky global menubar

      那是工具栏/主工具栏。

      Stakarilky Menubar 和 caption 合并

      实际上我觉得你想想表达菜单栏和标题栏合并。

      Stakarilky 例如 Paint 就有多个未发布版本的截图里，Ribbon 是居中的

      Paint现在使用的不是Ribbon，而是典型的菜单栏+主工具栏设计。

      Stakarilky 我个人认为标题栏文字居中其实更符合设计学的原则

      实际上，如果将工具栏直接集成到标题栏中，那么你说的这种情况可能就不太适合了。

                何木槿 不得已在生成语音的时候改成杭州的杭（字幕没问题）

                难怪很多视频会出现错别字（不是指你这个），原来是这个问题导致的

                        熊猫火狗 菜单栏+工具栏的组合设计是很常见的，菜单栏也不提供所有工具栏中的内容，那是十分过时的设计，Win7的设计规范曾经不建议如此设计。

                        实际上，ribbon这种设计理念也是有变体的，如画图3D。用户可以在不同功能区之间切换，使用体验比现在的画图强很多……

                        画图现在各种功能杂交在一起，逻辑层级混乱，那才是灾难。

                        请问哪个是铅笔（

                            ThinkBou

                            用户可以在不同功能区之间切换，使用体验比现在的画图强很多……

                            Office UWP也是

                            ========================================

                            2024年11月20日19点50分更新：我想错了

                              ThinkBou

                              我更认可这个观点：

                              熊猫火狗 画图只是没了标签页，工具栏的排列还是典型的ribbon

                              因为不管是 Win32 GDI Interface 还是 WinUI control 里，工具栏 Toolbar/CommandBar 都是一行相同大小的图标，而 Paint 工具栏大小交错的样式更接近 Ribbon 根据不同的交互频率做不同工具栏图标大小的设计风格。

                                    ThinkBou 画图现在各种功能杂交在一起，逻辑层级混乱，那才是灾难。

                                    我个人认为这主要是工具栏分区没做好，比如你这里面笔工具和文字工具还有颜色工具的交互逻辑完全混到一团了，莫名其妙了属于是。

                                    作为对比 Word 的 Classic Ribbon （多行 Ribbon）里，适用于不同内容的工具会在不同的子分区里放着，分割线很好的隔开了不同工具间的边界，思路清晰，更为符合直觉。虽然也有很多用惯苹果设备的人就是不习惯这种信息密度大的工具栏就是了。

                                      ThinkBou 实际上，如果将工具栏直接集成到标题栏中，那么你说的这种情况可能就不太适合了。

                                      caption 的意思就是标题栏，可以直接指 titlebar，msstyles 里很多标题栏相关的东西名字里都带 caption。

                                      我的意思是对标题栏进行分区，最大化利用标题栏空间，在这种情况下，我个人认为标题栏整合 menubar 时，原本的标题栏文字更适合居中，有一些 Windows 的数字音频工作站就是这个设计，标题栏文字居中，左边是图标与 app icon + menubar，中间是 caption text，右边则是三个窗口控制键，然后工具栏放在这行标题栏下面，这个设计经起了 DAW 市场考验。其他领域包括视频剪辑软件、IDE、文本/图像/媒体编辑也有很多采用类似的设计。

                                      如果是将 toolbar/commandbar 合并进 titlebar，而且直接干掉了菜单栏，那么确实 app icon or extra control + caption text 居左、中间放置工具栏、中间一大片的 content area 更为舒适，贴近于移动系统的交互原则和流行设计趋势，居中置顶的控制控件和左对齐的窗口标题/信息始终更符合交互操作时注意力的直觉。

                                        Stakarilky 实际上这事挺有意思的，xbf文件告诉我们，那确实是Ribbon的岛。不过微软给每个部分都上了单独的toolbar岛，这就很生草了


                                        当然，距离Ribbon诞生已经过去将近20年时间了，现在任务栏通知区都能被光明正大地称作托盘区了，这种功能相近的UI模块现在到底应该如何称呼，也不是一个定论。总之，可以认为这是个长得像ribbon的toolBar/commandBar

                                            © 2025 wvbCommunity 管理团队

                                            删封申诉 | 知乎专栏 | 状态监控 | 用户协议(EULA) | 隐私政策

                                            本站文章除其作者特殊声明外，一律采用CC BY-NC-SA 4.0许可协议进行授权，进行转载或二次创作时务必以相同协议进行共享，严禁用于商业用途。