title: 設計師手扎，免費線上工具與素材的整理筆記，第1611期 --- **摘要** 本月的設計師手札，特別推薦【線上工具】用 Google 搜尋的功能，搜尋「#123456」就會自動產生成色碼調色盤功能，除了色碼之外還可以顯示更多像是 RGB、CMYK、HSV、HSL、HEX 等各種色碼型式，真的是非常方便，完全不需要開軟體就能快速選色了，另外搜尋「1+1」就會跑出計算機功能喔 **Category** - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) **Tag** - [免費素材](https://www.soft4fun.net/tag/%e5%85%8d%e8%b2%bb%e7%b4%a0%e6%9d%90) - [免費線上工具](https://www.soft4fun.net/tag/%e5%85%8d%e8%b2%bb%e7%b7%9a%e4%b8%8a%e5%b7%a5%e5%85%b7) - [筆記](https://www.soft4fun.net/tag/%e7%ad%86%e8%a8%98) - [網路資源](https://www.soft4fun.net/tag/%e7%b6%b2%e8%b7%af%e8%b3%87%e6%ba%90) - [設計師手札](https://www.soft4fun.net/tag/%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad) - [設計資源](https://www.soft4fun.net/tag/%e8%a8%ad%e8%a8%88%e8%b3%87%e6%ba%90) - [設計趨勢](https://www.soft4fun.net/tag/%e8%a8%ad%e8%a8%88%e8%b6%a8%e5%8b%a2) **圖片清單** - ![%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad-%e7%9c%8b%e6%9d%bf%e5%9c%96-1611](https://cf.img.soft4fun.net/2016/11/設計師手札-看板圖-1611-1.png "%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad-%e7%9c%8b%e6%9d%bf%e5%9c%96-1611") - ![設計師手扎，免費線上工具與素材的整理筆記，第1611期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611](https://1.bp.blogspot.com/-mhfDQESa36g/WCLu-3Wn5rI/AAAAAAAAAuk/r1V7IP8KtEMtvCP9hDMY_Kd1EUE03kM1ACLcB/s1600/%25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611.png "設計師手扎，免費線上工具與素材的整理筆記，第1611期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611") --- ![設計師手扎，免費線上工具與素材的整理筆記，第1611期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611](https://1.bp.blogspot.com/-mhfDQESa36g/WCLu-3Wn5rI/AAAAAAAAAuk/r1V7IP8KtEMtvCP9hDMY_Kd1EUE03kM1ACLcB/s1600/%25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611.png "設計師手扎，免費線上工具與素材的整理筆記，第1611期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596--1611") 本月的設計師手札，特別推薦【線上工具】用 Google 搜尋的功能，搜尋「#123456」就會自動產生成色碼調色盤功能，除了色碼之外還可以顯示更多像是 RGB、CMYK、HSV、HSL、HEX 等各種色碼型式，真的是非常方便，完全不需要開軟體就能快速選色了，另外搜尋「1+1」就會跑出計算機功能喔 ## 【線上工具】[Mausr](https://4fun.tw/fHEk) 在螢幕上畫出個圖案就能快速找出特殊符號的編碼，例如箭頭、數學符號、星星等等…這個網站上有上百個特殊符號，不用去猜要打什麼字搜尋，直接畫出你印象中的符號形狀，這個網站會幫你快速找出，你只要直接複製貼上就能使用，是設計師必備的查詢工具阿 ## 【工作情境】[focusmusic](https://4fun.tw/pory) 為了讓你專注工作的免費線上音樂播放器，所有的音樂都是為能更專注於工作，提高效率，所以不會有歌詞與強烈的曲調，網頁介面簡單到只剩一個播放器，按下中間按鈕即可播放，也能切換上下首，下方功能鍵 Channels 為轉換頻道，分別是電子音樂、柔和的節奏、古典與下雨聲四種，如果不喜歡找音樂，可以試試這款免費的工作情境撥放器 ## 【線上工具】[Sketchup](https://4fun.tw/Cldd) Google 的免費 3D 繪圖軟體 Sketchup 推出線上版了，免安裝軟體也能使用， Sketchup 的下載版軟體有分成免費版跟付費版(年費約2萬台幣)，而網頁版是屬於免費的，透過網頁就能輕鬆製作各種3D模型，繪製好的3D圖都可以下載回來，還有很多現成的物件可以直接套用，此外你也可以註冊會員，將檔案存放在雲端上面 ## 【線上工具】[web-capture](https://4fun.tw/YyLW) 只要輸入網址，就可以將目標網頁，整個頁面都下載成一個圖檔，除了 PNG、JPEG 等基本檔案之外，還可以將 HTML 網頁轉換成 SVG 格式下載，雖然遇到特殊語法的網頁會跑圖，但算是非常實用的一個線上工具網站 ## 【線上工具】[Google 色碼選擇功能](https://4fun.tw/49DI) 用 Google 搜尋的功能，搜尋「#123456」就會自動產生成色碼調色盤功能，除了色碼之外還可以顯示更多像是 RGB、CMYK、HSV、HSL、HEX 等各種色碼型式，真的是非常方便，完全不需要開軟體就能快速選色了，另外搜尋「1+1」就會跑出計算機功能喔 ## 【課程教學】[知乎](https://4fun.tw/TbAp) 「知乎」在中國的古漢語代表「知道嗎」在 2011 年創立於中國，有點類似早期的奇摩知識家，但是這個平台專門分享各行各業的知識，而且可以當作是部落格一樣發表文，看膩臉書上朋友的動態，不如來看看工作上的新動態與知識，讓自己更精進 ## 【線上工具】[GIFDeck](https://4fun.tw/Lpjv) 知名的簡報平台 Slideshare 有很多不錯的簡報，也可以上傳自己的簡報分享給全世界觀看，介介要介紹的這個工具網站，可以將 Slideshare 上面的簡報轉成 GIF 格式，並且可以設定圖片替換時的間隔秒數，變成 GIF 圖就可以分享到 Facebook 社群，此外用在自己的部落格或網站上，也可以用這些 GIF 圖增加網站的停留率，它的介面非常簡單，輸入網址後就可以下載成 GIF 圖回來使用 ## 【典藏書籍】[Stephen Ellcock](https://jiemr.com/1913-stephen-ellcock) 1913 年出版的畫畫教學書，來看看百年前的人是如何教畫畫，目前這本書的收集有部分缺頁，但也保留了八成的內容，文末有電子檔可供下載收藏 ## 【動畫影片】[Pixar 動畫短片 Piper](https://www.facebook.com/abijahguptamusic/videos/1367575979934378/) Pixar 的新動畫短片 Piper 將動物的姿態細節描繪得如此逼真，真的是令人感動又溫馨！導演 Alan Barillaro 是 Pixar 資深動畫師出身，企圖透過影片描述孩子離開父母時的煎熬與信任，而這同時也是一段互相學習的動人過程，並且認為父母應放手讓孩子成長，勇於試錯，給他們成長的空間，這是 2016 皮克斯電影”海底總動員2：多莉去哪兒” 前所放映的短篇動畫