采用 Material Design 的 Chrome 会是什么样子

简介:

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

screenshot

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

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

screenshot

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

screenshot

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

screenshot
screenshot

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

screenshot
screenshot

====================================分割线================================
文章转载自 开源中国社区[http://www.oschina.net]

目录
相关文章
|
Web App开发 Android开发 Windows
|
3月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
542 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
1月前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
110 2
|
1月前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
185 2
|
1月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
254 9
|
2月前
|
Web App开发 开发者
|
2月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
|
2月前
|
Web App开发 缓存 安全
Chrome浏览器启动参数大全
这是一组用于定制浏览器行为的命令行参数,包括但不限于:不停用过期插件、放行非安全内容、允许应用中心脚本、停用GPU加速视频、禁用桌面通知、禁用拓展及各类API、调整缓存设置、启用打印预览、隐身模式启动、设定语言、使用代理服务器、无头模式运行等。通过这些参数,用户可以根据需求灵活调整浏览器功能与性能。
|
3月前
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题