電腦 comment

十年大變身!介面更直覺、簡潔至上的Google Chrome小試用

person icon Martin 2018-09-06
Google 發展至今似乎處處都有 AI 的影子在,但早期大家最常用的,除了身為基石的搜尋引擎,就屬瀏覽器 Chrome 了吧?而 Chrome 在前陣子也正式過了十歲生日,Google 慶祝的方式也相當簡單-就是直接來個大改版;這樣的改版倒也不是說有砍掉重練的味道,反而是像老公寓拉皮一樣,獲得了一副簡潔、操控更直覺的皮囊外,也有更多針對現時使用習慣而生的新功能!

Google Chrome 大改版


◈電腦版



本次 Chrome 版號為 69.0.3497.81(以下簡稱 69),並針對電腦、手機(iOS、Android)三大平台做同步更新,本篇先來介紹電腦與 iOS 版本,稍晚再來補上 Android 版本~首先針對電腦版,看到首圖大概也可以知道,69 的介面變得與舊版相當不同;首先在上方的書籤列中,色系從灰變為較清爽的白色,不同分頁的邊界也有做改變,算是更有一體性;且大量納入圓角的設計風格,搭配讓分頁中的網頁圖示更清楚的設計概念。Chrome 雖然十歲了,卻是潮裝上身啊~

Chrome 電腦版 - 舊版

舊版

Chrome 電腦版 - 新版

新版


在新分頁欄位右下方多了一個設定選項,可以快速更換底圖等行為;但本次 69 版不知道是國家不支援還是有什麼原因,部分功能其實還沒辦法使用......這邊就先用官圖代替一下

Chrome 電腦版 - 新版,在新分頁欄位右下方多了一個設定選項,可以快速更換底圖等行為。


來看一下基本功能欄,基本上排列順序幾乎沒有差別;不過在行距、字體的呈現上,也有些為改變;另外,這邊也可以看一下右上方該分頁邊緣的樣子,有沒有覺得很熟悉?猛一看其實也蠻像瀏海螢幕的。

Chrome 電腦版 - 舊版,基本功能欄排列順序。

舊版

Chrome 電腦版 - 新版,基本功能欄排列順序幾乎沒有差別;不過在行距、字體的呈現上有些微改變。

新版


主要的設定欄位上,新舊風格並沒有太多差異,主要是在於新版本導入了密碼、Google Pay 付款機制等新功能。左方的設定欄也是走一個相同路線。

Chrome 電腦版 - 舊版,主要的設定欄位。

舊版

Chrome 電腦版 - 新版,主要的設定欄位,新舊風格沒有太多差異,差別在於新版本導入了密碼、Google Pay 付款機制等新功能。

新版


放大看一下最上方的網址欄(這次可以做到的其實不止網址搜尋.....),在分頁較少的時候,可發現邊緣風格與先前差蠻多的;但是說怎麼那個形狀.....都有點像瀏海螢幕的瀏海啊。

Chrome 電腦版,最上方的網址欄,在分頁較少的時候,可發現邊緣風格與先前差蠻多的。


本次 69 其實不僅是外型的改頭換面,在功能操作上也多了整合搜尋列與網址列的新東西「Omnibox」,大致上可以分為幾種作法,一是透過打字方式搜尋天氣、賽事結果以及公眾人物等;但小編自己測試之下,其實只有英文翻譯雨天氣成功率比較高。

Chrome 電腦版 - 新版,最上方的網址欄,功能操作上也多了整合搜尋列與網址列的新東西「Omnibox」- 查天氣。

查天氣

Chrome 電腦版 - 新版,最上方的網址欄,功能操作上也多了整合搜尋列與網址列的新東西「Omnibox」- 查英文字義。

查英文字義


其他像是會直接出現搜尋結果、但目前好像在這個版本都沒有現身;以人物來看,搜尋本名後和推播的目前好像都八字沒一撇;另外,也有在搜尋網址時,會出現這個網站是否已經開啟運作中、可直覺性的直接切換到想要的分類。未來則是計畫將 Google Drive 雲端硬碟也如此處理;有空的話我也會詢問官方看看解法是什麼。

Chrome 電腦版 - 新版,最上方的網址欄,功能操作上也多了整合搜尋列與網址列的新東西「Omnibox」- 查人名還不能使用。

查人名還不能使用

網頁也是類似的狀況


另一項則是主打密碼相關的功能,在一般網頁做申請帳號的動作,點擊密碼的那個欄位後,手機就會生成一組密碼當作身體帳號之用;小編這邊也用 Gaml 申請看看,但點擊密碼欄位後,會出現目前已經有的記憶密碼,而不是重新生出一個,所以就看一下官方的 Gif 吧.....

Chrome 電腦版 - 新版,另一項則是主打密碼相關的功能。

Chrome 電腦版 - 新版,在一般網頁做申請帳號的動作,點擊密碼的那個欄位後,手機就會生成一組密碼當作身體帳號之用。

Chrome 電腦版 - 新版,在一般網頁做申請帳號的動作,點擊密碼的那個欄位後,手機就會生成一組密碼當作身體帳號之用。


◈iOS



接著來看一下 iOS 版的 Chrome 會怎麼呈現,首先是新分頁部分,可以發現整體風格也有做變化外,工具列也移到螢幕底部,在操作時手指就比較容易碰觸的到(尤其是大螢幕手機啊!);而且部分如歷史紀錄、書籤等功能也做成簡潔易懂的圖示。

Chrome iOS版 - 舊版。

舊版

Chrome iOS版 - 新版。

新版





在全部分頁的顯示上,也從舊版的「層層疊」換成方塊狀的排列方式,看起來一體性比較好之餘,想要快速點擊欲檢視的網頁也能一目瞭然外;設定介面也從以往需要額外開啟;簡化為最上方的三個圖示,分別為無痕、分頁以及歷史紀錄。

Chrome iOS版 - 舊版,全部分頁的顯示為「層層疊」的模式。

舊版

Chrome iOS版 - 新版,全部分頁的顯示為「方塊狀」的排列方式。

新版



接下來直接點擊進入網頁中,可以發現新、舊版的設計也有不同,最主要的差別,應該還是在工具列下移、功能圖像化這兩件事情上。

Chrome iOS版 - 舊版,直接點擊進入網頁。

舊版

Chrome iOS版 - 新版,直接點擊進入網頁。

新版


瀏覽網頁中的設定區塊也有做不小的調整,以往開啟就會把網站遮掉一大半,在更新為 69 版後,則是變成面積較小,且分為兩層的 UI 設計,是說新版看起來其實有點長壓 3D Touch 的快捷鍵。

Chrome iOS版 - 舊版,瀏覽網頁中的設定區塊。

舊版

Chrome iOS版 - 新版,瀏覽網頁中的設定區塊。

新版

Chrome iOS版 - 新版,瀏覽網頁中的設定區塊。

新版


至於電腦版介紹的諸多功能,其實手機版也有,但還是遇到無法正常使用的問題.....稍晚測試一下 Android 版本後再來看看是不是有一樣的狀況。

◈小結



整體來說,Chrome 新版無論是電腦或是手機平台,呈現出來的樣貌都是「簡潔」兩字,雖然設計美感這點見仁見智,但小編自己是蠻喜歡的啦,看起來也終於有點符合這個時代的味道。不過 Chrome 新版介面做了大調整,但諸多可設定的功能,其實沒有做太大的更動,應該花少許時間就能適應完成了。建議網友也能自己更新玩玩看~一起來討論吧!
新聞相關討論