Chrome 的 Material Design Refresh 设计语言初探

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

内容简介: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]


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

查看所有标签

猜你喜欢:

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

Producter 让产品从0到1

Producter 让产品从0到1

周楷雯 / 人民邮电出版社 / 2016-12-25 / CNY 69.00

这是一本以App Store首页推荐的成功App为例阐述如何完成一款App产品的设计、开发和营销的书。在这本书之后,作者的《一炷香》和《字里行间》两款产品也接连被App Store首页推荐。 《Producter 让产品从0到1》从产品的设计、产品的实现、产品的迭代、产品的营销、产品的进阶等几个角度,全面讲解了产品设计的基本原则、设计的重要性、设计的感觉、实用的设计工具、简单的iOS开发、产......一起来看看 《Producter 让产品从0到1》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

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

正则表达式在线测试