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

Sketch下载 夜雨 198℃ 0评论
十周年,谷歌浏览器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”即可获取下载地址。

转载请注明:爱交互 » 十周年,谷歌浏览器Chrome69版本全新设计思考,附相应Sketch组件下载

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址