title: 設計師手扎，免費線上工具與素材的整理筆記，第1601期 --- **摘要** 設計師筆記本2016年的第一本終於生出來了，讓大家期待已久了 (有嗎?) 總之這個月我去找淡水阿嬤聊天，她說我這麼帥，一定要去演電影當男主角，成為一名少女殺手，回家跟蘿蔔糕女孩說了這件事後，她扶著我俊美的臉龐說：難道你不知道淡水阿嬤最愛哄小朋友開心的嗎? 不~~~妳騙人!!! (灑淚奔跑) 一定是妳不是少女了，所以妳才不相信 (被毆) **Category** - [網站推薦](https://www.soft4fun.net/category/tech/website-recommand) - [部落格經營](https://www.soft4fun.net/category/blog-management) **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) **圖片清單** - ![201601-Design-Notes](https://cf.img.soft4fun.net/2016/01/201601-Design-Notes.png "201601-Design-Notes") - ![設計師手扎，免費線上工具與素材的整理筆記，第1601期 201601-Design-Notes](http://i2.wp.com/us.pic.soft4fun.net/jiemr/2015-Design-Notes/201601-Design-Notes.png?resize=600%2C400 "設計師手扎，免費線上工具與素材的整理筆記，第1601期 201601-Design-Notes") --- ![設計師手扎，免費線上工具與素材的整理筆記，第1601期 201601-Design-Notes](http://i2.wp.com/us.pic.soft4fun.net/jiemr/2015-Design-Notes/201601-Design-Notes.png?resize=600%2C400 "設計師手扎，免費線上工具與素材的整理筆記，第1601期 201601-Design-Notes") 設計師筆記本2016年的第一本終於生出來了，讓大家期待已久了 (有嗎?) 總之這個月我去找淡水阿嬤聊天，她說我這麼帥，一定要去演電影當男主角，成為一名少女殺手，回家跟蘿蔔糕女孩說了這件事後，她扶著我俊美的臉龐說：難道你不知道淡水阿嬤最愛哄小朋友開心的嗎? 不~~~妳騙人!!! (灑淚奔跑) 一定是妳不是少女了，所以妳才不相信 (被毆) 扯太遠了，跳回來，這月的筆記本要特別推薦的是一個免費設計素材，來自Rijksmuseum 荷蘭 阿姆斯特丹國家博物館，他們將館內的作品以 CC0 授權的方式讓大家免費下載，而且可應用在商業用途上，數量累積了約20萬件，介介覺得最有趣的地方是，當初採用半開放的方式，下載超過 200MB 的 TIF 格式的圖檔時，才需要支付 40 歐元的版費，而免費授權的部分帶來了龐大曝光量，同時也帶動了圖檔販售的業績 (年收入約 18 萬歐元)，但博物館支付給圖庫銷售業務員的薪資，行政雜支發票，信用卡手續費，客服等等，總金額竟然高於銷售的業績，於是博物館與基金會決定全部免費，換句話說全部免費竟然還比收費多賺錢，這真的是太有趣了！ ## 【品牌經營】[Facebook粉絲團留言抽籤小助手](https://4fun.tw/oJ2N) 經營粉絲頁的抽獎工具，免安裝，直接輸入塗鴉牆上的單則訊息網址，即可抽出獎項，甚至可以排除重複留言的帳號，甚至增加篩選條件只顯示有 TAG 人的留言，是一個非常省時省力的好工具喔 ## 【線上工具】[Pixlr](https://4fun.tw/RFkq) 前陣子介介用別人的電腦寫網誌，臨時有張圖片要裁切還有加浮水印，但電腦沒裝我熟悉的美工軟體，下載整套 Photosho 的時間，筆電大概也沒電了，而且別人的電腦，不好意思亂裝其他簡易修圖軟體，有些不常用的非主流軟體還需要花時間摸索，當下的時間非常不符合效益，於是想到了 Pixlr 這個網站，直接模擬一套跟 Photoshop 的軟體，直接用瀏覽器開啟，功能與配置幾乎一樣，而且有中文介面，0秒上手，上傳圖片就可以編輯完成了，非常方便的工具網站，是設計人出門在外，居家旅行，殺人滅口，必備良藥阿 (誤) ## 【設計素材】[Google Art Prject](https://4fun.tw/w7jK) Google 成立了非營利的文化研究院 (Google cultural institute) 替全世界的博物館提供免費數位典藏的技術支援，如360度實境、街景服務、數位內容管理、影片或錄製導覽語音，甚至協助多國語言的翻譯介紹，以及協助博物館製作手機 App 同是也提供搜尋引擎的技術支援服務，或許大家會覺得博物館很笨，當大家在網路上看完後，誰又會來逛博物館，但介介認為，願意釋出資源讓更多人看到，博物館的名氣才會變大，才會更多人願意花錢買門票來看真跡，博物館的門票與紀念品銷售的營收才會提高，目前已經累積有超過400萬張藝術作品可供大家下載使用 ## 【線上工具】[freegifmaker](https://4fun.tw/zTyG) 現在 GIF 圖在社群網站上越來越紅了，這個線上工具可以產出有趣的動態 GIF 圖示，先選好動態濾鏡效果，接著在上傳你的圖片，就會自動幫你套用做成動態圖，可以直接另存下載，也可以直接將網址轉貼到FB上直接瀏覽 ## 【線上工具】[FontReach](https://4fun.tw/HxTX) 快速查詢這組字型被多少個網站使用，甚至有排行榜，也可以找出特定網站中使用的字型列表，是學習網頁設計與字體設計的輔助工具 ## 【線上工具】[escapemotions](https://4fun.tw/XDiC) 火焰畫家，用滑鼠畫出你想要的火焰，運用碎形的運算，產生有趣的雷射火焰，可以拿來當素材使用 ## 【免費字體】[吐き溜](https://4fun.tw/gzqh) 日本暗黑工房的搞怪恐怖字型，萬聖節裝可愛時也很好用，因為是日本字體，有些繁體字會有缺字，但也可以自己後製組合，總之免費的就盡量用吧 ## 【線上工具】[Hack.chat](https://hack.chat/) 輕量化的聊天室模組，可以直接在網頁上產出一個簡單的聊天室，有開放原始碼可以下載安裝到自己的網站裡面，非常輕量化的聊天室 ## 【線上工具】[green-name](https://4fun.tw/AAnG) 將你的名子產出成一個GIF動畫，會依據每個漢字內的部首做不同一樣的動態變化 ## 【課程教學】[codecombat](https://4fun.tw/K7kE) 學任何東西都不應該無聊，這個網站用遊戲 Game 的方式讓你邊玩邊學程式，即時你是網頁的視覺設計師，只要你會玩遊戲，就能輕鬆無壓力的方式學習一些程式語言，有非常多的免費遊戲課程，如果要學更高深就可以另外付費學習 ## 【設計素材】[Rijksmuseum](https://4fun.tw/uNVh) Rijksmuseum 荷蘭 阿姆斯特丹國家博物館 將館內的作品以 CC0 的方式讓大家免費下載並應用在商業用途上，約20萬件，介介覺得很有趣的是，當初採用半開放的方式，下載超過 200MB 的 TIF 格式的大型圖檔時，才支付40歐元，免費的部分帶來了龐大曝光量，同時也帶動了圖檔販售的業績 (年收入約18萬歐元)，但博物館支付給圖庫銷售業務人員的薪資，行政雜支發票或信用卡手續費等，高於銷售的業績，於是博物館與基金會決定全部免費，換句話說全部免費竟然還可以多賺錢，這真的是太有趣了! ## 【設計素材】[數位典藏與數位學習聯合目錄](https://4fun.tw/yzq0) 來自台灣中央研究院 數位文化中心 的數位典藏計畫，以 CC0 授權的方式開放給大家下載，可應用在商業用途，裡面許多來自老台灣的素材，都是很有味道的老照片，此外還有不少的古籍書籍的高解析度掃描圖檔可以下載 ## 【設計素材】[visualhunt](https://4fun.tw/b8up) 數萬張 CC0 授權相片，可用於商業用途，免註冊直接下載，此外也有一些是CC授權的圖片可以用在商業用途上(須署名)，此外可以直接將圖片直接崁入在你的網站或部落格上，圖片數量龐大的免費圖庫資源，唯一缺點是圖片的關鍵字做得沒有很好，找圖不是很精準，不過有依照顏色找圖的功能，有些圖的解析度只適合用在網頁上，也是小缺憾之一，但好在圖片數量很多 ^^ ## 【動畫影片】[石頭的歷險](https://4fun.tw/JTwP) 動畫短片，描述一顆石頭的歷險影片，曲折離奇的冒險，由大山變成小粉塵，再由小粉塵變成你意想不到的狀態，是一部非常有趣的動畫短片 ## 【色彩計畫】[星際大戰配色表](https://4fun.tw/MiUg) 如果您的客戶是星戰迷的話，請務必看看這篇星際大戰各方陣營配色分析表，知其所好，必能百戰百勝，當然還是有例外的客戶啦 XD ## 【製程概念】[多角度連結的餅乾榫](https://4fun.tw/5QDE) 國外木工技術，餅乾榫（Biscuit Joint，亦稱檸檬片榫）Lamello設計了一個補強的件體，加上這個補強的件體，可實現多角度連結的功能，並且在傢俱外觀上看不到其連接的方式 ## 【室內設計】[隱形鐵窗](https://4fun.tw/C6Vp) 介介再逛網路時，發現了一個叫【隱形鐵窗】的東西，這東西很有趣一般在公寓大樓為了整體美觀，不允許自行加裝鐵窗的，但是對有小孩的住戶來說，安全性很不夠，這個設計卻可以解決這個問題，同時也不會影響大樓外觀，這篇文章有詳細的施工過程介紹，偶而在這裡分享有趣的裝潢設計的資訊也不錯 ## 【企業識別】[Ugmonk](https://4fun.tw/edU3) Ugmonk 7週年套裝產品視覺風格設計，從概念設計到產品發布上市的一系列製作過程介紹 看不夠嗎，[點此觀看上一期的設計師筆記吧](http://www.soft4fun.net/tech/website-recommand/designer-memo-1512.htm)