十周年，谷歌瀏覽器Chrome最新版（69）采用了新的材料設(shè)計(jì)風(fēng)格，瀏覽器頂部一改過去“硬漢”的風(fēng)格，變得“圓潤”起來。今天，我們就來對比一下新舊瀏覽器版本的變化，看看除了樣式以外，Chrome還給我們帶來了哪些驚喜。（PS：結(jié)尾會放出新版Chrome的Sketch組件下載地址）
1.設(shè)計(jì)思考
就個人的觀點(diǎn)而言，更傾向于新版Chrome的設(shè)計(jì)，原因有四：
1.1圓潤風(fēng)格更舒服
新舊版對比下，新版采用了“圓潤”的風(fēng)格，最明顯的就是選項(xiàng)卡、地址欄、圖標(biāo)或者書簽hover時的背景色都采用了圓角矩形的方式進(jìn)行了處理。從整體上來看，Chrome的更新更貼合Mac OS的風(fēng)格，起碼在MacBook上看起來很舒服。因?yàn)槲覀兌贾捞O果一向推崇圓角矩形的設(shè)計(jì)，在喬布斯看來，整化的邊緣設(shè)計(jì)容易打斷人的思路，而圓角矩形并不像前者那樣過于程序化，它可以讓大腦更舒服且更快速的來處理信息等。
但是瀏覽器的圖標(biāo)依舊保留了之前的棱角設(shè)計(jì)風(fēng)格，沒有替換。
1.2色塊應(yīng)用更合理
新版Chrome對色塊的應(yīng)用更合理，具體表現(xiàn)在選項(xiàng)卡選中前后淺灰色和白色區(qū)分更明顯，同時選項(xiàng)卡的白色一直延續(xù)到書簽欄模塊，減少了大面積顏色的應(yīng)用，似乎谷歌要推行全新設(shè)計(jì)語言“All-White”并非空穴來風(fēng)。
1.3交互設(shè)計(jì)有改進(jìn)
新版Chrome打開新選項(xiàng)卡操作的指示圖標(biāo)從“平行四邊形”變成了“加號”，指示性更明顯，也更符合用戶的認(rèn)知習(xí)慣；此外，登錄用戶賬戶的操作圖標(biāo)也調(diào)整了位置，和收藏、更多選項(xiàng)等功能型圖標(biāo)入口并排展示，符合分組的交互設(shè)計(jì)策略，設(shè)計(jì)布局更合理。
1.4安全策略的努力
新版Chrome進(jìn)一步強(qiáng)化了瀏覽器在安全策略方面所做出的努力，棄用Flash，并對未滿足安全要求的網(wǎng)站在地址欄前方進(jìn)行醒目的“不安全”標(biāo)記，保障用戶訪問網(wǎng)站的安全。
2.回到舊版本的方法
如果你覺得新版的Chrome太丑，不需要下載舊版本的Chrome，只需要設(shè)置一波即可。首先我們打開瀏覽器在地址欄輸入chrome://flags/#top-chrome-md，然后把當(dāng)前的“default”選項(xiàng)改為“normal”，最后重啟瀏覽器即可。
3.新版Chrome的Sketch組件下載
最后是新版Chrome69 Sketch UI資源免費(fèi)下載，矢量設(shè)計(jì)圖標(biāo)，可以用在原型、web網(wǎng)站作品集上，只需要關(guān)注“愛交互”公眾號，留言“Chrome69”即可獲取下載地址。
推薦閱讀：
直播回顧：首次獻(xiàn)聲，《交互設(shè)計(jì)的第一節(jié)課》直播回顧，附完整版PPT下載
精品（超過1000贊）：干貨：讓你全方位學(xué)習(xí)成為一名交互設(shè)計(jì)師（1.6萬字誠意之作）
資產(chǎn)證券化業(yè)務(wù)：還在吐槽租房黑中介？快來學(xué)習(xí)資產(chǎn)證券化ABS業(yè)務(wù)和設(shè)計(jì)
