Chrome:新 UI 体验
本文最后更新于 322 天前,其中的信息可能已经有所发展或是发生改变。

Chrome 已经很久没有进行过大的样式修改,但近期在稳定分支中添加了新的 flags 实验性标志,带来了全新的设计与外观,启用方式如下:

  1. 在 Chrome 浏览器的搜索栏中输入并访问 chrome://flags
  2. 搜索“Refresh 2023”显示与新设计相关的所有标志,包括 #chrome-refresh-2023 和 #chrome-webui-refresh-2023(Mac端中还有 #cr2023-mac-font-smoothing),设置为“Enabled”启用
  3. 重启浏览器后即可使用 Chrome 的新外观

注:本文 Chrome 版本为正式版本 116.0.5845.141,系统版本为 Windows 11 22H2

新旧 UI 对比

毫无疑问,新式外观的最大特点就是使用了大量的“圆角”设计,补充并统一了众多功能的图标风格,各种下拉框(设置、邮件、收藏夹)的边距也变得更加宽裕;同时采用了与 Android 的 Material 3 效果相似的样式,相信使用或者关注 Android 13/14 的用户会很眼熟。

多标签页管理

?Refresh

?Default

站点信息

?Refresh

?Default

个人资料

?Refresh

?Default

自定义及控制

?Refresh

?Default

114 / 115 / 116 正式版本的下拉框边距似乎是逐渐减少的

右键菜单

?Refresh

?Default

标签页组

?Refresh

?Default

侧边栏(阅读清单)

?Refresh

?Default

设置

?Refresh

?Default

不同主题颜色

在不同主题颜色下,Chrome 带来的样式也不尽相同,主要体现在标题栏和强调色上。

尚不完善的部分

作为一个测试功能,新 UI 的体验是存在一些 BUG 或不完善的地方。

image.png
最大化下多标签管理的按钮紧贴边缘
同时存在的新旧功能
“粉配黑”

不过作为一款尚未作为默认配置的功能模块,出现一些问题也可以理解,相信 Chrome 团队在正式上线前一定会逐步优化。

总结

在使用了几天后,Chrome 的新设计确实给了我一种新鲜感,大量的线性图标和更宽裕的下拉框边距也可以说是十分的美观,左上角的多标签管理图标还泛着一股与 Edge 浏览器双向奔赴的感觉,相信该 UI 界面会在某个版本被官方转正。

作者:AlexSJC
本文采用 CC BY-NC-ND 4.0 许可协议
暂无评论

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇