title: 設計師手扎，免費線上工具與素材的整理筆記，第1605期 --- **摘要** 5月號的設計師手札出刊了，這次又要帶給大家新的免費資源與設計作品欣賞，總計 13 筆，其中要特別介紹的是一款線上工具 smartmockups 情境圖線上合成工具，可以合成手機 iOS、Android、Windows Phone、Mac 等多種背景情境，只要上傳圖片，挑選環境，就會自動幫你合成起來，可以快速產生形象示意圖 **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) **圖片清單** - ![設計師手札-看板圖-1605](https://cf.img.soft4fun.net/2016/05/設計師手札-看板圖-1605.png "設計師手札-看板圖-1605") - ![設計師手扎，免費線上工具與素材的整理筆記，第1605期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1605](https://lh3.googleusercontent.com/-tJ0sq-xys5g/Vy6gAKAO1UI/AAAAAAABE8k/5I_5QpM8By8l4df-AcxJq21_KeFKc1zZACCo/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-1605.png "設計師手扎，免費線上工具與素材的整理筆記，第1605期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1605") --- ![設計師手扎，免費線上工具與素材的整理筆記，第1605期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1605](https://lh3.googleusercontent.com/-tJ0sq-xys5g/Vy6gAKAO1UI/AAAAAAABE8k/5I_5QpM8By8l4df-AcxJq21_KeFKc1zZACCo/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-1605.png "設計師手扎，免費線上工具與素材的整理筆記，第1605期 %25E8%25A8%25AD%25E8%25A8%2588%25E5%25B8%25AB%25E6%2589%258B%25E6%259C%25AD-%25E7%259C%258B%25E6%259D%25BF%25E5%259C%2596-1605") 5月號的設計師手札出刊了，這次又要帶給大家新的免費資源與設計作品欣賞，總計 13 筆，其中要特別介紹的是一款線上工具 smartmockups 情境圖線上合成工具，可以合成手機 iOS、Android、Windows Phone、Mac 等多種背景情境，只要上傳圖片，挑選環境，就會自動幫你合成起來，可以快速產生形象示意圖 【線上工具】[Closure Compiler](https://4fun.tw/ocsy) Javascript 的壓縮器 Closure Compiler，除了可將 Javascript 進行壓縮外降低網站流量消耗，還會進行優化與檢測程式中，是否有出錯或問題，並協助改善程式碼，減少bug的發生，而Closure Tools除了有線上版外，也可安裝在自己的主機中 【線上工具】[googlefiber](https://4fun.tw/FHsZ) Google 推出線上工具，可以測試自己上網的速度，不需安裝任何軟體，只要上這個網站，就能直接幫換算你的上傳速度與下載檔案的速度 【線上工具】[smartmockups](https://4fun.tw/z0NP) 情境圖線上合成工具，iOS、Android、Windows Phone、Mac 等多種樣品圖，只要上傳圖片，挑選環境，就會自動幫你合成起來，可以快速產生形象示意圖 【線上工具】[Landscape](https://4fun.tw/IIg0) 上傳照片幫你裁切支援社群網站的最佳尺寸 Landscape 比同類型工具更特別的地方，是能一次就能裁切社群媒體上各種專用尺寸，直接打包下載，是一個省工的好工具 【免費軟體】[pdftrick](https://4fun.tw/XmSa) 抓取 PDF 中的圖片檔案，不需要再用螢幕抓圖了，打開這個軟體在右側會顯示該PDF檔案中的圖片檔案，選好你要抓取的圖片後，再點選 GET IMG 後就可以將PDF中的照片轉存到電腦裡了 【設計素材】[Sozai-Page 【素材ページ】](https://4fun.tw/Kcxh) 來自日本的食材圖庫，免費下載可用於商業用途使用，全部都是素色的白背景，而且會依照食材做分類，例如魚類、肉類、果類等等，照片拍攝的細節很清楚，網站也會持續新增照片，值得收藏的免費素材網站 【線上工具】[maxwellito](https://4fun.tw/oeP9) 在格紋子上畫畫已經畫膩了嗎? 試試看另類的像素風格，在三角形的格子裡做畫吧，畫到一半還可以將原始檔先存到電腦裡，下次要畫的時候只要上傳開啟就能繼續做畫，作品最後可以下載成 SVG 向量格式 【企業識別】[2020 東京奧運主視覺](https://4fun.tw/Aor0) 2020 東京奧運主視覺正式出爐，除了正選之外的作品，還有其它 3 件傑出作品，這些都是透過網友票選的以 運動表現、日本文化、世界和平、超越自我、團隊合作等多個主題，分別投票後再選出的，這樣的票選含蠻適合台灣借鏡參考 【精緻工藝】[創意桌子設計收集](https://4fun.tw/mHAG) 這一系列的創意桌子設計介介從很久以前就開始收集了，當初純粹是自己設計參考用，所以沒特別記錄設計師的名子與圖片來源，現在分享出來也想說幫這些作品的找到他們的創作者，因此大家要是知道哪張椅子的設計師，可以在文末留言，告知圖片編號與設計師的資料，我會持續更新並新增有趣的桌子設計作品給大家 【攝影美學】[ANGÉLICA DASS](https://4fun.tw/K5MW) 攝影師 ANGÉLICA DASS 將世界各地的皮膚色調以 Pantone 色票的方式標示出來，讓你更清楚的了解每個國家的膚色，即使是黑人的膚色也會有些許的差異，用色票的方式讓人更清楚中間的差異，也是繪畫時的參考依據 【平面設計】[2016新一代各校系海報](https://4fun.tw/lqY2) 這個 FB 粉絲頁，收集了各校各系在 2016年的新一代設計展的主視覺海報設計 【攝影美學】[梁文音的部落婚禮記錄](https://4fun.tw/UABH) 臺灣原住名的婚禮記錄，少見的部落婚禮紀錄，新娘是知名歌手梁文音 【動畫影片】[簡波爾多的官方音樂MV](https://4fun.tw/oxhB) 簡波爾多的 Ma’agalim 官方音樂MV 故事描述在一個被遺忘的老竹篙商場，一個木製娃娃總是停留在那個時間和地點，有趣的運鏡與故事張力，配上音樂節奏讓畫面更有意境，適合上班聽的好音樂 - [分享到 Facebook(在新視窗中開啟) Facebook](https://www.soft4fun.net/tech/website-recommand/designer-memo-1605.htm?share=facebook) - [分享到 Threads(在新視窗中開啟) Threads](https://www.soft4fun.net/tech/website-recommand/designer-memo-1605.htm?share=threads) - [分享到 X(在新視窗中開啟) X](https://www.soft4fun.net/tech/website-recommand/designer-memo-1605.htm?share=x)