我收集的網路資源筆記，分享大家使用

身為一個設計工作者，隨時收集網路上的設計素材與工具，是一件非常合乎邏輯的事，但只收集自己看，不符合部落客好康愛分享的理念，於是將這些資料做成線上文件隨時更新，有發現新資源就會即時收錄進去



【品牌經營】Facebook粉絲團留言抽籤小助手 ( https://goo.gl/lQaJLZ )
經營粉絲頁的抽獎工具，免安裝，直接輸入塗鴉牆上的單則訊息網址，即可抽出獎項，甚至可以排除重複留言的帳號，甚至增加篩選條件只顯示有 TAG 人的留言，是一個非常省時省力的好工具喔

【線上工具】Pixlr ( https://goo.gl/RYhyrg )
前陣子介介用別人的電腦寫網誌，臨時有張圖片要裁切還有加浮水印，但電腦沒裝我熟悉的美工軟體，下載整套 Photosho 的時間，筆電大概也沒電了，而且別人的電腦，不好意思亂裝其他簡易修圖軟體，有些不常用的非主流軟體還需要花時間摸索，當下的時間非常不符合效益，於是想到了 Pixlr 這個網站，直接模擬一套跟 Photoshop 的軟體，直接用瀏覽器開啟，功能與配置幾乎一樣，而且有中文介面，0秒上手，上傳圖片就可以編輯完成了，非常方便的工具網站，是設計人出門在外，居家旅行，殺人滅口，必備良藥阿 (誤)

【設計素材】Google Art Prject ( https://goo.gl/WXxvPC )
Google 成立了非營利的文化研究院 (Google cultural institute) 替全世界的博物館提供免費數位典藏的技術支援，如360度實境、街景服務、數位內容管理、影片或錄製導覽語音，甚至協助多國語言的翻譯介紹，以及協助博物館製作手機 App 同是也提供搜尋引擎的技術支援服務，或許大家會覺得博物館很笨，當大家在網路上看完後，誰又會來逛博物館，但介介認為，願意釋出資源讓更多人看到，博物館的名氣才會變大，才會更多人願意花錢買門票來看真跡，博物館的門票與紀念品銷售的營收才會提高，目前已經累積有超過400萬張藝術作品可供大家下載使用

【線上工具】freegifmaker ( https://goo.gl/yhg1dO )
現在 GIF 圖在社群網站上越來越紅了，這個線上工具可以產出有趣的動態 GIF 圖示，先選好動態濾鏡效果，接著在上傳你的圖片，就會自動幫你套用做成動態圖，可以直接另存下載，也可以直接將網址轉貼到FB上直接瀏覽

【線上工具】FontReach ( https://goo.gl/YyTz4r )
快速查詢這組字型被多少個網站使用，甚至有排行榜，也可以找出特定網站中使用的字型列表，是學習網頁設計與字體設計的輔助工具

【線上工具】escapemotions ( https://goo.gl/PuYheE )
火焰畫家，用滑鼠畫出你想要的火焰，運用碎形的運算，產生有趣的雷射火焰，可以拿來當素材使用

【免費字體】吐溜 ( https://goo.gl/W5J37q )
日本暗黑工房的搞怪恐怖字型，萬聖節裝可愛時也很好用，因為是日本字體，有些繁體字會有缺字，但也可以自己後製組合，總之免費的就盡量用吧

【線上工具】Hack.chat ( https://goo.gl/7OnR1t )
輕量化的聊天室模組，可以直接在網頁上產出一個簡單的聊天室，有開放原始碼可以下載安裝到自己的網站裡面，非常輕量化的聊天室

【線上工具】green-name ( https://goo.gl/h9qrQ9 )
將你的名子產出成一個GIF動畫，會依據每個漢字內的部首做不同一樣的動態變化

【課程教學】codecombat ( https://goo.gl/hLzavS )
學任何東西都不應該無聊，這個網站用遊戲 Game 的方式讓你邊玩邊學程式，即時你是網頁的視覺設計師，只要你會玩遊戲，就能輕鬆無壓力的方式學習一些程式語言，有非常多的免費遊戲課程，如果要學更高深就可以另外付費學習

【設計素材】Rijksmuseum ( https://goo.gl/Og4bgK )
Rijksmuseum 荷蘭 阿姆斯特丹國家博物館 將館內的作品以 CC0 的方式讓大家免費下載並應用在商業用途上，約20萬件，介介覺得很有趣的是，當初採用半開放的方式，下載超過 200MB 的 TIF 格式的大型圖檔時，才支付40歐元，免費的部分帶來了龐大曝光量，同時也帶動了圖檔販售的業績 (年收入約18萬歐元)，但博物館支付給圖庫銷售業務人員的薪資，行政雜支發票或信用卡手續費等，高於銷售的業績，於是博物館與基金會決定全部免費，換句話說全部免費竟然還可以多賺錢，這真的是太有趣了!

【設計素材】數位典藏與數位學習聯合目錄 ( https://goo.gl/9hFMTq )
來自台灣中央研究院 數位文化中心 的數位典藏計畫，以 CC0 授權的方式開放給大家下載，可應用在商業用途，裡面許多來自老台灣的素材，都是很有味道的老照片，此外還有不少的古籍書籍的高解析度掃描圖檔可以下載

【設計素材】visualhunt ( https://goo.gl/MDUa2X )
數萬張 CC0 授權相片，可用於商業用途，免註冊直接下載，此外也有一些是CC授權的圖片可以用在商業用途上(須署名)，此外可以直接將圖片直接崁入在你的網站或部落格上，圖片數量龐大的免費圖庫資源，唯一缺點是圖片的關鍵字做得沒有很好，找圖不是很精準，不過有依照顏色找圖的功能，有些圖的解析度只適合用在網頁上，也是小缺憾之一，但好在圖片數量很多 ^^

【動畫影片】石頭的歷險 ( https://goo.gl/NjfGfa )
動畫短片，描述一顆石頭的歷險影片，曲折離奇的冒險，由大山變成小粉塵，再由小粉塵變成你意想不到的狀態，是一部非常有趣的動畫短片

【色彩計畫】星際大戰配色表 ( https://goo.gl/JkDqDN )
如果您的客戶是星戰迷的話，請務必看看這篇星際大戰各方陣營配色分析表，知其所好，必能百戰百勝，當然還是有例外的客戶啦 XD

【製程概念】多角度連結的餅乾榫 ( https://goo.gl/w5OcKO )
國外木工技術，餅乾榫（Biscuit Joint，亦稱檸檬片榫）Lamello設計了一個補強的件體，加上這個補強的件體，可實現多角度連結的功能，並且在傢俱外觀上看不到其連接的方式

【室內設計】隱形鐵窗 ( https://goo.gl/8Ru4X1 )
介介再逛網路時，發現了一個叫【隱形鐵窗】的東西，這東西很有趣一般在公寓大樓為了整體美觀，不允許自行加裝鐵窗的，但是對有小孩的住戶來說，安全性很不夠，這個設計卻可以解決這個問題，同時也不會影響大樓外觀，這篇文章有詳細的施工過程介紹，偶而在這裡分享有趣的裝潢設計的資訊也不錯

【企業識別】Ugmonk ( https://goo.gl/E2aj5b )
Ugmonk 7週年套裝產品視覺風格設計，從概念設計到產品發布上市的一系列製作過程介紹


【線上工具】  ( http://goo.gl/w3HiMLcu )
簡稱品味牆，可收集及整理視覺設計靈感的網路，甚至可以追縱跟你有同樣喜好的人，隨時接收他們新收集的美圖


【課程教學】  ( http://goo.gl/JvcZnT )
收錄世界各地的設計師文章，可以掌握國外設計師針對時事所提出的觀點，例如 Apple Watch 上市後，外觀、材質、UI、製程等等，不論是批判或是讚美，都有人分享自己的觀點


【素材】  ( http://goo.gl/OBsngs )
這個網站收集了全世界各式各樣的企業Logo，此外提供了向量檔供大家下載，方便大家使用

【線上工具】  ( http://goo.gl/PpboZw )
非常簡單的在圖片上增加文字，非常適合在社群網站上做圖，上傳一張照片，直接輸入文字後就完成了


【素材】  ( http://goo.gl/AKcZIq )
超級龐大的使用者介面資料庫，超過 5萬種不同風格的 UI 元件，可以免費下載


【品牌經營】  ( http://goo.gl/xbfMf2 )
活動通，當你想要發表作品或是辦設計講座，活動通能幫你處理報名、收費、統計、退費、簽到等等的雜事，你只需要支付報名費的2%，不過舉辦免費的講座或是發表會，則不需要支付任何的費用

【素材】  ( http://goo.gl/DVjwxX )
國外一位跟介介一樣將自己拍攝的照片釋出，讓大家可以自由下載使用，雖然畫質沒有很高，但運用在網站上面絕對是綽綽有餘


【素材】  ( http://goo.gl/pFzJCk )
提供版型與 UI 下載，甚至還要外掛可以下載，整個網站的介面非常清新易用


【課程教學】  ( http://goo.gl/FSNNqA )
非常豐富的 【Photoshop】 與 Illustrator 的技巧教學課程，由淺入深，不論是老手還是新手，都可以在這個網站上學到許多新的技巧

【線上工具】  ( http://goo.gl/CaSOSU )
可以將 Flash 的 SWF 檔案，轉檔成 HTML5 格式，這樣就能直接在網頁跟手機端直接播放，不用再裝 Flash 播放器了，這工具是 Google 提供的，介介很多案子都靠它搞定的，快來將手邊的 Flash 動畫轉成網頁格式吧


【線上工具】  ( http://goo.gl/vptFzL )
Adobe 出品的色彩配色網站，它終於有中文版了(手舞足蹈貌)，Kuler 具有非常多的配色組合，登入 Adobe 帳號後，可以收藏喜歡的配色組合，可以直接置入到 【Photoshop】 或 Illustrator 色票上直接使用，甚至將照片上傳，讓 Kuler 分析上面的顏色，轉換成自己的色票組合，當然也可以分享給大家當配色參考，只能說讓我們讚嘆 Adobe 吧 (膜拜)


【素材】  ( http://goo.gl/9iZAaC )
線上產生網格紙上的網格，將它列印出來！就不用買方格紙了，這對於要畫草圖來說非常方便，超省錢阿，除了方格還有點點與六格圖可選。


【課程教學】  ( http://goo.gl/SAQ5FG )
iOS 介面設計規範，所有開發者都要先讀完再說設計，除了手機介面之外，還能從中學到很多編排與配色的知識。


【課程教學】  ( http://goo.gl/sqRjMa )
同上，iOS 換成 Google 即可 ( 懶 = 心 + 賴 = 有心耍賴 )


【線上工具】  ( http://goo.gl/fvG5MS )
介介在路上看到漂亮的字體時，整個設計魂就會被點燃，但是也不能直接打電話問他們設計師是用哪個字體，現在你只要將文宣的文字拍攝上傳到 WhatTheFont 這個網站它就會幫你分析，找出最接近的字體，非常的方便


【線上工具】  ( http://goo.gl/qZnwWX )
可以將 YouTube 上面的所有影片轉成 GIF 格式的動態圖，進到 GIFYT 網站貼上 YouTube 的網址，接著選擇要裁切的片多，一個按鍵就能產出 GIF 檔，而且還幫你放置一份在網路的圖床上，方便直接線上觀看


【線上工具】  ( http://goo.gl/WYFcCZ )
社群按鈕產生器，一鍵就可以產出代碼，非常簡單好用


【線上工具】  ( http://goo.gl/3cv5gl )
圖檔壓縮，PNG、JPG 圖片壓縮工具，是目前介介用過最好壓縮比最好的工具


【線上工具】  ( http://goo.gl/oVDuqw )
線上表單產生器，可以崁入在網站裡面，也可以設定線上收款功能


【線上工具】  ( http://goo.gl/i599oc )
線上圖片轉檔工具，支援非常多的檔案格式互換，包含了罕見的 EPS、webp、AI、CDR 等等...


【線上工具】  ( http://goo.gl/EtXSu )
每天五則設計相關的新聞，寄送到你的信箱


【線上工具】  ( https://goo.gl/02iFs1 )
圖片壓縮工具


【線上工具】  ( http://goo.gl/ZUfUSg )
分析你的網站是否有符合 W3C 的標準


【品牌經營】  ( https://goo.gl/ETlXE6 )
線上銷售平台，可以販售自己的作品，優點是用手機就可以輕鬆上架，目前只收取基本的金流費用：信用卡 2.8%，aTM 虛擬帳戶則是免費使用，此外店取、面交、私下約定轉帳等等，都不會加以限制。


【素材】  ( http://goo.gl/kzcS67 )
每天新增一張免費圖庫，可用 e-mail 的方式訂閱，每月寄一份縮圖給你挑選下載，根據站長介介本人的解釋，拍照的技術不一定會變強，但是設備會越買越好就是了


【素材】  ( http://goo.gl/i7lFl3 )
圖示、手機UI、各式的網頁版面的 PSD 檔可供下載


【品牌經營】  ( http://goo.gl/BMTq7g )
Adobe 旗下的設計師社群，全世界的設計師、插畫家、攝影師、工業設計師、多媒體導演等...都在上面秀作品，互相討論的社群網站，世界上的廣告公司都在上面獵人才


【素材】  ( http://goo.gl/lm71T )
可以下載 PSD 檔案的網站，具有網站UI、版型、按鈕、圖示等等，介介覺得整個網站的流暢度非常的好，【素材】的質感也很優


【素材】  ( http://goo.gl/IejnCs )
免費自然圖庫，石頭、天空、紋理等等，有需要3D貼圖需求的人可以來這裡挖寶


【素材】  ( http://goo.gl/rR6ems )
無接縫的重複底紋，可以做成網站背景甚至是做成紙膠帶或包裝紙


【線上工具】  ( http://goo.gl/zHRYvJ )
一鍵快速產生 iOS、Android 適用的應用程式圖示


【線上工具】  ( http://goo.gl/Gfse5l )
由 on1 公司推出的免費照片後製工具，可以很直覺化的


【線上工具】  ( http://goo.gl/xQ8bq4 )
可以幫你查詢特定網頁裡面，用了什麼字體，並幫你找出類似的字體


【Photoshop】  ( http://goo.gl/LD4OXv )
外掛工具，可以在 【Photoshop】 增加一個搜尋面板，只要打上mail，就會出現相關的圖示讓你挑選，接著就直接在你的 【Photoshop】 上開啟


【線上工具】  ( http://goo.gl/1lKNC5 )
中英文假字的產生器，提案草圖時，就不用打上一堆很醜的 xxxxxx 貼上假文可以更接近完成後的成品，可以提高提案通過的成功率


【Photoshop】  ( http://goo.gl/LfNtnf )
Instagram 簡稱 IG 是現在最熱門的照片分享社群，許多文青都愛用，而它的照片濾鏡效果非常的漂亮，每個介介都很喜歡，國外有位神人將這些效果，做成 【Photoshop】 動作檔，你只需要執行動作，就能快速改變照片的風格 ，懶人必備工具之一 ( 也可以說是把妹修圖神器 )


【素材】  ( http://goo.gl/5Lbo9Y )
提供多元的免費圖庫下載，此外也有一些付費的圖庫可以購買，難得的是有做圖片分類，一般免費圖庫網站很少有分類的功能


【素材】  ( http://goo.gl/7Q3h0U )
在 behance 上面提供了許多商務形象版型的【素材】，包含了 PSD 檔可以下載應用


【課程教學】  ( http://goo.gl/Kete5x )
豐富的3D課程，與優秀的創意作品分享


【素材】  ( http://goo.gl/QA7nzc )
製作3D的時候，需要在3D物件上面貼上肌理圖，才能渲染出真實的成像，Vray Materials 提供了很多貼圖【素材】可以下載使用


【課程教學】  ( http://goo.gl/4A3ePM )
知名的繪圖軟體公司 Adobe 提供的線上教學資源，可以在很多大師身上學到最新的技術與技巧


【業界趨勢】  ( http://goo.gl/4P2RNq )
6個 2015 網頁設計趨勢


【業界趨勢】  ( http://goo.gl/PIkXeF )
蘋果 itunes 歷年來的圖示變化


【網頁設計】  ( http://goo.gl/neE3 )
收錄世界各地的優秀網頁設計的作品

【素材】  ( http://goo.gl/5hFKTW )
免費高畫質 CC0 影片下載，可用於商業用途，每10天更新10則影片，影片畫值還蠻高的 720p 或 1080p 大小於 30 MB


【線上工具】  ( http://goo.gl/a7NYfV )
想用手繪的方式做手機 App UI 規劃，是不是都會先畫個外框，最好連 iPhome 的外型都畫上去，這樣畫草圖才會爽，不過現在不用這麼麻煩自己畫手機框，這個網站提供你手機、瀏覽器的草稿紙，讓你直接印出來畫草圖，整個設計的爽度大大的提升阿


【素材】  ( http://goo.gl/zRpbK8 )
超過 25萬個 圖形、背景、圖示、圖案、紋理、模板、向量【素材】，註冊後的每天可以免費下載 20 個【素材】，最多可以下載 7 天，合計 140 張圖庫可以免費下載回來使用，如果有需要的話當然也可以付費購買


【素材】  ( http://goo.gl/OsxZjL )
微軟的免費文件共享平台，可以下載世界各地的 Word、Excel、PPT 等參考資源，甚至連 PDF 文件都有喔，有中文介面，而且很多都是設計好的範本可以直接套用，可以有效的節省很多工作時間


【素材】  ( http://goo.gl/e8Rh5V )
每週會固定 7 張免費圖庫，除了是高解析度的相片，質感也很不錯，可用於商業用途。


【線上工具】  ( undefined )
Google 提供的短網址服務，在設計上遇到需要排上很長的一串網址，就會很想抓編輯的衣領 "訂孤支" 現在你可以不用這麼麻煩，直接透過這個工具可以直接將網址變短，免註冊也可以使用，但是每縮短一個網址就需要輸入一次驗證碼，或是直接登入你的 gmail 帳號，就可以免輸入驗證碼，另外在縮短的網址後面，加上一個 "+" 的符號，就能知道這個短網址被點擊的次數，請點右邊的範例欄。


【素材】  ( http://goo.gl/KDcrVU )
Google 與 Adobe 合作的免費字型，可以用於商業用途，支援繁體中文、簡體中文、日文、韓文、英文、符號元件，這套字體有很多粗細變化可以選擇，英文名為 Source Han Sans


【線上工具】  ( http://goo.gl/1ydga4 )
線上去背的網站，上傳照片後就可以很輕鬆的去掉照片裡面的背景圖，接著就可以下載 PNG 的檔案格式回來。


【線上工具】  ( http://goo.gl/bdWaQ1 )
這是一個免註冊檔案上傳空間，讓介介覺得最大心的地方，就是網站背景圖是插畫或攝影作品的聯播(也算廣告啦)，還蠻賞心悅目的，整個設計魂都被點燃了，這網站我覺得它的中文名子應該叫做 檔案瓶子 ，因為整個網站的上傳介面是瓶子的外型，可以上傳最大 10 GB 的檔案，超過 7 天檔案就會像瓶子依樣流失大海消失，避免檔案被外傳的風險，每個作品的右下方都有作者網站的連結

// 本文使用 Blog2BBS 自動將Blog文章轉成縮址的BBS純文字 http://goo.gl/TZ4E17 //