采用设计语言Material Design的Chrome浏览器长啥样

简介:

早在1年前,谷歌就曾计划将Material Design引入至Chrome,最近谷歌的频繁动作表明已经开始加速推进浏览器整合该跨平台设计语言。根据Google Code上的文件显示,有望在Chrome OS v50版本中看到Material Design的任务管理器首次亮相。今天,我们能够率先看到这些未完成但是非常接近于完成的改变,不仔细观察几乎很难发现。

浏览器在标签上使用的更矩形的边缘,而并非像现在边缘更加圆润;顶部右上角的“汉堡”菜单按钮已经改成竖向排列的“...”按钮,而这些按钮在鼠标点击之后都会有按钮动画 。信息条、安全图标和书签按钮都进行了重新设计。

来自Google Code的设计规格,显示了新的全黑匿名模式预览图片:

另一份设计规格显示已经更新的多媒体播放器:

浏览器在细节方面也会进行改善,包括滚动条、按钮、新图标等等。

由Chrome团队重新设计的其他页面,包括下载、扩展程序、设置和历史。






本文作者:佚名
来源:51CTO
目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
从零开始,轻松打造个人化Chrome浏览器插件
从零开始,轻松打造个人化Chrome浏览器插件
67 0
|
4月前
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
294 0
|
4月前
|
Web App开发
喂~讲真~我很讨厌chrome谷歌浏览器的默认填充输入框input样式咧,敲击讨厌滴啦,怎么去掉介个样式尼
喂~讲真~我很讨厌chrome谷歌浏览器的默认填充输入框input样式咧,敲击讨厌滴啦,怎么去掉介个样式尼
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
152 0
|
3月前
|
Web App开发 前端开发 搜索推荐
Chrome 浏览器中的一个隐藏设置页面
Chrome 浏览器中的一个隐藏设置页面
100 8
|
4月前
|
Web App开发
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
Google Chrome 浏览器 119.0.6045.106 版本提示 STATUS_INVALID_IMAGE_HASH 崩溃
68 0
|
4月前
|
Web App开发 Linux Android开发
Chrome谷歌浏览器的WeChat微信模拟器,既可以设置模拟很多型号的手机设备Mozilla
Chrome谷歌浏览器的WeChat微信模拟器,既可以设置模拟很多型号的手机设备Mozilla
|
3月前
|
Web App开发 前端开发 安全
Chrome浏览器进程:了解多进程架构优劣的探索
Chrome浏览器进程:了解多进程架构优劣的探索
|
3月前
|
Web App开发 JSON 前端开发
6款开发必备的Chrome谷歌浏览器扩展(部分火狐、edge浏览器商店也可以用)
6款开发必备的Chrome谷歌浏览器扩展(部分火狐、edge浏览器商店也可以用)
38 0
|
3月前
|
Web App开发 存储 前端开发
Chrome 浏览器的隐身窗口(incognito window)功能解析
Chrome 浏览器的隐身窗口(incognito window)功能解析
92 0