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

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

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

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

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

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

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

本文作者:佚名

来源:51CTO

时间: 2024-12-29 16:14:39

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

谷歌发布全新设计语言Material Design 类界面设计标准

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [摘要]苹果发布的Swift语言是一款编程语言,是为了降低开发者的门槛,谷歌发布的Material Design语言,更严格来说,更像是一套界面设计标准,二者有着天壤之别. 腾讯科技 孙实 6月26日报道 今日凌晨,谷歌在I/O大会上发布了全新设计语言Material Design.在20多天前的WWDC上,苹果也发布了全新编程语言Swift

谷歌设计总监:ANDROID新版CHROME浏览器再设计思路总结

  本文来自 Chrome 视觉设计负责人 Sebastien Gabriel,也是曾经和我在Google IO大会上一起交流过的朋友,看到他的新作详细描述了 Android 上的新版 Chrome 的设计过程,也能看到一些关于谷歌产品中Material Design的发展以及是如何应用的,许多思考和细节都是一手消息,非常详尽,于是翻译出来分享给大家. 译者为阿里MIX设计团队的筱鹿.禅冬,提前透露下,他们团队的老大最近会参加优设的线下讲座,敬请期待 :) 正文开始: 当我开始写这篇文章的时候,

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

早在1年前,谷歌就曾计划将Material Design引入至Chrome,最近谷歌的频繁动作表明已经开始加速推进浏览器整合该跨平台设计语言.根据Google Code上文件显示,有望在Chrome OS v50版本中看到Material Design的任务管理器首次亮相.今天我们能够率先看到这些未完成但是非常接近于完成的改变,不仔细观察几乎很难发现. 浏览器在标签上使用的更矩形的边缘,而并非像现在边缘更加圆润:顶部右上角的"汉堡"菜单按钮已经改成竖向排列的"..."

扁平化设计和MATERIAL DESIGN有什么不一样?

  两种相似的设计风格,一个基于另一个.一个是新热事物,另一个,有人猜测,已经以自己的方式成为一种时尚.一个是自发的--适应设计的趋势,另一个却是有目标--专用的设计指导规范. 你可能明白了扁平化与Material Design之间的冲突了. 但是,他们之间不同是什么呢,本质上是一个比另一个更好?在某些用途上更好?实际上,一些人想知道它们之间的差别有多大,让我们从最基本的开始:拟物化设计的身影出现在每一个身上. 拟物化设计 拟物化设计, 在这个背景下,设计是为了模拟真实的物理世界.通常,这需要设

毛玻璃特效回归 微软公布全新界面设计语言Fluent Design

微软正式公布了其开发代号为Neon的全新界面"Fluent Design System",这是一套全新的面向跨设备和多维度3D未来的设计语言.作为今年晚些时候在Windows 10"秋季创作者更新"中的新界面,全新的Fluent设计语言包括了许多更精致的毛玻璃和模糊效果,其将作为Metro语言的真正继任者,同时也将出现在各类微软iOS和Android应用或服务中. 微软打算渐进式完成界面的更新,目前已经有部分Windows 10应用已经套用了部分Fluent设计语言

android材料设计语言

6月26日消息,据国外媒体报道,谷歌在I/O大会上发布了全新设计语言Material Design,谷歌计划将其应用到Android.Chrome OS和网页等所有平台上. 在开发者大会上,最新发布的Android L系统就采用了Material Design(材料设计)语言.谷歌则表示,Material Design美丽而大胆,其干净的排版和简单布局,更容易理解. Material Design并非首次亮相,在上个月发布的Google+应用升级中就使用了此语言.而整个更新后的界面更换了新图标及

Android Material Design控件学习(一)——TabLayout的用法

前言 Google官方在14年Google I/O上推出了全新的设计语言--Material Design.一并推出了一系列实现Material Design效果的控件库--Android Design Support Library.其中,有TabLayout, NavigationView,Floating labels for editing text,Floating Action Button,Snackbar, CoordinatorLayout, CollapsingToolbar

Android构建Material Design应用详解

长久以来.Android的UI并不算美观,以至于很多IT公司在进行界面设计的时候,为了保证双平台的统一性,强烈要求Android端的界面风格必须与iOS端一致,我认为这里非常不合理的,同一操作系统中各个应用之间的界面统一性要远比一个应用在双平台的界面统一性重要的多,只有这样,才能给使用者带来更好的用户体验.为了解决这个问题,Google公司在2014年IO大会上推出了一套全新的界面设计语言--Material Design(材料设计语言),这次Google在界面设计上确实下足了功夫,一个词,好看

让你的 APP换上Material Design

转自  :http://www.jianshu.com/p/f22c0f50ac3f# 字数3293 阅读1357 评论15 喜欢60 Material Design 我的更多 android 博文,关注作者~每周更新一篇 Android干货博文http://xuyushi.github.io/archives/ 吐槽 作为一个 Android developer,没有什么比拿着 UI 设计的一堆 iOS 风格的设计 来做需求更恶心的了,基本所有空间都要照着 iOS 来画一遍,Material