Fluent Design System 以来微软设计和 Windows 11 以来第一方 Windows 程序 UX 和 UI 的变迁
- #362
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效果,官方把这些东西标准化应该不难。
果然不能老在群里潜水,都忘了发到论坛上了()
- 已编辑
- #363
ThinkBou 视频版已经做好了,AI配音英文还是太烫嘴
在调整读音的时候还是费了很大功夫,比如“多行”会被读成多xing,不得已在生成语音的时候改成杭州的杭(字幕没问题)
总之AI解说的普通话算是过关了
https://www.bilibili.com/video/BV1e6G2eLEaA/?vd_source=62262aafb56546689e6cabce027512e8
- 已编辑
- #364
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 里,标题栏文字均是居中,这有利于提供更好的视觉体验,无论是在最大化下还是多个窗口任务的使用情况中。
- 已编辑
- #365
Stakarilky global menubar
那是工具栏/主工具栏。
Stakarilky Menubar 和 caption 合并
实际上我觉得你想想表达菜单栏和标题栏合并。
Stakarilky 例如 Paint 就有多个未发布版本的截图里,Ribbon 是居中的
Paint现在使用的不是Ribbon,而是典型的菜单栏+主工具栏设计。
Stakarilky 我个人认为标题栏文字居中其实更符合设计学的原则
实际上,如果将工具栏直接集成到标题栏中,那么你说的这种情况可能就不太适合了。
- #367
Stakarilky Ribbon也可以用mica刷新,参考office就是了
- #368
何木槿 不得已在生成语音的时候改成杭州的杭(字幕没问题)
难怪很多视频会出现错别字(不是指你这个),原来是这个问题导致的
- 已编辑
- #371
- #376
SteveWorkshop 错别字倒有可能是语音转文字导致的,或者是拼音输入法候选的问题
- 已编辑
- #377
- 已编辑
- #378
ThinkBou 画图现在各种功能杂交在一起,逻辑层级混乱,那才是灾难。
我个人认为这主要是工具栏分区没做好,比如你这里面笔工具和文字工具还有颜色工具的交互逻辑完全混到一团了,莫名其妙了属于是。
作为对比 Word 的 Classic Ribbon (多行 Ribbon)里,适用于不同内容的工具会在不同的子分区里放着,分割线很好的隔开了不同工具间的边界,思路清晰,更为符合直觉。虽然也有很多用惯苹果设备的人就是不习惯这种信息密度大的工具栏就是了。
- 已编辑
- #379
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 更为舒适,贴近于移动系统的交互原则和流行设计趋势,居中置顶的控制控件和左对齐的窗口标题/信息始终更符合交互操作时注意力的直觉。