Ink for Google 為你的 Google 網站樣式畫龍點睛!更具質感設計效果(Chrome 擴充功能)

Ink for Google 為你的 Google 網站樣式畫龍點睛!讓它更貼近質感設計(Chrome 擴充功能)

Google 在前年 Google I/O 大會發表了全新 Material Design(質感設計)規範,這項設計是希望能透過新技術與科學的可能性,組合出良好設計的經典原則,有越來越多 Google 服務及應用程式已經開始遵循著 Material Design 設計風格,Google 也釋出免費向量圖示集免費圖示來供開發者自由使用,如今有越來越多的服務正朝這個方向前進當中。

但在過渡時期仍有一些 Google 服務尚未完成更新,或者你會發現可能某些服務的設計樣式跟其他有些許差異,沒關係,那就用 Ink for Google 來把它變得更好看、更賞心悅目吧!

Ink for Google 是一款免費 Chrome 擴充功能,與 Black Menu for Google 來自同開發者,這項外掛的功能很單純,可以為你的 Google 服務增添更多色彩!改善原有設計,讓它們看起來更貼近 Material Design 設計風格。Ink for Google 除了修改版面設計外,並不會讀取任何你儲存於 Google 服務裡的資料,可以放心使用。

擴充功能資訊

元件名稱:Ink for Google
適用平台:Chrome
程式語系:英文
官方網站:https://carlosjeurissen.com/ink-for-google
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

開啟 Ink for Google 官方網站或 Chrome 擴充功能頁面,點選右上角的「+加到 Chrome」把這項功能安裝到瀏覽器。

Ink for Google

STEP 2

安裝後開啟各種 Google 相關服務,就能看出使用 Ink for Google 前後的差異性。

以下我會列出幾個較多人使用的 Google 服務,上圖是原始設計樣式,下圖是 Ink for Google 更動後的新效果,大家可以比較一下是不是看起來更有質感。

Ink for Google

YouTube 在 Ink for Google 更動樣式後看起來更有質感了!不但上方的頁首部分使用紅色來做為背景,搜尋框也加大顯示,左側邊欄每個項目間距也稍微加大顯示,讓每個選項之間看起來不會過於擁擠。

Ink for Google

STEP 3

現有的 Google Drive 雲端硬碟也是上方留白顯示,跟 YouTube 一樣。

Ink for Google

透過 Ink for Google 調整後,上方變成了不同的顏色背景,左側邊欄則變成白色背景。

Ink for Google

STEP 4

Google Keep 原有設計已經在之前更新過,所以看起來比較貼近 Material Design 風格,不過一樣有上方頁首部分留白的情形。

Ink for Google

經過 Ink for Google 的小幅調整後,原有上方的頁首設計已有所不同,沒有了留白的區域看起來也更整體、更具一致性。

Ink for Google

STEP 5

其他像是 Google Play 商店或 Google 翻譯(Google Translate)也都有了樣式上的調整。

Ink for Google
Ink for Google

你覺得更改後的新設計好不好看呢?我還蠻喜歡的,也就把 Ink for Google 留下來繼續使用,順便寫了這篇文章介紹給免費資源網路社群讀者做為參考。如果你平常很倚賴 Google 旗下的各項服務,可以考慮安裝 Ink for Google 來讓設計稍微有些變化喔!

延伸閱讀:Facebook Flat 將臉書網頁樣式平面化,更美麗更輕量,提升整體速度!(Chrome 擴充功能)

值得一試的三個理由:

  1. 使用 Google Chrome 擴充功能來改善 Google 服務的版面設計
  2. 加入更多 Material Design 設計元素
  3. 不使用時直接移除擴充功能,不會對帳號產生任何問題
分享本文
Pseric

Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

文章: 6495