十周年,谷歌浏览器Chrome69版本全新设计思考,附相应Sketch组件下载

十周年,谷歌浏览器Chrome最新版(69)采用了新的材料设计风格,浏览器顶部一改过去“硬汉”的风格,变得“圆润”起来。今天,我们就来对比一下新旧浏览器版本的变化,看看除了样式以外,Chrome还给我们带来了哪些惊喜。(PS:结尾会放出新版Chrome的Sketch组件下载地址)

1.设计思考

就个人的观点而言,更倾向于新版Chrome的设计,原因有四:

1.1圆润风格更舒服

新旧版对比下,新版采用了“圆润”的风格,最明显的就是选项卡、地址栏、图标或者书签hover时的背景色都采用了圆角矩形的方式进行了处理。从整体上来看,Chrome的更新更贴合Mac OS的风格,起码在MacBook上看起来很舒服。因为我们都知道苹果一向推崇圆角矩形的设计,在乔布斯看来,整化的边缘设计容易打断人的思路,而圆角矩形并不像前者那样过于程序化,它可以让大脑更舒服且更快速的来处理信息等。

但是浏览器的图标依旧保留了之前的棱角设计风格,没有替换。

1.2色块应用更合理

新版Chrome对色块的应用更合理,具体表现在选项卡选中前后浅灰色和白色区分更明显,同时选项卡的白色一直延续到书签栏模块,减少了大面积颜色的应用,似乎谷歌要推行全新设计语言“All-White”并非空穴来风。

1.3交互设计有改进

新版Chrome打开新选项卡操作的指示图标从“平行四边形”变成了“加号”,指示性更明显,也更符合用户的认知习惯;此外,登录用户账户的操作图标也调整了位置,和收藏、更多选项等功能型图标入口并排展示,符合分组的交互设计策略,设计布局更合理。

1.4安全策略的努力

新版Chrome进一步强化了浏览器在安全策略方面所做出的努力,弃用Flash,并对未满足安全要求的网站在地址栏前方进行醒目的“不安全”标记,保障用户访问网站的安全。

2.回到旧版本的方法

如果你觉得新版的Chrome太丑,不需要下载旧版本的Chrome,只需要设置一波即可。首先我们打开浏览器在地址栏输入chrome://flags/#top-chrome-md,然后把当前的“default”选项改为“normal”,最后重启浏览器即可。

3.新版Chrome的Sketch组件下载

最后是新版Chrome69 Sketch UI资源免费下载,矢量设计图标,可以用在原型、web网站作品集上,只需要关注“爱交互”公众号,留言“Chrome69”即可获取下载地址。


推荐阅读:

直播回顾:首次献声,《交互设计的第一节课》直播回顾,附完整版PPT下载

精品(超过1000赞):干货:让你全方位学习成为一名交互设计师(1.6万字诚意之作)

资产证券化业务:还在吐槽租房黑中介?快来学习资产证券化ABS业务和设计

你可能感兴趣的:(十周年,谷歌浏览器Chrome69版本全新设计思考,附相应Sketch组件下载)