設計網頁除了參考現有網站的排版、架構外，更需要的就是觀摩別人是怎麼配色、選擇字型，好的設計不但能讓整體網頁質感加分，還有助於讓訪客更容易了解網站動線，而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具，只要輸入網址，即可分析出網頁使用的所有顏色配置，包括背景顏色、文字顏色、字型、字體大小等資訊。

網站名稱：Stylify Me
網站鏈結：http://stylifyme.com/

使用教學

Step 1

開啟 Stylify Me 後輸入要測試的網站網址，按下 Stylify Me 按鈕後，會隨即跳出該頁面使用的背景顏色、文字顏色色碼，如果你想知道某個網站使用的鏈結顏色，透過這項工具就能很輕易的找出來，而不用辛苦去開啟 CSS 來分析。

Step 2

不僅如此，Stylify Me 還會顯示文字排版的相關細節，包括網站使用了那些字型、字體大小和顏色。將網頁往下拖曳，還能看到網站上的圖片、以及整個網頁的截圖（中文也能正常顯示喔！）。

Step 3

Stylify Me 還有一個特別的功能，點選網頁上的 Download 還能將該頁面的資料匯出、保存成 PDF 文件格式，如果你想收集一些網站的配色、文字配置資訊，可以透過這項功能把資訊儲存下來。

喜歡免費資源網路社群的文章嗎？歡迎追蹤我們的 Facebook、Twitter 和 Google+，或是透過 Email 訂閱更新。

Pintereset 是一個相當知名的圖片分享平台，其特色為瀑布流設計，讓使用者在網頁裡可以找到自己有興趣的圖片內容，Pinterest 名稱是由單字 Pin 及 Interest 所組合而成，意思就是把有興趣的圖片給「釘」在牆上。近期 Pinterest 在 Chrome 瀏覽器推出一款很棒的擴充功能，可以在每次開啟新分頁時自動隨機顯示一張攝影美圖，如果你已經厭倦了 Google 瀏覽器每次在開新分頁時的單調畫面，來試試看 Pinterest Tab 吧！

Pinterest Tab 能讓使用者自行挑選有興趣的照片分類，包括流行、藝術、旅遊、運動、園藝、人物、美食、攝影、科學、貓咪、設計、大自然等等的相片類型，選擇後就會自動在每次開啟新分頁時顯示一張漂亮的攝影作品，這些照片都是來自 500px 或國家地理頻道，整體相當具有質感。

不僅如此，Pinterest Tab 還會在分頁下方顯示目前的時間、日期、氣溫、日出日落時間，如果你有使用 Google 日曆來規劃、安排行程，也會將你的行事曆一併顯示於左下角。想以一張美麗的攝影圖片開啟新的一天嗎？Pinterest Tab 是個不錯的選擇。

擴充功能資訊

元件名稱：Pinterest Tab
適用平台：Chrome
程式語系：英文
官方網站：https://www.pinterest.com/
安裝頁面：從 Chrome 線上應用程式商店下載

使用教學

Step 1

以 Google Chrome 瀏覽器開啟 Pinterest Tab 頁面，點選右上角的「+ 免費」按鈕來下載、安裝，安裝後開啟新分頁就能看到效果。

Step 2

第一次開啟 Pinterest Tab 時，可以選擇你有興趣的相片分類，挑選完後按下 Start My Day 開始使用吧！

Step 3

個人很喜歡 Pinterest Tab 下方的時鐘設計，除了會顯示目前時間、星期，還會有日出日落時間、氣溫可以參考。另外，如果你有使用 Google 日曆來安排行程的話，左下角 Your Day 也會同時顯示你今天的行程和時間喔！

Step 4

遇到喜歡的背景圖案嗎？右下角的 Pinterest 功能可以讓你把圖片轉「釘」到自己的 Pinterest 版面。如果喜歡看美圖，點選右上角的重新整理圖案還能隨機切換下一張圖片。

另外，我先前也介紹過幾款能讓你 Google 瀏覽器分頁更漂亮的擴充功能，包括 Dream Afar 遠方、Momentum、簡 Tab 等等，喜歡這類外掛的朋友都可以去參考看看。

喜歡免費資源網路社群的文章嗎？歡迎追蹤我們的 Facebook、Twitter 和 Google+，或是透過 Email 訂閱更新。