title: 設計師手扎，免費線上工具與素材的整理筆記，第1606期 --- **摘要** 本月的設計手札除了介紹設計師的工具之外，也另外分享了影片剪接師所需要的影音素材，是由 vimeo 所提供的免費音樂配樂及音效庫，具有上萬個免費音樂素材供給大家下載，接下就是介紹本期的設計師資源筆記了 **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) **圖片清單** - ![設計師手札-看板圖-1606D](https://cf.img.soft4fun.net/2016/06/設計師手札-看板圖-1606D.png "設計師手札-看板圖-1606D") - ![設計師手扎，免費線上工具與素材的整理筆記，第1606期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D](https://lh3.googleusercontent.com/-jzRa0m7k42s/V17WXoGYprI/AAAAAAABGeA/bHkSvc0LMm0JMgRVjgu3-NMx3gL74cgKwCCo/s590/%25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D.png "設計師手扎，免費線上工具與素材的整理筆記，第1606期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D") --- ![設計師手扎，免費線上工具與素材的整理筆記，第1606期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D](https://lh3.googleusercontent.com/-jzRa0m7k42s/V17WXoGYprI/AAAAAAABGeA/bHkSvc0LMm0JMgRVjgu3-NMx3gL74cgKwCCo/s590/%25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D.png "設計師手扎，免費線上工具與素材的整理筆記，第1606期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1606D") 本月的設計手札除了介紹設計師的工具之外，也另外分享了影片剪接師所需要的影音素材，是由 vimeo 所提供的免費音樂配樂及音效庫，具有上萬個免費音樂素材供給大家下載，接下就是介紹本期的設計師資源筆記了 【線上工具】[firealpaca](https://4fun.tw/IxoV) 來自日本的線上 GIF 製作工具，只要上傳圖片就可以輕鬆製作出 GIF 圖，還有非常多的編輯工具能在GIF圖上合成文字與圖片 【設計素材】[Vimeo Music Store](https://4fun.tw/tOzf) vimeo 是知名的影片串流平台，除了讓大家上傳影片之外，也提供免費音樂配樂及音效庫，上萬個免費音樂素材，每個音樂有不同授權方式（大部分都是免費的）遇到姓名標示的授權，Vimeo Music Store 在下載時會顯示原始碼，讓你快速的標示在你的作品介紹內，此外也提供其它付費授權的音樂 【工具軟體】[Boxy SVG](https://4fun.tw/FOKn) 免費的向量繪圖軟體，可以編輯 SVG 檔案，其實他只是 Chrome 瀏覽器的外掛，所以可以跨平台使用，軟體檔案很小所以不會吃太多系統資源，使用上非常快速方便 【線上工具】[Google Search Console](https://4fun.tw/pALE) Google 推出新的網站行動裝置相容性測試工具，您的網頁適合透過行動裝置瀏覽嗎？只要輸入網址即可知道測試結果！ 【犒賞設計】[台北影評人協會](https://4fun.tw/POUT) Taipei Film Critics Association 這個網站提供許多部影片的評論，當我們欣賞完電影的美術之於，也試試用不同的角度看看電影的深度評論 【線上工具】[about.me](https://4fun.tw/gTyo) 設計師的名片除了要打上作品網站的網址之外，甚至還要有 Facebook、Twitter 等社交帳號，更不用說 Blog、.Pinterest、 Flickr 這些作品網址，如果都要寫到名片上面，將會很大一串，而且很醜，這個網站提供簡單的一頁式網頁產生器，可以將這些網址整理成一個一頁式網頁，而且呈現的介面也很簡約大方，可以點此看介介的範例：https://4fun.tw/3ViR 【精緻工藝】[金屬雙面刀刃刮鬍刀](https://www.kickstarter.com/projects/rockwellrazors/rockwell-model-t-razor-and-razor-blades-shaving-pe?ref=card) 古早味的雙面刀刃的刮鬍刀，刀片耗材一片才3塊錢，減少塑膠更環保，經過設計師的巧思，除了雙門開口式裝填刀片，還可透過轉軸調整刀片角度對應每張臉頰，目前在國外‪‎kickstarter募資，大概要2017年3月才會陸續出貨