站长之家 - 业界 2022-01-30 15:45

Google Chrome和Microsoft Edge滚动条将迎来Fluent Design风格

微软认为,目前默认的Chromium滚动条仍然使用传统的Win32滚动条,而Windows操作系统已经接受了WinUI和本地Fluent Design控件,接下来公司提议默认的滚动条应更新为Fluent设计,并像覆盖式滚动条一样总是具有更薄,有内嵌和圆角边缘。

亮点如下:

微软将在Windows 11/10上用Fluent Design更新Chromium滚动条

用户仍然可以通过"总是显示滚动条"的Windows操作系统设置来选择"非覆盖式滚动条"。

微软将重新设计非覆盖式滚动条,以配合Windows主题。

该公司认为Fluent滚动条也可以在Linux上使用。

这一变化预计会影响到页面布局

流畅滚动条的视觉规格:

根据微软设计的规范,滚动条有三种模式。最小、完整和隐藏。

最小模式只反应滚动条的位置,最为简约。

而Chromium默认的滚动条可能会占用布局空间17px。新的工具条在最小模式下不会占用任何布局空间。

fluent-scrollbar-design-in-minmal-mode.jpg

完全模式,这发生在指针直接在滚动条区域上的时候。

fluent-scrollbar-design-in-full-mode.jpg

隐藏模式,这是当指针移动到非根ScrollNodes边界之外时,滚动条完全淡出。

macOS上已经存在覆盖式滚动条,该操作系统有"总是显示滚动条"模式,Windows有一个设置来控制滚动条的可见性。

Windows 11/10用户需要访问设置辅助功能视觉效果,切换"总是显示滚动条"来启用或禁用它们。该公司计划让新的滚动条遵循上述设置。

Always-show-scrollbars-setting-Windows-11-300x58.jpg

流畅滚动条功能被描述为旨在"使Chromium滚动条(包括覆盖和非覆盖)现代化,以适应Windows 11流畅的设计语言。这包括对视觉外观的更新,以及用户如何与覆盖式滚动条互动的一些变化"。

微软已经为新的Microsoft Edge的Chromium项目做出了很多贡献,这肯定会是一个有用的补充。

推荐关键词

24小时热搜

查看更多内容

大家正在看