身為一個設計師,收集網路上設計的相關資源是基本的職業需求,又基於身上留有部落客的血液,沒有理由不分享阿,於是將這些資源分享出來,也是一件非常合乎邏輯的一件事阿
以下的資料範圍包含:設計素材、業界趨勢、製程概念、精緻工藝、字體設計、插畫繪畫、網頁設計、企業識別、自造體驗、線上工具、舒壓療癒、犒賞設計、工作情境、品牌經營等資源
本篇收錄的時段為2015年04月至10月號,合計6期的整理
【犒賞工作】Fancy
logo 是一支冰棒,是一個跨國的設計師作品販售平台,只要你身體有設計師的基因,你一定會在裡面瘋狂敗家的,就算不敗家,也能欣賞這些設計師的作品
【設計素材】花園明朝體
花園明朝體是一套來自日本的字體,是由一個開源社群集合眾人之力完成的字型,少數繁體字很齊全的字體,這套字體以優雅、纖細而聞名
【線上工具】毛笔字在线生成器
各大名家的毛筆字產生器,輸入一行字自動幫你轉成名家書法,下載後丟到 Illustrator 用自動描圖就變成向量書法字了,此外也可以直接下載成去背的 PNG 檔
【設計素材】 Stockvault
一個圖片共享網站,除了讓設計師和攝影師們可以互相交流分享自己的相片外,也能在照片的旁邊放置自己的 Google Adsense 廣告以及 Paypal 捐款箱,即使沒人捐款給你,你還是可以透過廣告獲利,約曝光一千次有1美金左右吧,前提是你要先上傳25張照片後,才能開啟這個服務,Stockvault 網站上的照片主要是提供應用在個人和非商業販售用
【線上工具】 Paintings i love
插畫家以圖會友的一個社群網站,快來這裡以畫論畫吧,國外的畫圖神人跟海一樣多啊 (覺得開醺
【線上工具】Kubist
將圖片變成向量格式的結晶體風格,kubist 向量結晶體的產生器,上傳照片後直接變成結晶體的 SVG 像量格式的【線上工具】,每個結點都可以自由編輯,填色可以選單色或漸層,適合設計師量產圖庫原件,使用教學
【字體設計】justfont
看膩華康、文鼎的字體嗎? 來看看 justfont 團隊的繁體字體,一個募資破千萬的台灣字體, 身為一個設計工作者,替台灣的繁體字出一份心力,也是非常合乎邏輯的一件事,也許是長久用明體與黑體,所以看金萱會覺得不習慣,但還是支持一下台灣自己做的繁體字,希望未來 #justfont 能做出更多優秀的繁體字
能用繁體字的設計師,除了我們還能有誰,支持一下
【免費軟體】oCam
可以錄製電腦畫面的軟體,功能簡單直覺,可錄製聲音檔案,有繁體中文介面,另外也有免安裝檔可以下載,如果需要錄製教學畫面,可以使用這套免費軟體
【素材】 Emot.es
收錄上萬種日本顏文字表情符號的網站,想當年沒有 Line 貼圖時,都是靠表情符號傳簡訊把妹的(誤 (°ㅂ° ╬)
【字體設計】medium
Apple iOS 新版的字體講評,Akinori Machino
【插畫繪畫】貓頭鷹插畫
貓頭鷹是獵物夜行性動物,主要特點是他們的站姿,寬闊的頭部,夜間驚人的視覺與聽覺,與最適合自己的羽毛,能提供無聲的飛行,而最迷人的是他們的夜行者的性格,可惜不幸的是,在許多國家中貓頭鷹往往與邪靈、文化、迷信、黑暗扯上關聯,常被犧牲用來做巫術行為,甚至許多動物和鳥類也被用於迷信的宗教用途,通過作者 Chumbak 的作品,希望傳播正確的知識幫助這些物種的保存工作。
【字體設計】hypesphere
那些電影你一定不陌生,但有些最熟悉的陌生人,你卻不得不知道,六位你一定要認識的電影片頭設計大師
【製程概念】Facebook
你知道汽油桶的製作過程嗎,這部影片介紹一種罕見的輪焊技術,可以讓焊接點磨平的工具喔
【精緻工藝】rocketnews24
橡皮筋槍不在是用木頭做出來了,有神人用金屬做出橡皮筋槍,還可以連發,在台灣是件防身的好工具阿! 至少比折凳好攜帶
【自造體驗】flyingv
這個很有質感的筆記本套,裡面的內頁填充,竟然是隨手將背面空白的回收紙,直接夾成冊,還可以自己下載內頁的版型,自己 DIY 列印筆記本,方格紙,日曆紙通通都有,是一本可以用好幾年的概念筆記本喔,募資的計畫已經成功了,有興趣的話可以乘便宜趕快入手吧
【設計素材】 Distill
免費高畫質 CC0 影片下載,可用於商業用途,每10天更新10則影片,影片畫值還蠻高的 720p 或 1080p 大小於 30 MB
【線上工具】 sneakpeekit
想用手繪的方式做手機 App UI 規劃,是不是都會先畫個外框,最好連 iPhome 的外型都畫上去,這樣畫草圖才會爽,不過現在不用這麼麻煩自己畫手機框,這個網站提供你手機、瀏覽器的草稿紙,讓你直接印出來畫草圖,整個設計的爽度大大的提升阿
【設計素材】 graphicstock
超過 25萬個 圖形、背景、圖示、圖案、紋理、模板、向量【設計素材】,註冊後的每天可以免費下載 20 個【設計素材】,最多可以下載 7 天,合計 140 張圖庫可以免費下載回來使用,如果有需要的話當然也可以付費購買
【設計素材】 Docs.com
微軟的免費文件共享平台,可以下載世界各地的 Word、Excel、PPT 等參考資源,甚至連 PDF 文件都有喔,有中文介面,而且很多都是設計好的範本可以直接套用,可以有效的節省很多工作時間
【設計素材】 Realistic Shots
每週會固定 7 張免費圖庫,除了是高解析度的相片,質感也很不錯,可用於商業用途。
【線上工具】 Goo.gl
Google 提供的短網址服務,在設計上遇到需要排上很長的一串網址,就會很想抓編輯的衣領 “訂孤支” 現在你可以不用這麼麻煩,直接透過這個工具可以直接將網址變短,免註冊也可以使用,但是每縮短一個網址就需要輸入一次驗證碼,或是直接登入你的 gmail 帳號,就可以免輸入驗證碼,另外在縮短的網址後面,加上一個 “+” 的符號,就能知道這個短網址被點擊的次數,請點右邊的範例欄。
【設計素材】 思源黑體
Google 與 Adobe 合作的免費字型,可以用於商業用途,支援繁體中文、簡體中文、日文、韓文、英文、符號元件,這套字體有很多粗細變化可以選擇,英文名為 Source Han Sans
【線上工具】 Free Background Removal
線上去背的網站,上傳照片後就可以很輕鬆的去掉照片裡面的背景圖,接著就可以下載 PNG 的檔案格式回來。
【線上工具】 Dropjar
這是一個免註冊檔案上傳空間,讓介介覺得最大心的地方,就是網站背景圖是插畫或攝影作品的聯播(也算廣告啦),還蠻賞心悅目的,整個設計魂都被點燃了,這網站我覺得它的中文名子應該叫做 檔案瓶子 ,因為整個網站的上傳介面是瓶子的外型,可以上傳最大 10 GB 的檔案,超過 7 天檔案就會像瓶子依樣流失大海消失,避免檔案被外傳的風險,每個作品的右下方都有作者網站的連結,由於投放的廣告客戶都是插畫家或攝影師,放置的廣告【設計素材】都是水準之上,造成整個網站沒有設計,卻也很賞心悅目,外面一堆免費空間,在功能差不多的情況下,Dropjar 反而會讓介介每次使用,因為都有驚喜的美圖可看。
【線上工具】 colorrrs
按下空白鍵,就會切換一次背景顏色,並出現顏色的 RGB 色號,一個簡單的小網站,想不到主色風格,來這裡一邊喝咖啡,一邊狂點空白鍵找靈感吧。
【線上工具】 Colour lovers
找尋配色組合的好站,介介會介紹這個網站,不單單只是一個配色工具,而是具備了社群的功能,你可以追蹤特定人的配色風格,也可以跟大家討論配色,甚至是出題請大家做配色,同時結合了不同圖形會有不同色彩的配色組合,這個網站很適合大家來尋找好色之友 ( 好像哪裡怪怪滴~ )
【線上工具】 wesendit
傳檔案給客戶,檔案好幾 G 怎麼辦,wesendit 這個網站可以上傳單一檔案最大 5 GB 的檔案,而且有趣的是超過 7 天檔案就會自己爆炸,免註冊唷,但註冊後可以增加檔案上傳的大小
【線上工具】 codesign
草稿傳給客戶看,客戶從電話端說著:這裡大一點,那裏改個顏色,到底是哪裡該大,哪個藍色要換黃色,現在這個網站讓你將設計稿上傳,客戶或主管就可以在需要修改的地方,放上建議修改的註記點,而這些註記就會變成待辦事項,可以逐一修改,一個一個完成,整個校稿效率高到破表的好工具。
【線上工具】 500px
攝影愛好者必知的作品分享社群,裡面有非常多讓人驚艷的攝影作品,下載它們的 APP 裝在手上,就等於有了一本全世界最齊全的攝影集,介面就跟翻書沒兩樣,是找靈感的好工具
【線上工具】 taaze
尋找二手設計書的好站,除了一般叢書,更有非常罕見的原文設計書或插畫年鑑,是個撈寶的好地方,也可以將自己不要的書籍擺上去販售,下載App掃描書籍條碼就能販售了
【製程概念】 Facebook
用3D列印製作玻璃杯,在燈光下格外的美麗
【字體設計】 justfont
《字型之不思議》作者小林章先生,來台參觀,一起與小林章字體散步,發掘台灣巷弄的美麗字體
【設計優惠】 istock
購買istock年約圖庫的會員,送 Dropbox 免費三個月的會員資格 (價值台幣900塊),感覺還蠻有趣的異業合作,到2016年止
【網頁設計】 windyty
史上最美的氣象動態圖,有颱風來的時候看,更美
【線上工具】 Swiffy
可以將 Flash 的 SWF 檔案,轉檔成 HTML5 格式,這樣就能直接在網頁跟手機端直接播放,不用再裝 Flash 播放器了,這工具是 Google 提供的,介介很多案子都靠它搞定的,快來將手邊的 Flash 動畫轉成網頁格式吧
【線上工具】 Kuler
Adobe 出品的色彩配色網站,它終於有中文版了(手舞足蹈貌),Kuler 具有非常多的配色組合,登入 Adobe 帳號後,可以收藏喜歡的配色組合,可以直接置入到 【Photoshop】 或 Illustrator 色票上直接使用,甚至將照片上傳,讓 Kuler 分析上面的顏色,轉換成自己的色票組合,當然也可以分享給大家當配色參考,只能說讓我們讚嘆 Adobe 吧 (膜拜)
【設計素材】 Gridzzly
線上產生網格紙上的網格,將它列印出來!就不用買方格紙了,這對於要畫草圖來說非常方便,超省錢阿,除了方格還有點點與六格圖可選。
【課程教學】 Google Material Design
iOS 介面設計規範,所有開發者都要先讀完再說設計,除了手機介面之外,還能從中學到很多編排與配色的知識。
【課程教學】 iOS Human Interface Guidelines
同上,iOS 換成 Google 即可 ( 懶 = 心 + 賴 = 有心耍賴 )
【線上工具】 WhatTheFont
介介在路上看到漂亮的字體時,整個設計魂就會被點燃,但是也不能直接打電話問他們設計師是用哪個字體,現在你只要將文宣的文字拍攝上傳到 WhatTheFont 這個網站它就會幫你分析,找出最接近的字體,非常的方便
【線上工具】 GIFYT
可以將 YouTube 上面的所有影片轉成 GIF 格式的動態圖,進到 GIFYT 網站貼上 YouTube 的網址,接著選擇要裁切的片多,一個按鍵就能產出 GIF 檔,而且還幫你放置一份在網路的圖床上,方便直接線上觀看
【線上工具】 Simple Sharing
社群按鈕產生器,一鍵就可以產出代碼,非常簡單好用
【線上工具】 tinypng
圖檔壓縮,PNG、JPG 圖片壓縮工具,是目前介介用過最好壓縮比最好的工具
【線上工具】 JotForm
線上表單產生器,可以崁入在網站裡面,也可以設定線上收款功能
【線上工具】 cloudconvert
線上圖片轉檔工具,支援非常多的檔案格式互換,包含了罕見的 EPS、webp、AI、CDR 等等…
【線上工具】 sidebar
每天五則設計相關的新聞,寄送到你的信箱
【線上工具】 kraken
圖片壓縮工具
【線上工具】 validator
分析你的網站是否有符合 W3C 的標準
【品牌經營】 手打拍賣
線上銷售平台,可以販售自己的作品,優點是用手機就可以輕鬆上架,目前只收取基本的金流費用:信用卡 2.8%,ATM 虛擬帳戶則是免費使用,此外店取、面交、私下約定轉帳等等,都不會加以限制。
【設計素材】 視介 Visionjie
每天新增一張免費圖庫,可用 e-mail 的方式訂閱,每月寄一份縮圖給你挑選下載,根據站長介介本人的解釋,拍照的技術不一定會變強,但是設備會越買越好就是了
【設計素材】 Fribbble
圖示、手機UI、各式的網頁版面的 PSD 檔可供下載
【品牌經營】 behance
Adobe 旗下的設計師社群,全世界的設計師、插畫家、攝影師、工業設計師、多媒體導演等…都在上面秀作品,互相討論的社群網站,世界上的廣告公司都在上面獵人才
【設計素材】 psddd.co
可以下載 PSD 檔案的網站,具有網站UI、版型、按鈕、圖示等等,介介覺得整個網站的流暢度非常的好,【設計素材】的質感也很優
【設計素材】 CG textures
免費自然圖庫,石頭、天空、紋理等等,有需要3D貼圖需求的人可以來這裡挖寶
【設計素材】 Subtle Patterns
無接縫的重複底紋,可以做成網站背景甚至是做成紙膠帶或包裝紙
【線上工具】 MakeAppicon
一鍵快速產生 iOS、Android 適用的應用程式圖示
【線上工具】 Perfect Effects 3
由 on1 公司推出的免費照片後製工具,可以很直覺化的
【線上工具】 Typewolf
可以幫你查詢特定網頁裡面,用了什麼字體,並幫你找出類似的字體
【Photoshop】 FontAwesomePS
外掛工具,可以在 【Photoshop】 增加一個搜尋面板,只要打上mail,就會出現相關的圖示讓你挑選,接著就直接在你的 【Photoshop】 上開啟
【線上工具】 Lorem Ipsum Generator
中英文假字的產生器,提案草圖時,就不用打上一堆很醜的 xxxxxx 貼上假文可以更接近完成後的成品,可以提高提案通過的成功率
【Photoshop】 Instagram Filters
Instagram 簡稱 IG 是現在最熱門的照片分享社群,許多文青都愛用,而它的照片濾鏡效果非常的漂亮,每個介介都很喜歡,國外有位神人將這些效果,做成 【Photoshop】 動作檔,你只需要執行動作,就能快速改變照片的風格 ,懶人必備工具之一 ( 也可以說是把妹修圖神器 )
【設計素材】 Free Images
提供多元的免費圖庫下載,此外也有一些付費的圖庫可以購買,難得的是有做圖片分類,一般免費圖庫網站很少有分類的功能
【設計素材】 Mock Up Zones
在 behance 上面提供了許多商務形象版型的【設計素材】,包含了 PSD 檔可以下載應用
【課程教學】 Greyscalegorilla 3D Tutorials
豐富的3D課程,與優秀的創意作品分享
【設計素材】 Vray Materials
製作3D的時候,需要在3D物件上面貼上肌理圖,才能渲染出真實的成像,Vray Materials 提供了很多貼圖【設計素材】可以下載使用
【課程教學】 AdobeKnowHow
知名的繪圖軟體公司 Adobe 提供的線上教學資源,可以在很多大師身上學到最新的技術與技巧
【業界趨勢】 inside
6個 2015 網頁設計趨勢
【業界趨勢】 redalemeden
蘋果 itunes 歷年來的圖示變化
【網頁設計】 I / O 3000
收錄世界各地的優秀網頁設計的作品
【設計素材】 Moveast
國外一位跟介介一樣將自己拍攝的照片釋出,讓大家可以自由下載使用,雖然畫質沒有很高,但運用在網站上面絕對是綽綽有餘
【設計素材】 Pixeden
提供版型與 UI 下載,甚至還要外掛可以下載,整個網站的介面非常清新易用
【課程教學】 Tuts+
非常豐富的 【Photoshop】 與 Illustrator 的技巧教學課程,由淺入深,不論是老手還是新手,都可以在這個網站上學到許多新的技巧
【線上工具】 Spruce
非常簡單的在圖片上增加文字,非常適合在社群網站上做圖,上傳一張照片,直接輸入文字後就完成了
【設計素材】 UI Cloud
超級龐大的使用者介面資料庫,超過 5萬種不同風格的 UI 元件,可以免費下載
【品牌經營】 accupass
活動通,當你想要發表作品或是辦設計講座,活動通能幫你處理報名、收費、統計、退費、簽到等等的雜事,你只需要支付報名費的2%,不過舉辦免費的講座或是發表會,則不需要支付任何的費用
【線上工具】 pinterest
簡稱品味牆,可收集及整理視覺設計靈感的網路,甚至可以追縱跟你有同樣喜好的人,隨時接收他們新收集的美圖
【課程教學】 Designer News
收錄世界各地的設計師文章,可以掌握國外設計師針對時事所提出的觀點,例如 Apple Watch 上市後,外觀、材質、UI、製程等等,不論是批判或是讚美,都有人分享自己的觀點
【設計素材】 Seeklogo
這個網站收集了全世界各式各樣的企業Logo,此外提供了向量檔供大家下載,方便大家使用
加碼
上面是設計筆記本最新的更新,會自動更新到介介我掛掉為止,不然就是窮到沒錢繳網路費為止 …(ʘдʘ╬)