Chrome 的 Material Design Refresh 设计语言初探

栏目: IT资讯 · 发布时间: 6年前

内容简介:Google 透露,Chrome 浏览器的页面标签已经不再像以往那样倾斜和尖锐的外观,将引入圆形标签,圆润的地址栏和新的打开标签按钮。用户现在可以输入 chrome://flags/#top-chrome-md,然后从“UI Layout for the b...

Google 透露,Chrome 浏览器的页面标签已经不再像以往那样倾斜和尖锐的外观,将引入圆形标签,圆润的地址栏和新的打开标签按钮。用户现在可以输入 chrome://flags/#top-chrome-md,然后从“UI Layout for the browser's top chrome”右侧的下拉菜单中选择“Refresh”查看效果。

Chrome 的 Material Design Refresh 设计语言初探

援引外媒 9to5Mac 报道,Google 还公布了升级版 Material Design 文档,其中“Material Design 2”名字已经被“Material Design Refresh”所替代。同 Chrome OS 系统界面进行的调整一致,Google 希望增强 Chrome 浏览器对触控的友好性。此外还有消息称 Google 计划对 Gmail 用户界面进行调整,相信会在今年 5 月的 I/O 大会上公布更多内容。

在本次设计调整中,在 Windows、 Linux 和 Chrome OS 上新建标签页图标“+”按钮已经移动到最左侧,但是在 macOS 平台上依然保留在最右侧。其他方面,还包含 Omnibar 下拉菜单的浮动效果。

最后,账号 avatar 图标已经移动到靠近地址栏的 工具 条上。从目前掌握的情况来看本次调整并不是特别的大,很多界面元素并非发生改变,想要实现“Refresh”级别还有一段蛮长的路要走。

Chrome 的 Material Design Refresh 设计语言初探

Chrome 的 Material Design Refresh 设计语言初探

Chrome 的 Material Design Refresh 设计语言初探

Chrome 的 Material Design Refresh 设计语言初探

Chrome 的 Material Design Refresh 设计语言初探

Chrome 的 Material Design Refresh 设计语言初探

来源:cnBeta.com


【声明】文章转载自:开源中国社区 [http://www.oschina.net]


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Eloquent JavaScript

Eloquent JavaScript

Marijn Haverbeke / No Starch Press / 2011-2-3 / USD 29.95

Eloquent JavaScript is a guide to JavaScript that focuses on good programming techniques rather than offering a mish-mash of cut-and-paste effects. The author teaches you how to leverage JavaScript's......一起来看看 《Eloquent JavaScript》 这本书的介绍吧!

html转js在线工具
html转js在线工具

html转js在线工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试