检测到论坛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 的变迁

新版便笺来了,内置于OneNote,是传统Win32应用
如图,左旧右新

附录
未刷新的程序(包括那些应当成为内置程序但未内置的程序):3D Builder、3D Viewer、画图3D、便笺、远程桌面、Windows 扫描、Microsoft 消息、移动套餐、Windows DVD播放器、放大镜、讲述人
发布时已经采用Windows 11设计的程序:入门、语音访问、实时字幕

@ThinkBou

    7 天 后

    WPF官方引入Windows 11设计

    何木槿 吴佩孚WPF有了官方的Fluent UI控件加持(从.NET 9 Preview 4开始),虽然整体上似乎实现了视觉升级,然而标准控件不仅少,还没有动画和各种视觉效果,Backdrop还得手搓……(GitHub上的最新版本支持了,默认Mica,暂不支持修改)
    WPF Gallery GitHub地址:https://github.com/microsoft/WPF-Samples/tree/main/Sample%20Applications/WPFGallery
    希望以后可以慢慢追加功能,毕竟吴佩孚还是蛮多开发者的选择(至少比目前的WinUI 3多)

    在缩放大于100%的设备上打开吴佩孚Gallery,窗口大小还会出奇的大
    不过吴佩孚Gallery在窗口标题栏上在Preview阶段就已经很先进了,不像WinUI 3测试了好几个月才摆脱Win32标题栏。

    但我还是得说,这个日期与时间的控件相当敷衍

    对比:这是两年前已然定型的WinUI 2.8的DatePicker

    把吴佩孚玩得登峰造极的我觉得应该是Office Tool Plus,已经实现了全局且舒适的Fluent效果,官方把这些东西标准化应该不难。

    果然不能老在群里潜水,都忘了发到论坛上了()

      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 更为舒适,贴近于移动系统的交互原则和流行设计趋势,居中置顶的控制控件和左对齐的窗口标题/信息始终更符合交互操作时注意力的直觉。

                © 2025 wvbCommunity 管理团队

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

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