2018年9月,Chrome 69正式发布,为了庆祝谷歌浏览器诞生10周年,它带来了全新的Material Design设计。

这次更新可以说是Chrome的界面十年来最大的变化, 它摒弃了梯形的标签栏和单调的灰色,变成了带有弧度的标签栏和更白的外观。

不仅如此,Chrome浏览器整体都呈现出现代、圆润的风格,更符合Google更新的设计系统。


Test


尽管在Chrome 69之后,浏览器中的很多元素都变得更加圆润,但是在浏览器的内部页面(例如设置和书签),依然没有与谷歌的Material Design风格保持一致。

近期,根据Chromium社区中已提交的部分代码,我们可以看到,谷歌正在将这部分UI设计广泛地应用到Chrome的更多页面中。

其中,Chrome的偏好设置、书签、下载、扩展程序和历史记录页面,都添加了新的样式。


Test


若要体验这些新样式,大家可以通过以下方法在Chrome Canary或Beta中启用新的外观。

复制以下URL并粘贴到Chrome的地址栏中,并将其切换到已启用,然后重启浏览器即可。

chrome:flags#webui-branding-update


一、设置页

重新设计的设置页面看起来与Chrome OS上的设置页非常相似——它放弃了蓝色的顶部栏,而使用了纯白色的背景。

此外,左上角的“设置”旁边新增了一个Chrome的图标,搜索栏也更加圆润。

新设计看起来更现代、更具对比性——只是对某些用户来说,可能会太亮了。


Test


在深色主题下,新旧UI看起来基本相同,只有些许的差异。

比如左上角的浏览器Logo和,以及圆形的搜索栏。


Test


二、书签管理器

书签管理器页面也获得了新的白色外观,在左上角同样多出了一个Chrome的Logo,此外,蓝色顶部栏也换成了纯白色一体式背景。


Test


三、历史记录管理

Chrome的历史记录管理页面也变为了纯白色,更新的工具栏和圆角使其看起来更干净。


Test


四、下载管理

与上述内容一样,浏览器的下载页面将蓝色调换成白色,并使用了带圆角的搜索栏。


Test


五、扩展程序管理

扩展程序页面也变成了全白色,以及带圆角的搜索栏。


Test


总的来说,Chrome的新UI还存在一些样式问题,毕竟它还在开发中,而且,书签管理器中的书签侧边栏的图标也看起来有些过时了。

无论如何,这些变化都会使系统页面看起来与Chrome界面的其余部分更加趋于一致。

本文转自 扩展迷Extfans