免費設計筆記-整批打包版

 

歡迎隨意轉載、重製、拷貝、出版、印佛經都可,本站以 CC0 開放授權,側邊欄下方輸入信箱,可免費訂閱更新內容

 

等著瞧。設計月報:2405期

設計師手札-看板圖-2405D

【學習成長】Good Books

站在巨人的肩膀上看世界,這個網站匯集了最成功、最有趣的人士所推薦的超過 9500 本書。我覺得最酷的部分是,網站按照各個領域,如創投、設計、攝影、教育、行銷、音樂及企業家等,對這些知名成功人士進行了分類。你可以根據自己的興趣或專業領域,快速找到他們推薦的書單,這大大節省了尋找書籍的時間。

 

【線上工具】Vectorizer.AI

這個線上工具能將點陣圖轉換為可以無限放大的向量圖檔。在 AI 生成圖片愈來愈普及的今天,許多人透過 Midjourney 生成 ICON 圖標或 Logo 商標,這些都是無法編輯的圖檔格式。現在,使用「Vectorizer.AI」工具,你可以輕鬆將這些圖片轉換成可編輯的向量格式,並支援主流的 SVG 檔案格式。目前此工具處於公開測試階段,可以免費使用。不過,未來可能會轉為訂閱制,因此建議在免費期間趕緊試用。

更新:工具已經開始收費。但你可以先上傳圖片查看結果,再決定是否付費。

 

【品牌經營】瘋迷 Phomi

如果你熱愛拍照,最近又沒有案子的話,可以去拍攝台灣路跑或鐵人三項等賽事,透過這個平台可以將你所拍攝的照片販售出去,賽事的參加者,只要搜尋賽事的路線或參賽編號,就可以找到各地攝影師上傳的照片,如果拍攝的很棒,還能直接購買照片甚至是直接沖洗照片,販售出照片是一種認可,還能賺取收入,是個不錯的媒合平台,一張照片賣價約100元以上,非常不錯(不知道平台抽成是多少就是了)。


介介念在職碩士的成本

目前介介任職的公司碩博士生超多,最頂的兩階都是博士,所以介介念個碩士也非常合乎邏輯,除了公司輔助進修的學費,目前選的學制只需要假日上課,不會影響到正常上下班,所以不念白不念。

家人對介介進修碩士的意見

著名的煉金士 愛德華·愛力克 說過一句話:煉金術是一種「等價交換」,去進修就是要獲得知識並獲利,這個過程就是煉金,至於成本的等價交換,就是我花多少學費跟時間念書,我就要額外花兩倍的金錢與時間陪家人,所以沒安排上課的時間就盡力擠出時間陪家人,有種強迫利用時間的概念。

地震

蘿蔔:剛地震好恐怖,你在洗澡沒理我
介介:不然以後一起洗
蘿蔔:不要!我要 壓壓驚
介介:一元一個的壓~壓~驚
#抖音梗

預定退休任務

未來退休之後
我的第一個任務找好了
#心悅計畫 #可接電視 #可接手柄🎮 入手點

小三的國文看你敢不敢挑戰

-> 答案 

告誡自己,不要以為自己很會投資

目前介介在台股的操盤時間,僅有平日中午吃飯的30分鐘(不含買餐點時間),以及假日會花20~30分覆盤,講 #覆盤 其實就是記帳而已,畢竟股票手續費都是藏在背後,不會算在利潤,記帳時還會想一下這棋下的是否正確,錯判的原因是什麼,但只能想一下,不然就丟去餵 AI 給意見,總之每週最多只能花3小時在投資!再多我怕沒命花~
近三個月的收益:排除美股,不含配息,僅資本利得至少獲利 17%,但!開上帝視角,還是因為股價被推高到兩萬點,在風頭浪尖上,神豬都會飛,亂賣都賺,所以不能覺得自己很懂投資,更別幻想當全職交易員,乖乖工作上班才是正途。

等著瞧。設計月報:2404期

設計師手札-看板圖-2404

【線上工具】Xmind

心智圖又稱邏輯地圖,是種將思維以圖像視覺的方式呈現,由中心向外擴展作樹狀階層式的思考方式,【Xmind】是介介最常用的心智圖工具,有單機版跟網頁版,除了繪製心智圖還有魚骨圖、步驟圖、階層圖等…而且有很多配色組合可以一鍵套用,最酷的是每一個小細節都可以自訂,甚至是線條的轉角是直是彎都能微控,對於有設計潔癖的人來說,真的是太棒了,另外有提供付費版,年費約60美金,功能包含轉檔成向量檔可套用到設計上、將心智圖公開在網路上且能加上密碼,AI功能可以直接幫你展出你意想不到的新思路,介介得到官方賞識合作,付費版的年費可以打85折,折扣代碼是【JIEMR】免費版覺得好用,不妨升級成付費版提高職場的競爭力。

 

【線上工具】Suno AI

Suno AI 只要輸入文字就可以幫你產生音樂,可以自訂旋律與歌詞,重點是免費使用的,每天可以可以免費生成音樂,裡面的 Credits 是 Suno AI 的使用單位,每次生成音樂、編輯音樂、混音等操作都需要消耗一定數量的 Credits,換算下來免費帳號每天可以生成10首音樂,但免費版不能用於商業用途,不過Suno AI 有提供付費方案,月費約10美金,每月 2500 個 Credits (可生成 500 首音樂)可將音樂用於商業用途,包含上傳到 Spotify、Apple Music 等音樂串流平台,而且在 Suno AI 聽音樂也不會出現廣告。

 

【參考範例】Discover iOS Apps | Mobbin

Mobbin.com 是一個專注於移動和網頁應用設計的參考資料庫,這個網站收錄了超過 30幾萬來自世界各地最佳設計應用的作品,用戶可以通過這個平台節省大量的 UI 和 UX 研究時間,裡面的資料量不斷增長,並且由專家精心策劃,幾乎每週都會更新,此外,網站還提供豐富的搜索和篩選功能,幫助用戶快速找到他們需要的設計參考和靈感,對於設計相關的設計師來說,就是一所終生學習的偉大學校,不過後來變成要付費,才能查看所有的資料,免費版只能看最新的八筆資料,對於學生來說不是個好消息,所以就要經常來逛,找尋屬於你自己的設計寶藏,或是跟朋友合用一個帳號,也是一個不錯的方式。


小小改變

介介今年開始去在職進修碩士,說真的對於一個40幾歲大叔,文憑的幫助其實很有限,至於為什麼會想進修,之後陸續會慢慢的跟大家解說,但這之前首先要跟大家報告月報依然會持續發佈,但原本的每月五個筆記,會降為三個,畢竟現在除了工作、陪家人、規律運動,以及接下來要花時間進修,所以先做一點取捨,這樣對身體的負擔可以比較輕一點。

以前沒想過要念碩士

介介以前念大學時,就有思考過繼續讀研究所,但是已經出了社會,對於未來會需要的知識與技能樹,都已經點差不多了,繼續唸設計系的研究所,誘因實在不大,畢竟學費也不低,至少要三十萬起跳,但現在一轉眼學費就漲到六十萬了,真的是萬物齊漲啊。

進修的最大主因【量化】

介介在投資市場獲利後,就想要找新的物件做投資,仔細想想最棒的投資,無疑就是投資自己,而方式就是買工具、AI、買書、網路課程,但這些都無法將成效量化,雖然收入成長算是量化依據,但變數太大.尤其是股票隨市場變動的因素太強,疫情期間誕生了無數的少年股神,所以最後選擇一個投資方式,就是去拿碩士學歷,反正投入的時間跟金錢差不多,下一期再來跟大家分享我念什麼系,以及其他進修的理由。

心臟問題的回報

醫院檢查結果,不用開刀,但是先用少少藥物控制一下,詳情等四月中再來回報,目前維持每週至少兩次的30分運動,並大砍讓自己操心的事務,看看能否有效改善這些問題。

爬山運動

帶女兒爬山天降一堆 🐛🐛 小香瓜的尖叫聲,一路上響徹雲霄,一堆山友要幫香瓜開路,這個體驗對他來說真的是太酷了
圖片:搭便車的毛蟲(攝影師不救嗎?)

小彩蛋:AI 生成的東方美人

 

等著瞧。設計月報:2403期

設計師手札-看板圖- 202403D

【設計素材】Google Fonts Icons

這個網站是 Google Fonts 的「Icons」頁面,提供了免費的字型,其中的 Material Symbols 圖示字型,這組字型收錄了超過三千個圖示 icon。在這組圖示中,還提供了多款可調整的樣式,包含了不同粗細組合,您可以直接透過這個網站搜尋圖示,之後可以直接下載成向量圖檔或直接以網站代碼的方式呈現在網站上。

 

【設計素材】aiemojigenerator.org AI 表情符號產生器

這是一個能用 AI 工具生成表情符號圖片的產生器,只要輸入文字就可以產生一個表情圖,而且支援使用中文輸入,不需要註冊,每天可以免費生成三張圖,同時你也可以透過站內搜尋的方式,找尋別人生成的圖,例如「牙齒很凌亂的烏龜」、「廁所著火」都可以生成有趣的表情符號。

 

【線上工具】getVideo HD

這個網站可以下載 YouTube、TikTok 等影音平台的線上影片,畫質最高可以下載到 1080p 但免費的限制就是單一檔案最高只能下載 100MB 另外還可以下載 Twitch 上面的影片,若想要下載更高畫質的影片,可以使用付費功能,價格最便宜是7天3塊美金,適合臨時需要下載高畫質影片的人。

 

【設計素材】 NDLイメージバンク | 国立国会図書館

來自日本的國立國會圖書館(NDL)近期宣布,其數位圖片資料庫「NDL Image Bank」的圖像開放大家免費下載使用,可以用於商業用途使用,這些素材包含了雜誌、書籍、浮世繪木版畫等等,數量有超過九百多張,網站也將圖像分門別類,可以快速找到畫家或主題,過去都是博物館開源,現在圖書館也開源了,使用時記得要標示圖片來源為國立國會圖書館「NDL Image Bank」。

 

【設計素材】Tengr.ai 圖片生成

這是一個 AI 生成網站工具,可以輸入文字產生圖片,或上傳圖片讓他產生相似的圖,最酷的是這個網站支援繁體中文的輸入,在生成圖片時還可以先選擇風格樣式,讓產生的圖片與接近你想要的成形,此外也能直接設定創造性、細膩度、圖片尺寸,生成的圖片可以用於商業用途使用。


最近收到補稅的通知,荷包又要出血一波,這筆費用其實可以不用繳的,主因是自己對於稅法的理解不夠,就當是一個教訓,今年要將所有稅法的事情摸個透,到時再來分享筆記給大家,讓小夥伴們少走彎路。


 

最近身體發出警訊,就是心臟會不定時的抽痛,加上小時候的偶像島山明,突然離世的消息,雖然不是心臟疾病,但自己就會瞎操心,越是操心就越不舒服,所以趕快去大醫院做檢查,請了幾天假往返,甚至掛了一個24小時的追蹤心律的機器,目前得到的結果還算正常,重點是飲食加運動,定期追蹤就好。

後來看中醫,吃原型食物,少油少鹽,接著是規律運動,目前症狀改善很多,運動我選不受天氣影響的室內腳踏車機,每個六、日起床就先做,每次維持30分鐘以上,還可以邊做邊聽有聲書,划手遊,可謂是一魚多吃,讓我每個假日都迫不期待去運動。

去醫院檢查時,遇到年輕的男護理師幫我抽血

抽到一半的時候,才跟我說,會痛要說喔~
介介:會痛
男護理師:(楞了一下)
介介:(平淡的表情)
男護理師:那你可不可以忍忍
介介:喔。好
繼續換抽第二管…
(OS:還不如不問…)
(OS:女護理師我就說不痛了)


 

最近老高的影片:找到您人生的路
有些題目我覺得很有趣,作答完之後,可以更了解自己,對於未來的方向可以在心裡有具象化目標,影片連結在這裡,題目有網友整理如下

【價值觀自我提問】
1.你最尊敬的人
為什麼尊敬他 為什麼從拜他 你喜歡他什麼地方
2.青春期是否有對你影響很大的事情
3.現在的社會有什麼不足的地方 需要改善的地方
4.在朋友眼裡 你是一個看中什麼東西的人 在意什麼東西的人
5.如果別人需要你的建議 你會給身邊的人什麼建議

【天賦和才能自我提問】
1.目前人生最充實的經歷是什麼
2.最近一次讓你不耐煩的事情是什麼
3.問周邊的人你擅長什麼
4.放棄現在的工做 你特別想做什麼事
5.到目前為止做成功了什麼事情

【夢想自我提問】
1.花錢也願意學的事情
2.你書架上有什麼內容的書
3.有沒有什麼內容 對你人生有很大的幫助
4.你有特別想感謝的人或事嗎
5.你對這個社會有什麼不滿或憤怒


買了一個平板,畫質跟效能沒有 iPad 好,但贏在不傷眼,到了我這個年紀,保護眼睛已經是第一首選了,這台主要是讓小香瓜看書用的,畢竟這個年紀的小朋友,對於電子閱讀器的純文字書籍興趣不大,還是用彩色平板閱讀書籍比較適合,而且也能裝遊戲,玩的時候也比較不傷眼(每次只能玩30分鐘)。

到後來也變成我的常用機,拿來看線上漫畫很舒適,產品介紹請點此


 

AI 作詞作曲越來越強了,還支援中文歌曲!石門國小的校歌改聖誕旋律|連結原版校歌

只能說科技真的是越來越進步了

 

等著瞧。設計月報:2402期

設計師手札-看板圖_2024_D

【線上工具】whisper-jax

將影片轉換成純文字的線上工具,你可以直接上傳聲音檔案或是貼上Youtube連結,網站就會自動幫你轉換成純文字檔案,介介推薦的方式是直接貼上 Youtube 進行轉換,產出的文字稿除了可以整篇產出,也可以依照時間點,進行逐行的列表呈現,此外這個網站也支援直接透過麥克風,將你說的話轉換成文字,最佛心的一點是,目前這個網站是完全免費的。

 

【影音素材】Thematic

這是一個音樂素材網站,提供了免費的音樂素材,可以上傳到 Youtube 等社群網站使用,固定都會有新的曲目加入,這些素材都是來自世界各地,總類非常的繁多,此外有提供付費版的方案,能夠下載更高音質的版本,並增加下載的次數,免費註冊後即可下載使用。

 

【參考範例】Posemaniacs

這個網站提供非常多的人類姿勢圖,並且提供了 3D 的肌肉模型,可以透過全方位的視角放大觀看每一個部位,姿勢種類非常的多,從運動到跳舞都有,還能切換性別與背景或底板,而且完全免費無需註冊就能使用,此外還跟一些網站合作,販售姿勢模型的玩具,或是明星藝人的姿勢素材等等…是一個蠻有趣的網站。

 

【設計素材】irasuton

這是一個來自日本的免費素材圖庫,有非常多的水彩插畫圖,而且可以用於商業用途使用,這些素材都是非常可愛的風格,包括春節賀卡、動物、花卉、事件、食物等等…下載方式也很簡單,直接另存圖片即可將 JPG 圖檔下載下來使用,這種水彩素材配色非常軟性溫暖。

 

【參考範例】SCRNSHTS

這是一位設計師製作的網站,主要是分享 APP 商店裡面的螢幕擷圖,對於 UI/UX 設計師來說,是一個非常棒的設計靈感來源,若你剛好要上架到 App Store 也可以參考裡面的設計想法,這些素材來源都是從 mobbin 發現的。


哎呀!

這期快月底才出刊,介介跟大家的聊天就不能以月份來聊,不然時間差可能會拖到兩個月以上,就跟大家分享上一期到這一期中間有趣的事情吧


選舉完了,距離下次的選舉還有四年,但每次都有讓人感到新鮮的事,希望未來四年台灣可以繼續變好。


過年期間帶家人去了一趟日本東北,也讓小香瓜體驗玩雪的經驗,雖然過年出國很貴,但這是全家人難得有空的時間,製造回憶,享受沒有工作干擾的休息,也是不錯的選擇。


大家知道嗎?策略 的【略】,是省略的意思,在制定人生規劃時,懂得刪掉,才能少走彎路,烏龍麵、陽春麵、蕎麥麵,一間什麼都賣的麵店,品牌印象遠比不上專賣拉麵的拉麵店有名。花大量資源改善弱項,只會變成沒有缺點的企業,相比之下將資源投入在公司強項,才能變成有亮點的企業。

介介從設計到行銷企劃,同時斜槓經營自媒體與私人教師,到後來使用對市場觀察力,去投資理財幫自己穩健累積資產,取捨一些事情,專注獲利最高的項目,讓自己能少奮鬥好幾年,現在邁向下一個新選擇,假設如果不用不考慮收入、也不用在意別人的眼光,會想要做什麼事?或投入怎樣的領域?希望大家可以跟我分享~

等著瞧。設計月報:2401期

設計師手札-看板圖-202401

 

【品牌經營】藝創公會合約範本

越來越多的一人公司,有時候需要合約時,也不可能自己去生出來,更沒有經費聘請專門的律師來寫,現在您可以透過「藝創公會」的網站,直接下載合約範本,保護自己避免不必要的糾紛,畢竟對於單人公司來說,時間就是最寶貴的金錢,目前上面不僅提供平面設計的外包合約範本,甚至還有授權、租售、商品化授權、策展、展覽等等…領域甚至還跨音樂、舞蹈、藝評,是一個絕對要加入書籤的創作者資源。

 

【設計素材】Unreal Images

這個網站是一個提供由 AI 生成的高品質圖片素材的免費網站,您可以在這裡找到各種主題的圖片,如旅行、動物、動漫、建築等,可免費下載並用於個人或商業目的,無需標註來源。這些圖片都是由世界各地的創作者投稿的,並經過人工審核和分類。

 

【線上工具】Best Hashtag Generator for Instagram

這個網站是 Inflact 的一個工具,它可以幫助您為 Instagram 的貼文生成最適合的標籤,您可以通過上傳圖片、輸入關鍵字或貼上貼文的連結,來獲得一個由人工智慧挑選的標籤列表,這些標籤可以幫助您吸引更多感興趣的用戶,提高您的貼文的曝光度和互動率,還可以讓您查看不同主題的標籤趨勢,以及其他相關的標籤建議,如果你要想要販售的照片當圖庫,這個工具就很適合幫您將圖片生成說明,增加你的照片在圖庫網站中的收尋率

 

【線上工具】Butn.one

Butn.one 它是一個為 Notion 用戶提供行動按鈕生成器的網站,又稱之為「呼籲行動按鈕」用途是引導用戶進行某種操作的網頁元素,例如訂閱、購買、下載等…我們在這個網站可以自定義按鈕的名稱、連結的網址、顏色、字體、邊框、陰影、對齊、EMOJI 表情符號等屬性,並生成一個可以嵌入到 Notion 頁面中的代碼,最酷的一點是,你所設計的按鈕還可以分享給別人,也適合拿來作網站設計時的 button 參考。

 

【工作情境】NoisyLoop

介介在家裡工作的時候,都會放點音樂來聽,騙自己沒有在工作,而是在咖啡廳,偏愛沒有歌詞的旋律音樂,NoisyLoop 是一個線上播放城市環境噪音的網站,能幫助您在家工作時提升專注度,或體驗不同地方的氛圍,在裡面有很多模擬的環境音,例如辦公室、咖啡店、鬧區、公共圖書館、車站、街道等,還能查看每個噪音的錄製者和相片攝影者的資訊,想要改變工作情境的氛圍可以試試看這個網站。

 


Hi 各位讀者們新年快樂啊~
非常感謝您訂閱介介的資源筆記,這份筆記自2015年開始,每月發行一次,至今沒有停刊過,雖然有幾次拖稿到月底才發 (=///=)

看到這裡先不要緊張,沒有要停更的意思

介介在經營這份月報時很多人回饋,幫助到他們的工作與學習,有些工具縮短工作時間,不用加班,多出時間陪伴家人與朋友,最近介介得到 AI 的神助,騰出了不少時間,所以開始思考規劃怎麼讓這一份筆記變得更好。

難道會是每月五則筆記,變成十則嗎?

肯定不是,分享的資料是有做把關的,要達到好用的等級,才值得被分享,胡亂湊數也不符合我的初衷,甚至都想縮減到每月三則就好。

怎麼優化?
先分享介介訂閱其他電子報的經驗,同性質的電子報都冷冷冰冰的,收到信感覺很像 AI ,更直白的說,就搜尋結果啊!我如果工作忙碌就會放一邊,等有空再看就好了,但有空的時候就去忙其他事情了,直接就被忽視了。

畢竟免費的沒人會珍惜,付費訂閱才有價值
站在行銷角度,我也超級認同這個說法,但我更想做的事情是「惜弱」以前聽力的問題,讓介介有更多的「同理心」付費知識很多,不缺我一個,照顧還沒有成長起來的人,可以用我的分享的知識成長,有了能力有了不錯的待遇,就能去付費學習更多知識,變得越來越強,我只想扮演一顆外部心臟的角色,每個月推你一把

於是介介打算混入一些生活趣事與學習成長的體悟,讓我們的距離可以更近一點,就像好友一樣常常聯繫,也歡迎大家可以來我的 臉書IG 閒聊,在上面最近的貼文是 2023 介介訂閱了哪些成長工具。

目前在不同平台的總訂閱數破三千多個訂閱了,雖然沒啥賺錢,但比我的膽固醇還高,並且遙遙領先就是開心~

最後的最後,大家記得一定要去投票唷,不知道要投誰,就看一下2024總統電視辯論會,看看哪位候選人,是您心目中未來的國家元首樣子,到時再投下神聖一票吧

等著瞧。設計月報:2312期

設計師手札-看板圖-2312

【設計素材】AIいらすとや

之前介紹有分享一個日本開源的知名「いらすとや」卡通插畫網站,「いらすとや」是日本知名的免費插圖素材網站,以其可愛的風格而聞名,AIいらすとや是「いらすとや」推出的AI插圖產生器,可以根據使用者輸入的文字或圖片,生成各種可愛的插圖,輸入一些文字,或者上傳一張參考圖片,然後然後讓AI為你創造出各種可愛的角色和場景。你可以免費下載標準尺寸的圖片,或者付費訂閱Pro計畫,享受無限制的生成和下載,但需要用Google帳號註冊使用,且輸入的字詞要先翻譯成日文才行。

 

【線上工具】Files-Conversion

這是一個免費轉檔工具,可以直接透過網頁瀏覽器將檔案進行轉檔的動作,不僅是它不僅支援圖片檔、影音檔、文件、電子書,甚至是 DVD 都可以透過這個網站進行轉檔的動作,而且而且不需註冊會員就能使用,支援的格式有 mp4、avi、flv、mpg、swf、wmv、ogg、dv、mov、3gp、mjpeg、gif、dvd、mp3、wav、ogg、wma ,唯一的缺點就是要排隊等候,有時候太多人同時時候時,會需要一點時間排隊等候。

 

【設計素材】Aurel Manea Photo archive

來自羅馬尼亞的創作者 Aurel Manea 非常熱愛攝影,最近他將這十幾年拍攝的照片開放給大家下載使用,最近他將這十幾年拍攝的照片開放給大家免費下載使用,只要不是用於販售照片(賣給圖庫網站)或參賽都可以拿來使用,目前這些目前這些照片的數量已經累積到了四千多張,照片偏向旅遊風景照。

 

【線上工具】MyLens

有時候做影片或簡報跟網站的時候,帶入一個時間軸可以解釋很多事情,現在 AI 直接讓使用者輸入資料,就可以直接做出時間軸出來,這個網站叫 「MyLens」只要只要輸入人物名稱、事件發展、各國歷史,甚至是一個產品發展的歷程,就能自動產出時間軸年表,而且而且最酷的是,它能夠支援繁體中文的輸入,而且可以輸出圖表的圖檔,還能分享網頁連結,下載的圖檔還可以針對社群 IG 進行圖片切割,方便分享到社群。

 

【設計素材】 Christopher Johnson’s ASCII Art Collection

不知道大家有用過 BBS 嗎? 在臉書盛行之前,這可是非常熱門的入口網站,而最讓大家印象深刻的就是每個版的入口圖,由於由於不能使用圖片,只能使用文字符號去編排成圖片,也就是 ASCII 風格,這個網站「ASCII Art Collection 」展示了非常多的 ASCII 藝術作品,從電影到動物、節慶都有,可以直接快速搜尋、複製使用,目前裡面的 ASCII 藝術圖案依然持續增加中,對於創作者來說又是一個有趣的素材可以使用。

 

等著瞧。設計月報:2311期

設計師手札-看板圖-2011_jiemr

【設計素材】BlendIcons

這是一個免費圖示網站,是由多位設計師共同經營的,在這 10年內創建了超過 20 萬個不同的圖標,有些 icon 還提供了成套的組合,套組甚至多達 1,400 多組,免註冊會員帳號就能直接下載,這個網站的所有圖片都能免費下載用於個人或非商業用途,沒錯!若要用在商業用途要記得遵照 BlendIcons 網站的說明,放置圖示的出處來源,裡面能下載的檔案格式有四種分別是:SVG、PNG、PDF、WEB,喔對了圖示可以下載時可以選擇不同風格與配色還有尺寸,是一個非常方便的素材網站。

 

【設計素材】NASA Image and Video Library

這是美國國家航空暨太空總署(NASA)的官方圖片和影片網站,這個網站收藏了 NASA 在過去 70 多年來拍攝的數百萬張圖片和影片,涵蓋天文、地球、海報、火箭、儀表板數據、太空探索等各個領域,裡面有非常多的照片與影片可以下載使用,個人使用是免費的,但是若要用在商業用途,一定要標示來源才行。

 

【設計素材】IRA Design

這個網站是 Creative Tim 推出的免費素材資料 IRA Design,是一個有免費精美插圖的工具包可以下載,裡面包含了各種人物、背景、物件等素材,網站的內容主要分為插畫圖下載、使用教學與範例作品,裡面的圖片素材有 PNG 與向量的 SVG 兩種格式可提供下載,還提供了整批下載使用,這些圖片可以用於商業用途,但要標示來源是 Creative Tim 的版權信息,而且素材不能用於違法的用途使用。

 

【線上工具】Adobe Express QR-code

這個服務是 Adobe Express 的其中一個線上工具,可以讓您快速而簡單地製作 QR 碼,並且自訂其樣式和顏色,甚至是微調外觀,例如將方格變成圓點或圓角,您可以下載 QR 碼圖片,並且選擇您想要的檔案格式,例如 PNG、JPG、SVG 等…唯一的限制是需要登入你的 Adobe 帳號才能使用,放心,就算沒有付費的 Adobe 的帳號也是可以免費使用這個 QR-code 產出工具。

 

【免費字體】饅頭黑體 MantouSans

這是一個可以免費使用的字體,叫做「饅頭黑體」它是基於字型 デラゴシック (Dela Gothic One) 修改而成的,目前是臺灣繁體中文補充版本,符合常用國字標準字體表(4808 字)感謝作者無私的開放給大家免費使用,可用於個人或商業用途使用,這個字體的風格偏向哥德式設計,很適合運用在海報或標題中,特點是醒目且沉穩。

 

等著瞧。設計月報:2310期

設計師手札-看板圖- (3)_jiemr

【設計素材】frame-illust

一個提供免費插圖素材的網站,Frame-Illust 是由日本插畫家、設計師和藝術家所創立的網站,裡面的插圖素材分為人物、動物、植物、物品和背景等五類,均為高清無版權,可以用於商業和個人用途,不用註冊就可以直接下載使用非常方便。

 

【設計素材】Pixel Garo(ピクセルガロー)

這是一個免費素材網站,是以 Pixel 像素風格為主軸,在 Pixel Garo 網站裡面提供多達 20 種類型的素材,且超過上萬張的像素圖可以免費下載,能夠用於個人或商業用途使用,不過記得要標示出處與來源的連結,才能使用這些素材,尺寸有三種分別是 32px、16px、12px,部分的 Pixel 插圖是以動態的 GIF 圖呈現。

 

【工作情境】世界之窗

上次分享的窗景動態相框,要價1~2萬,還要付費訂閱,實在無法入手,還好介介是個科技宅,直接組了一個 Youtube 播放清單 !「世界之窗,帶你環遊世界」介介整理了一批 Youtube 循環影片,製作成一個播放清單,簡稱「世界之窗」,裡面會連續播放世界各地的窗外景色,包括公園、瀑布、森林、夜晚下雨的繁華城市等。最酷的是,每個影片都帶有情境的背景聲音,而且平均長度都在三個小時以上,在電腦前閱讀時,將電腦螢幕播放這個頻道的影片,立即就能有置身國外度假的情境,但建議跟介介一樣有 Youtube Premium 才能避免廣告的干擾。

 

【設計素材】New Old Stock

這個線上工具可以將你的圖片平均的分割成四等份,之後再讓你選擇要下載哪一部分的圖檔,對於使用 Midjourney 或是其他的 AI 生成工具用戶,可以更方便的截取你要的部位,使用方式很簡單,直接上傳圖片或貼上圖片的網址,就會生成四個版位,點選下載後,就會直接以 JPEG 格式下載到你的電腦。

 

【線上工具】 MJ Splitter 切割照片

這個線上工具可以將你的圖片平均的分割成四等份,之後再讓你選擇要下載哪一部分的圖檔,對於使用 Midjourney 或是其他的 AI 生成工具用戶,可以更方便的截取你要的部位,使用方式很簡單,直接上傳圖片之後,就會生成四個版位,點選下載後, MJ Splitter 就會直接以 JPEG 格式下載到你的電腦。

 

等著瞧。設計月報:2309期

設計師手札-看板圖- 2309 D

【免費字體】Maruko Gothic

這是一款非常有趣的免費繁體圓體字型,與一般規矩的圓體字相比,馬路口圓體更添加了非常有趣味的勾角元素,這是由網友「max32002」所製作的免費字體 Maruko Gothic 馬路口圓體是藉著 ZenMaruGothic 為基礎,目前也陸續補齊字體中,這款字體採用 SIL Open Font License 1.1授權,可供個人和商業免費使用,雖然目前還有一些缺字,相信未來作者會將字體補齊完善。

 

【線上工具】TTSMaker

TTSMaker 是一款免費的文本轉語音工具,提供語音合成服務,支持多種語言,包括英語、法語、德語、西班牙語、阿拉伯語、中文、日語、韓語、越南語等,以及多種語音風格。您可用於朗讀文本和電子書,或將語音文件下載後供商業用途(完全免費)。作為一款優秀的免費 TTS 工具,TTSMaker 可以輕鬆地將文本在線轉換為語音,單次輸入可達 8000 字,可以有數十種說話的語調可供選擇,可轉換為 MP3、OGG、AAC、OPUS、WAV 等格式。

 

【線上工具】SaveTT

短影片是近期的一個趨勢,為現代人帶來了龐大的多巴胺,創作者也要開始花時間研究與製作短影片,而短影片的大本營抖音有非常多的優秀作品,透過這個線上下載工具,你可以很輕鬆的將抖音影片下載回來做學習,這個網站的速度非常快,只要輸入網址點選「Search」按鈕進行解析,接著會來到下載頁面,可以直接下載或是傳到你的 Dropbox、或直接 Download 下載,此外,還提供 QR Code 供手機掃描下載,其中左側可以看到該影片的封面縮圖,右邊則是可以選擇要下載的影片格式,你可以分別選擇:MP4、MP3、MP4 等格式,是個簡單好用的工具。

 

【線上工具】Screenshot for Street View

這個瀏覽器外掛可以移除 Google 街景畫面上的所有界面元素,讓你可以輕鬆取得街景畫面,這個工具是瀏覽器的外掛,安裝之後就可以在瀏覽 Google 街景時,擷取乾淨的街景照片,適用於 Chrome、Firefox 和 Safari 等主流的瀏覽器,下載後的圖片檔案格式為 JPG 檔。

 

【犒賞設計】Z-Library

這是一個全球最大影子圖書館,收錄了上千萬本電子書,可供免費下載,並開放給全世界使用者免費下載,收錄的內容有電子書跟文章,最酷的是有提供繁體中文的書籍,檔案格式除了 EPUB 格式外,還可轉換為 TXT、PDF 等格式,免費帳號每日最多可下載 10 本電子書、以及 30 篇文章,具備匿名上傳和去中心化等特性,因此被稱為「影子圖書館」,主張知識普及,但也因此引發爭議,若連結失效,請用備註的維基百科內的最新連結。   備註

 

等著瞧。設計月報:2308期

設計師手札-看板圖- 2308 D

【設計素材】argil

現在 AI 繪圖的平台越來越多,介介除了介紹神級的工具之外,也會分享一些簡單有趣的 AI 工具給大家,Argil – AI 這個網站提供了一些免費 AI 生圖的工具,第一次使用會需要註冊帳號,點擊 Create a workflow 後就可以開始生成圖片,免費帳號可以享有每月一百張圖片的生成,拿來試試 AI 生圖,偶爾也會有驚喜的大發現。

 

【設計素材】Free SVG illustrations

這是一個提供免費插圖素材的網站,只要註冊成後就可以免費下載素材,下載後會是一個壓縮檔,裡面會有 PNG 與向量的 SVG 兩個檔案,下載之前可以透過網站的工具調整素材的配色,使用免費帳號的話需要標示來源才行,付費的話有兩種計價方式,一個是每年 15美金;另外一種是終身使用方式 49美金,實際收費方式要以官網說明為主,素材分類有工作、運動、職業等等…這些插畫都是簡潔的扁平式風格,很適合應用在各種情境中使用。

 

【線上工具】Knots3d

學習繩結除了可以在露營的時候使用,也能透過一條繩子讓生活變得更便利,這個網站是線上繩結資料庫,您可以在其中查看探索大量繩結資料素材,同時您還可以創建自己的繩結並與其他使用者分享,是學習新的繩結或更好地理解繩結的工作原理的好方法,除了有影片的教學還有 3D 繩結,可以 365度查看繩結,對於想要如何打結的人,是一個有趣的教學網站。

 

【縣上工具】FlipClocker

FlipClocker 這個網站是一個免費的線上桌面時鐘,可以讓你在瀏覽器上顯示簡約優雅的翻頁鐘或數位時鐘效果,你可以透過網站的設定自由調整時鐘的樣式、字型、顏色、音效、日期和背景,甚至可以切換淺色或深色的背景模式,這個工具能適應不同的裝置與瀏覽器,也就是說手機也能使用,很適合拍攝影片時,能讓螢幕桌面有個優雅的翻頁時鐘,網站還提供了 iOS 和 Mac 的應用程式,讓你可以將你的 iPhone、iPad 或 Mac 變成一個時尚的時鐘,最後還有一個付費方案,就是白噪音的功能,有興趣的朋友可以試試。

 

【設計素材】Ira Design

IRA Design,是一個能創建漂亮的插畫的素材網站,你可以使用它提供的漸變色模式和手繪素材,來組合出不同的人物與物件甚至是不同的背景組合,最後你可以將結果下載成 SVG 或 PNG 格式的檔案,插畫風格是近幾年主流的簡約而時尚的樣式,版權上可以免費用於個人或商業用途使用,網頁上還提供了許多應用範例可以參考,如果這些素材對你有幫助,你可以購買作者的課程與書籍支持一下原創者。

 

等著瞧。設計月報:2307期

設計師手札-看板圖-2307

【線上工具】Microsoft Designer

微軟的AI工具之一 Microsoft Designer 是一款基於 AI 技術的影像生成軟體,功能有點類似 Canva 比較特別的是它利用人工智能和機器學習的力量,幫助設計師輕鬆創建視覺上令人驚嘆的設計,你可以使用它創建各種項目,像商標 Logo、海報、邀請函、社交媒體貼文、網站橫幅等。使用方法非常簡單,你只需要輸入你想要的內容,Microsoft Designer 就會為你提供建議和創建獨一無二的設計,還可以使用 Microsoft Designer 的 AI 選項來生成任何你能想像的圖像,像是輸入「一隻穿著太空服在坦克車裡的獵犬」,它就會在幾秒鐘內為你生成一個原創且可自定義的圖像。是的沒錯,它支援繁體中文的輸入,這個工具也可以輕鬆地幫你移除圖像的背景,並用任何你想要的東西替換它。最重要的是可以在設計中應用你的顏色和字體,目前是免費使用的。

 

【設計素材】Loose Drawing

來自日本的一個免費素材網站,提供一系列線條簡約的插圖可以供免費下載使用,檔案有點陣圖的 PNG 與 JPG 兩種格式,若需要向量的 SVG 格式,則需要另外付費取得,素材可以免費用於個人或商業用途使用,你可以自由的修改編輯這些插圖素材,但是不可以將這些素材包裝後販售,也不能做成 Line 貼圖販賣,網站有提供分類檢所,讓你快速找到想要的插圖,顏色的部分也能透過旁邊的顏色修改器來調整,另外如果你有預算的話,也可以透過網站直接與對方連繫,可以針對您的需求進行客製化的設計,價格依照插圖的細節複雜度而定,費用約6千元到2萬元日圓不等,他們的客戶有富士電視台、日本 FP 協會都有使用他們的付費方案。

 

【線上工具】Gamma

現在的 AI 工具越來越多元,有專門幫你繪圖的AI,也有專門幫你生成內容的AI,這次介介要介紹的這個網站「Gamma」是一款可以結合圖片生成與文字生成的線上 AI 工具,簡單說它能做到幫你自動化設計簡報、網頁,你只需要提供你想要的內容,這個網站就能瞬間完成版面的內容與設計,而且最酷的一點是他支援非常多的語言,沒錯它可以直接使用繁體中文來輸入,簡單的說就是可以幫你將網頁、簡報做到快速美化的功能,甚至可以幫你現有的簡報設計做修改,製作完成的素材也可以做一鍵分享,讓其他人可以直接在網站上面瀏覽你的簡報,當然你也可以匯出檔案,也可以做到 PDF 直接下載。

 

【線上工具】Perplexity AI

Perplexity AI 是一個結合了搜尋引擎與 ChatGPT 的工具,可以在 AI 問答時即時分析網路資訊,節省搜尋與整理時間。它結合了 GPT-4 的功能,具備澄清問題和深入問答的能力。免費帳號可以使用 GPT-4 引擎進行五次問答,之後仍可使用一般的 AI 與搜尋引擎結合的問答模式。Perplexity AI 不僅限於搜尋引擎,還可以分析新聞、論文、影片、維基百科等不同內容來源。透過 Perplexity AI,可以快速創建旅遊行程、整理新聞快報、建立精準的食譜計畫,以及學習新技能。

 

【線上工具】ezyZip

你的工作是否常常需要進行壓縮檔案或解壓縮檔案,卻又不想安裝任何軟體呢?如果是這樣,那你一定會喜歡這個雲端壓縮工具,這個工具可以讓你在網路上輕鬆地壓縮或解壓縮各種格式的檔案,例如 ZIP、RAR、7Z 等…你只需要上傳你要處理的檔案,然後選擇你要的操作,就可以快速地完成壓縮或解壓縮的任務,這個工具不僅方便,除了剛剛提到的基本常見的壓縮檔格式,甚至還支援較為罕見的 ISO、JAR、APK、TAR 格式等…若你電腦已安裝解壓縮軟體,但也可以加到瀏覽器書籤用來解壓縮比較特殊的檔案格式。

 

等著瞧。設計月報:2306期

設計師手札-看板圖-2306D

【設計素材】Recraft.ai

要找圖示或插圖介介分享了很多資源,不管是免費的還是付費圖庫都有,但若是一些罕見的圖庫或插圖,就還是需要自己繪製,現在有一款 AI 繪圖工具可以解決這個問題,名為「Recraft.ai」能自動有效地生成向量插圖、ICON 圖示和 3D圖標,並且可以利用 AI指令進行一些細節編輯和修改,最棒的是這款工具還是免費的。
只需要輸入所需的圖示描述,它就會生成多種版本供選擇,若結果的一些部分不滿意,可以單獨選取該部分重新生成,直到得到滿意的圖示,有點類似最近 Adobe Photoshop Bota 版的 AI 修圖,最後介介覺得最酷的地方是「Recraft.ai」生成的 ICON 圖示和插圖都可以下載為可放大的向量圖檔,修改起來更加方便。

 

【影音素材】SoundBible

這是一個專注於提供免費音效素材的網站,為影片編輯、電影配樂、遊戲配樂等領域提供多樣且高品質的音效檔案,目前網站上已收錄了近1,600個特殊音效檔案,並且全部都開放免費下載,檔案格式包含了 MP3 和 WAV 兩種音檔格式供使用者自由選擇下載。
網站上音效的分類並不複雜,僅簡單列出了一些主題,例如卡通、動物、人聲、笑聲等等,如果您有特定的搜索目標,也可以通過英文關鍵字進行搜索,每個音效檔的授權方式不同,大部分採用 Attribution 3.0 授權,使用時僅需標註來源即可商業使用,部分音效屬於公有領域,可自由使用,但有少數是僅供個人使用或不可於商用,使用前都要稍微注意一下。

 

【設計素材】Free Ukraine Icons

這是一組由知名的圖標搜索引擎「ICONFINDER」所提供的免費烏克蘭相關圖標,以設計大師的角度重新介紹這個組合包,這組圖標以烏克蘭為主題,提供了多種格式供使用者免費下載,包括SVG 和 PNG 格式,整個「Free Ukraine Icons」組合包共有8個主題包,其中包含了與戰爭有關的圖標,也有促進和平的圖標,一共包有185個精心設計的圖標,使用者可以單獨下載特定的圖標,或是直接整批打包下載整個組合包,PNG格式還提供了 2048px 和 512px 兩種解析度選擇,所有的 icon 都是採用 CC BY 4.0 授權,使用時需標註來源,也可應用於商業用途,介介希望這次的戰爭可以早日和平結束。

 

【線上工具】ChatPDF

如果你需要 AI 協助整理一些 PDF 文件的內容 「ChatPDF」 是一個專為PDF而設計的AI服務,能夠幫助用戶精簡和整理PDF內容,提供文件裡面的重點信息,使用者只需將 PDF 文件拖放到網站上,ChatPDF 就會開始進行分析文件並生成可能的問題列表,接下來我們就可以根據建議提問或提出自己的問題,這個線上工具還可以針對 PDF 電子書進行精簡處理,讓用戶在不閱讀整本書的情況下了解內容大意,對於時間不多的人,應該會是一個非常不錯的選擇,甚至透過你的提問,這個 AI 也會被訓練得更加好用,當然自己閱讀仍然是更好的選擇,但對於在PDF中的內容看不懂的地方,也可以跟 ChatPDF 換個方式幫你解說,也是一個不錯的學習工具。

 

【線上工具】Writesonic

Writesonic 是一個 AI 人工智能寫作助手,可以幫你快速生成各種類型的內容,像是部落格的文章、廣告宣傳文案、產品的描述等等…它使用了最新的GPT4 技術,能夠根據你的輸入信息,寫出符合你的目標和風格的內容,此外它還提供了多種編輯工具,讓你可以對生成的內容進行優化和改進,Writesonic 目前具有 65種功能,涵蓋了不同的平台和場景,能夠輔佐寫作過程能更加高效方便,適合作家、行銷人員、電商老闆還是創業者,都可以通過Writesonic 在短時間來提升寫作水平和工作效率。

 

等著瞧。設計月報:2305期

設計師手札-看板圖-2305

【設計素材】Iconhunt

Icon Hunt 這個網站是一個提供免費圖示下載的素材網站,具備超過 150,000 個開源的 SVG 向量圖示,設計師們可以透過這個網站輕鬆取得高品質的圖示素材,並且可以運用在個人或商業用途中使用。網站提供了各式各樣的圖示資源,包括一般常用的圖示,社群網站標誌、箭頭、多媒體符號、UI icon 等等…也有特定領域的專業圖示,像是設計、旅遊、醫療等等…這些素材可以直接提供你 SVG 的網頁語法,讓你可以直接一鍵複製,對於網頁設計師來說非常的方便,當然也有提供向量的 SVG檔下載。

 

【設計素材】Vintage Stock Photos

Vintage Stock Photos 這個網站的圖像都是由專業攝影師提供的高質量原始圖片經過修復和製作而成,網站也提供了多種圖像尺寸和解析度可選擇,方便設計師們根據不同需求選擇最合適的圖像。
對於設計師、歷史愛好者和藝術家們來說非常有幫助,網站涵蓋了許多主題,包括人物、建築、風景、文物、藝術品等等。無論你是在設計書籍、海報、廣告、產品包裝或是創作藝術作品,都可以在這個網站上找到合適素材。註冊免費帳號後即可以下載圖片,圖片可以免費用於個人或商業用途,但是不能用來重新分發使用。

 

【設計素材】Mockups-Design.com

這是一個提供產品模型和設計資源的網站,裡面有各種免費且具高品質的產品模型、場景和設計資源,讓設計師可以快速且輕鬆地製作出令人印象深刻的設計作品,這種設計模型其實就是 Mockups 可以讓創作者直接將作品快速的置入在各種載體上面,例如手機、平板電腦、筆電、電腦螢幕、海報、名片、手冊等等,並且每一種產品模型都提供了多種場景和風格,作者是一位平面設計師,每一個模型都經過他細緻的設計和調整,設計的品質非常高,可用於個人或商業用途使用,另外作者還有另一個包裝素材的網站,介介下次再找時間分享給大家。

 

【設計素材】HeritageType

一個專門提供復古素材與字體的網站,裡面有分免費版與付費版的資源,免註冊帳號即可下載,進到網站點選左上角的「FREE DOWNLOADS」就能下載,網站下載的速度還不錯。
相比一些隨時更換的流行元素,老元素的設計風格會帶來一些獨特的優勢,而且最棒的是歷久不衰,會給人一種歷史感和傳統感,這有助於建立品牌的歷史和信任感,也具備唯一性,在設計風格多變的世代,具備有年代感的素材相對比較少見,能市場上脫穎而出,吸引更多的注意力,也容易引起人們的情感共鳴,例如對懷舊的渴望或對古董的愛好,你可以編輯修改這些資源素材,並且能在個人或商業用途中使用這些素材,但是不可以重新分配這些資源到其他網站,即使是重新上傳提供免費下載也不行,更不能將這些素材做商業轉售,另外介介建議大家註冊會員,能得到新的免費素材通知,未來有需要購買平台上獨特的圖庫或專屬字體時,也可以隨機獲得折價卷。

 

【參考範例】Thishousedoesnotexist

這是一個使用 AI 人工智慧生成逼真的虛擬建築的圖像素材網站,這個網站使用了一種名為 GAN(Generative Adversarial Networks)的深度學習模型,能夠生成高度真實的建築圖像,並且每次生成的圖像都是獨一無二的,使用這個網站非常簡單,您只需要在網站上點擊“This House Does Not ExistTap image to let AI generate a new house”按鈕,網站就會立即生成一幅逼真的虛擬建築圖像,如果您不喜歡這個虛擬的建築物圖像,可以繼續點擊按鈕,直到找到您喜歡的圖像風格為止,另外在圖片的底下還會標示出圖片的生成來源.這個網站非常有趣,不僅可以用來測試人工智慧的生成能力,也可以用來啟發您的設計靈感。

 

等著瞧。設計月報:2304期

設計師手札-看板圖-2304D

【網頁設計】Instawp

InstaWP 是一個快速建立 WordPress 沙盒環境的服務商,全世界有很多網站是使用 WordPress 建立的,對於想要學習的新手,要先從架設網站開始學起來,也需要一段時間,如果遇到想要測試特殊的外掛或佈景模組,在不想影響原本的使用環境,就需要一個能快速建置 WordPress 拋棄式的網站,而 InstaWP 這個平台只要點開連結,就能快速建置一個 WordPress 網站,而且可以預先選擇 PHP版本、設定模板,此外這個網站也提供了付費機制,直接讓你 WordPress 變成一個正式的網站,費用大約是 14~79元美金,差異在於可使用的功能數量及進階功能,這個拋棄式的 WordPress 網站測試,它的免費帳號所具備的功能就很齊全了。

 

【線上工具】Discord

Discord 是一款專為社群設計的免費網路即時通話軟體與數位發行平台,最近變得廣為創作者知道是知名的 AI 生圖工具 Midjourney 就是使用 Discord 當作是 AI 繪圖的平台,所以有越來越多的創作者加入,您可以在上面建立自己的伺服器,並邀請朋友加入,透過文字、語音、影像等方式進行交流,是很多遊戲玩家、教育人士、公司行號所喜歡的平台工具,有網頁版、電腦版、手機 APP 版本,註冊帳號需要用手機進行實名註冊,此外你可以透過打賞訂閱的方式,讓頻道獲得成長並解鎖更多有趣的功能,介介也針對創作者們建立了一個 Discord 頻道,讓大家可以交流分享,連結在下面,歡迎大家來交流。  創作者的 Discord 頻道

【線上工具】Bing Image Creator

AI 工具五花八門,微軟在今年也推出了 AI 繪圖工具 Bing Image Creator 採用 DALL·E 的大量圖片生成模型,只要提供英文的詞句就可以產生圖片,採用免費的方案,每個帳號都能產圖,初期提供免費快速產出25張圖片的積分,超過這個數量之後,產生圖片的速度就會變的比較慢一點,其實也夠用,用量大的話可以額外付費,或是透過微軟官方的搜尋任務增加算圖積分,積分任務連結請見備註,此外網站上還有許多生成圖片範例可供參考,若沒有想法的話可以使用幸運抽的方式,隨機產生一張帶有驚喜的圖片。

 

【工作情境】Zen Sounds

這個網站是 Zen Flowchart 的一部分,它提供了一些可以用來放鬆和集中注意力的免費聲音。您可以在這裡找到一些自然的聲音,例如雨聲、海浪聲、鳥叫聲等等。順便提一下 Zen Flowchart 這個網站是一個簡單易用、極簡,又十分清爽漂亮的在線流程圖製作工具,Zen Flowchart 提供免費版和付費版,免費版限制為3個檔案和 20個節點,而付費版則沒有限制。付費版的價格為19美元/年,但其實介介之前分享的免費心智圖工具就很夠用了(笑

 

【設計素材】MockDrop

Mockdrop 是一個免費的情境圖合成工具,使用者可以將自己的圖片與模型合成,變成一張全新的合成圖片,可以幫助你快速創建和分享應用程序的原型,它提供了一個簡單的操作拖放界面,就可以幫讓你輕鬆創建應用程序的原型,這些原型包含了手機、電腦、智能手錶等等…這個過程不需要任何繪圖軟體的知識技術,直接上傳素材拖移圖片即可,另外在 Mockdrop 的網站還提供了一個圖庫資源,其中包含了許多常見的 UI 元素,像是按鈕、文本框、下拉選單等等…你可以使用這些元素來創建你的應用程序原型,並將其保存到你的帳戶中,甚至可以與其他人分享你的原型,獲得網友們的修改建議喔。

 

等著瞧。設計月報:2303期

設計師手札-看板圖-2303D

【線上工具】Azue

Azure 是微軟的雲端平台,提供了許多實用工具和服務,可以幫助您建立、部署和管理應用程式,其中還有文字轉換語音的工具,能建置可自然說話的應用程式和服務,透過自訂、寫實的語音產生器來產出不同的說話樣式和情緒語調的語音,你可以設定男生或女生聲音,甚至可以做到語調的高低與速度都能略做微調,註冊後就可以使用 Azure 微軟的免費資源與應用。

 

【線上工具】Font Map

這個網站是由 IDEO 設計公司創造的一個人工智慧實驗,名為 Font Map 它使用機器學習的技術,將超過 750 種英文字體按照視覺相似度排列在一個互動式的地圖上,使用者可直接在地圖上拖曳和放大縮小,探索不同字體之間的關係和差異,使用者也可以在搜尋欄輸入字體名稱或關鍵字,快速找到想要的字體,此外使用者還可以在預覽欄輸入自己想要顯示的文字,看看不同字體的效果如何,如果使用者喜歡某個字體,也可以直接點擊下載回來使用。

 

【線上工具】Moonshot

現在很多個智能生圖的工具,對於創作者來說來越來越方便了,就連現在只要用 Line 就能直接在 Line 招喚機器人幫您產生繪圖甚至提供創作靈感,這是一款由夢想動畫研發,國家高速網路與計算中心提供硬體協助,所打造 AI 繪圖工具機器人 Moonshot,只要加入這個 Line 機器人就可以上傳照片後協助你修改照片,甚至上傳家裡的角落照片,這個 AI 機器人就能提供許多裝潢參考,甚至還提供了智能助理的聊天功能,更多的介紹與安裝方式可以參考介介網站上的介紹。

 

【線上工具】CompressImage.io

compressImage 是一個免費線上圖片壓縮工具,可以直接透過瀏覽器快速將 JPG 和 PNG 圖片進行壓縮處理,這項服務具備隱私、離線運作特性,使用者的圖片只會在瀏覽器壓縮,不會被上傳到任何伺服器,因此這個壓縮功能沒有任何限制,包括你上傳的檔案大小不限制,而且就連檔案的數量也不限制,介介覺得這佛心程度太強了,而這個網站工具即使沒有網路也可以壓縮圖片,因此這個技術就能解省碳足跡,還能減少網路的流量。

 

【線上工具】Google Admin Toolbox

Google Admin Toolbox 是一個由 Google 提供的工具,其中的工具很多,像是可以用來排除 Google Workspace 相關問題,而介介這次要介紹的功能是螢幕錄影功能,這個 Google 螢幕錄影工具是使用 Javascript 技術,能在瀏覽器錄製螢幕畫面和擷取音訊.透過 Google Chrome 瀏覽器就能直接錄製錄影,而這個影像檔案的格式竟然是 .webm 影片格式,WEBM 是一種相當新穎的影片檔案類別,由Google 贊助開發,屬於一種MP4 格式之替代方案,檔案的大小會比較小一點,相比其他影片錄製平台,這個工具不會將檔案傳送到 Google 或其他遠端伺服器,隱私相對比較好一點。

 

等著瞧。設計月報:2302期

設計師手札-看板圖-2302D

【線上工具】ClipDrop Replace Background

這一個可以輔助電腦修圖的 AI 工具,可以將你上傳的圖片做背景的更換,直接替換為由 AI 自動產生的新背景圖,不需要再去找背景圖片了「ClipDrop Replace Background」這個線上工具可以很輕鬆的完成背景替換的動作,甚至可以利用 AI 的功能自動將原本圖片背景缺少的部分做捕足的動作,讓畫面的構圖更加完整,有點類似 Photoshop 的「內容感知」工具,而且背景的部分無需自己找圖片,只需提供 AI 一段有關於背景的描述,就可以直接畫出新的背景,這個平台是可以免費使用的,若使用付費方案可以解鎖尺寸的限制,同時也能使用 ClipDrop 這個平台下所有產品的無限制使用。

 

【線上工具】AnonymousEmail

網路上免費的臨時收信工具非常的多,甚至有些是拋棄式的電子信箱,像是之前介介分享的十分鐘免費信箱 https://jiemr.com/10minutes-mail 都是很方便的臨時收信工具,非常適合用來註冊未知的網站或取得贈品,不過網路上卻很少有提供拋棄式臨時【寄信工具】而「AnonymousEmail」就有提供線上匿名寄信服務,不會讓自己的身份曝光,而且是可以免費使用的,當然也可以透過付費的功能升級寄送次數與解鎖額外的特殊功能,例如追蹤信件是否有回信等.這個網站寄信的工具非常齊全,甚至可以透過外連的方式將圖片放置在信件內容裡,也可以夾帶附件增加信件的內容,是一個不錯的匿名寄信工具。

 

【線上工具】AvePDF

AvePDF 是一款專為 PDF 使用者量身打造的線上工具,整合了多種實用的 PDF 工具,例如:合併 PDF、分割 PDF、轉換 PDF 為其他格式、加密等等…免安裝可以在任何時間任何地點使用,非常方便快速,AvePDF 支持多種語言介面,包括了中文、英文、德語、法語等…使用者可以根據自己的需求選擇最適合的語言。此外也支援從你的雲端硬碟直接上傳檔案,方便使用者隨時隨地使用自己的檔案,還具備了圖片 OCR 功能,可以將圖像中的文字轉換為可以編輯的文字,方便使用者對文件進行編輯。

 

【線上工具】Synthesys X

AI繪圖的領域真的是日進千里,介介想要寫AI教學文的速度都趕不上AI的變化與進步,此時此刻的現在,你都可以直接在逛網站時,看到好看的圖片時,想要模擬出類似的作品,只需要在圖片上面按滑鼠右鍵選擇「Synthesys X」外掛的按鈕,AI 就能直接幫你模擬出兩張類似風格的圖,連下語意指令的時間都幫你省下來了,這個工具是「Synthesys」旗下的一個服務,針對 Chrome 瀏覽器的外掛工具,可以免費安裝使用,每個月可以免費產生五十張圖片,可以用於商業用途使用,每一次產圖都能一次產生兩張圖片,使用每月付款的方案可以獲得更多圖片與更高的解析度,此外這個網站還有很多AI智能工具可以使用,像是模擬你說話的聲音等等的工具…總之是一個寶藏滿滿的網站,有興趣的朋友可以去逛逛。

 

【線上工具】JUMBOmail

JUMBOmail 是一款免費的檔案共享服務,訴求以最高安全標準來保存使用者的檔案,透過加密的技術只能透過專屬鏈結才能獲得到你上傳的檔案,免費的帳戶可以傳送最多 2 GB 的檔案,連結保存時間為七天,若想要提升傳送檔案的上限和保存時間,可以購買 JUMBOcode 付費升級方案,檔案上限會提升至 20 GB,且保存時間會增加到六個月,此外,JUMBOmail 不僅提供安全的檔案共享服務,還可以方便的與他人共享檔案,另外還提供信件代寄的服務,讓你更方便的將檔案寄送給對方。

 

等著瞧。設計月報:2301期

設計師手札-看板圖-2301D

【設計素材】Illustration Kit: Free illustrations

「Illustration Kit」是一個免費的素材網站,是由兩位設計師所提供的一個免費向量插圖網站,分別是 khushmeensidhu & dilpreetsio 兩位設計師,在這個網站上面有非常多風格一致的簡約插畫,拿來應用在商業網站或是簡報中,都非常適合,而且還有兩百多張的背景插畫可以自行組合搭配,網站裡面的素材都是可以免費下載使用,版權是採用 CC0 的授權方式,可用於個人或商業用途使用,無須標示來源,也無須註冊就可以直接從網站上下載使用,除了提供向量的 SVG 格式還有 PNG 格式檔可供下載,如果你有使用 Figma 還可以使用他們的插件,直接套用他們的作品,另外也可以用 email 免費訂閱他們的插畫更新通知。

 

【線上工具】Ribbet

這是一個免費的線上影像編輯工具,它最大的特色是非常簡易好用,註冊帳號後就可以免費使用,雖然是英文版的線上工具,但可以透過 Chrome 瀏覽器的翻譯功能,就能輕鬆解決英文語系看不懂的問題,直接將工具變成中文版的,介面操控其實還蠻簡單的,直接上傳圖片後就能直接進行編輯修改,而且支援繁體中文的文字輸入,也提供了簡易的圖片組圖工具,能將多張圖片拼成一張圖,雖然免費帳號會有圖片下載的尺寸限制,但他們提供的免費尺寸用在社群或網站上還算夠用,而且登入帳號後,可以看到以前修改過的圖片,一旦付費成為進階會員後,除了解鎖原尺寸下載的功能,還可以開啟更多的修圖功能,蠻適合外出時要臨時修圖的人使用。

 

【工作情境】Tunefind

這個來自美國加利福尼亞州的舊金山灣區的音樂搜尋網站「Tunefind」它成立於二零零五年,這個網站的主要功能是可以幫助你找尋電影或影集中出現過的主題曲、背景音樂、片尾曲等等…甚至會告訴你這些音樂還曾經出現在什麼電視劇,基本上這個網站的音樂大都會有版權的,是不可以用在商業用途使用的,所以介介沒有歸類在影音素材的分類裡面,怕大家會誤用,所以先歸類到工作情境的分類裡面,大家以後想要回味電影的主題音樂時,就可以透過這個網站找到當時讓你感動的電影配樂,拿來陪伴工作也是一種不錯的選擇,網站也會附上音樂的 YouTube 與 Spotify 連結,讓你可以加入到自己的歌單裡。

 

【線上工具】x6ud

這個名叫「x6ud」的線上網站,主要提供了人物姿勢參考照片收集的免費服務,透過簡單的操作就能幫你找到人體姿勢的參考照片,進到網站後調整左邊的人形骨架的軀體與四肢,將骨骼姿勢擺到你想要的姿態,再從選單中找到你想要觀看的部位,按下 Search 搜尋鍵,在右邊的視窗中就能幫你找到一堆有想同姿勢角度的參考照片,而且精細到可以仔細觀察每個關節部位,甚至連腳踝手掌的角度都能指定,根本就是畫圖人的輔助神器,想當年介介念復興商工學畫畫時,還要花錢買木偶人來擺飾畫,有了這個線上工具後,就能幫創作者省下一筆買木偶人的錢錢了。

 

【免費字體】Font Library

這是一個提供免費字型的網站「Font Library」一共收錄兩千種以上的字型,您可以透過分類挑選的方式快速的找到你所需要的字型款式,包含了語言、樣式、授權方式等分類,網站還提供了字型熱門度的排序、字型新舊的時間排序的功能,同時也能在網站上輸入文字後即時預覽字型的樣式,網站會標示每款字型的設計師與所屬的公司,以及字型提供的語系等資料。這些字型除了提供直接下載字型檔案,還提供了讓網頁設計師可以直接透用的程式代碼,這樣就能省去上傳字體的時間,另外要說明的就是,每一組的字型授權的方式都不一樣,下載時記得要留意一下,最後下載這些字型是不需要註冊會員,就能直接下載喔。

 

等著瞧。設計月報:2212期

設計師手札-看板圖-2212D

【線上工具】email1

介介分享了許多有趣的網路工具給大家,雖然大部分的工具服務都是免費使用的,但也有些服務是需要例外註冊帳號的,不過若只是想要試用服務,又怕收到一堆垃圾信,可以使用臨時信箱先註冊服務使用看看,「email1」這是一個提供線上臨時信箱的產生工具,不用擔心收到一堆垃圾信箱,申請這個暫時信箱如果有一段時間沒使用,信箱就會自動刪除,網站有提供簡體中文的介面容易上手,信箱的部分有超過十種不同的網域名稱可以供用戶自由地挑選,假如你想要一直長期使用「email1」這個免費的臨時信箱,就可以直接考慮免費註冊這個網站,就能長期使用。

 

【設計素材】StockAI

AI圖片的取得越來越方便了,除了自己算圖之外還可以透過其他管道取得AI繪製的美麗圖片「StockAI」是一個提供由 AI 生成的圖庫網站,我們只需要輸入想要的照片場景描述,「StockAI」這個網站就能準確的幫忙找到符合的圖片,如果你想要的照片還不存在時,也能協助你產出AI圖片,沒註冊的使用者可以免費下載小尺寸的圖片,圖片像素是 512x768px,可以用作於個人或是商業用途使用,無需標註來源,若需要更大尺寸的圖片就需要另外付費購買,想要生成更多獨一無二自己才能使用的專屬圖片,也需註冊成為會員,每位會員都能有 3 次免費生成圖片的機會,當然「StockAI」也提供其它的付費方案唷。

 

【設計素材】Generated Humans

這個線上素材網站是由 GENERATED PHOTOS 網站推出的「Generated Humans」裡面是由 AI 自動產生全身的人像照片,這些看起來非常像真實的人臉與全身人像照,其實全部都是由 AI 人工智慧演算出來的作品,能有如此優秀的演算的能力,產生出非常多的栩栩如生的人臉與全身圖像,不論是男性或女性,還是黃膚色或黑皮膚等不同膚色,同時也有各種不同的年齡人像,而且這些照片都可以讓使用者免費下載使用,最酷的一點是可以一次性的下載高達十萬張的圖像,雖然是小解析度的 256×512的解析度,而且背景是白色的,但也是夠用的,若想要進階的獲得去背的 PNG圖檔與更高解析度的圖像,可以透過付費的方式取得。

 

【設計素材】Storyset

「Storyset」這個圖庫網站提供了一系列的風格插畫,並將插畫中的每個圖像元素以圖層方式區隔出來,使用者可直透過「Storyset」網站所提供的線上編輯器工具,將插畫上面的元素依照使用者的喜好來自訂顏色以及背景色「Storyset」網站上面的插畫除了可以用靜態的方式呈現外,還可以透過平台上已定義好的動畫效果將插畫內部的元素動態化,像是基礎的移動效果、進場效果或循環效果等等,這些插畫設定完成後可以下載成向量的 SVG 格式或 PNG 圖檔與GIF、MP4等影片格式,此外也提供了 Figma 的 Storyset 插件,方便使用者設計製作使用,下載的圖片可以用於個人或商業用途使用。

 

【線上工具】LINE PagePoker

LINE 是目前在台灣使用率很高的即時通訊軟體,幾乎每個人的手機都有安裝,同時也是廣告行銷的好工具,創作者也都可以透過 LINE 來分享自己的創作,不過有時候透過分享網站連結時,網站的縮圖在 LINE 的 APP 上面是無法正常的顯示出來,這樣的話連結的吸引力就降低許多,影響連結被點擊的機率,現在 LINE 官方網站提供了一個線上工具「PagePoker」 可以手動更新網址連結的快取縮圖等資訊,並且可以預覽連結在LINE上面的顯示畫面,同時可以查看網站語法是否有正確,方便網站設計師做修改,大大的提升連結的吸引力,而且網站更換了特色圖片,就能夠透過這個工具快速清除外取連結,讓連結的圖片都可以即時的正常顯示。

 

等著瞧。設計月報:2211期

設計師手札-看板圖-2211

【設計素材】GhostlyStock

最近有越來越多是由AI人工智慧創造出來的圖片,而且可以生成的工具也越來越多,從免費的到付費的有,甚至還有專門針對特定主題所延伸的工具,這種只需要透過使用者輸入文字描述,就能透過 AI 自動建立圖片,這次介介要為大家介紹的線上工具是「 GhostlyStock AI 」這個免費網站同樣是由 AI 來建立圖片,不過是用搜尋的方式找尋已建立的 AI 圖片,進到網站後先選擇風格,有 Photo 照片、illustration 插畫、Render 電繪, 目前是無版權限制,但是下載的解析度偏低,比較適合用在網路上使用。

 

【線上工具】Feedrabbit

在過去大家還沒被社群網路的時代,使用 RSS 是個很方便的工具,他可以訂閱網站的即時更新訊息,類似一個郵筒的概念,可以讓你訂閱很多網站的最新資訊,這種服務通常都是要到特定的網站開啟你所定訂閱的網站,同時期的訂閱方式還有電子報,現在「FeedBurner」可以將兩者結合在一起,透過 Email 來訂閱文章資訊,而且是免費的服務,註冊後只要輸入你想訂閱的網站網址,再選擇 Email 要發送頻率,就能輕鬆獲取想到資訊。

 

【設計素材】Artvee

Artvee 是一個專門蒐集世界各地的藝術作品,並且專注於收集已屬於公共財的繪畫藝術作品,也就是說這個網站的藝術作品是可以用於個人與商業用途使用的,也無需標記作品的出處,網站除了可以利用關鍵字來搜尋作品之外,也能依照作品的分類來找尋作品類型,這些藝術作品包含了繪畫、壁畫、插畫、海報等等…並且提供了高解析度的圖檔讓用戶免費下載使用,這個網站獲利的方式是如果想要下載最高等級的解析度圖檔,要支付費用給他們,讓它們可以繼續維運網站,也就是花錢讓幫你省下收集藝術作品的時間。

 

【設計素材】Peeps

介介這次要介紹的網站叫做「Peeps」這是一個專門幫你產生 Q 版的 3D 個人頭像,在這個網站上所產生的圖像可以完全免費用於個人或商用途使用,在上面你可以自動產生3D圖像,並可以可以針對圖像的五官與造型進行客製化的微小調整,下載儲存時可以一次獲得兩張 1000×1000像素的 PNG 圖檔,其中一張是含有背景,另一張則是去背的圖檔,能運用在不同的情境下使用,而且這兩張圖片都不會有浮水印,最後要在這邊提醒一下,雖然「Peeps」提供免費下載使用,但是不能拿來轉售唷。

 

【影音素材】Chosic

現今隨著網路頻寬越來越大,很多人都習慣在網路上觀看影片,所以相對的製作影音的需求量會越來越多,加上製作影片的軟體都變得容易上手,幾乎每個人都能獨立製作影片,做影片的時侯除了需要設備器材與剪接軟體,最重要的還是影片素材,此外音樂的部分更是扮演著畫龍點睛的重要性,影片可以自己拍攝,但是聲音的素材就要請專業的人士協助了,介介要介紹的這個網站「Chosic」提供很多免費的音樂素材,數量多達上千首,可以用於個人或商業用途使用,但記得要標註音樂來源即可使用。

 

等著瞧。設計月報:2210期

設計師手札-看板圖-2210D

【設計素材】PikWizard

PikWizard 提供了上百萬張的免費商用的相片圖庫,收錄超過 100 萬張高品質的相片素材,可以免費用於商業用途,而且可以無需標示原作者或圖片來源,採用 CC0 的授權方式釋出,此外介介會分享這個網站除了有大量的照片素材之外,還有提供很多影片素材,可以直接在網站上面預覽影片,下載時還可以選擇不同解析度下載,最高可以達到 4K高畫質的解析度,除了能用搜尋的方式找尋你想要的素材之外 PikWizard 也能用網站內預設的關鍵字快速找你想要的同類型素材,至於影片授權的部分跟跟照片素材一樣,可以免費用在個人或商業用途上使用,而且無須註冊帳號就能直接下載使用。

 

【參考範例】Branding Style Guides

許多讀設計系的學生,在學校求學的期間,一定會面臨到的一項作業,就是要設計出一個品牌的企業識別系統,如果看過大量的企業識別範例的話,設計起來就會更得心應手,介介這次要介紹「Branding Style Guides」這個網站,在裡面收錄了非常多款來自世界各地的企業品牌的設計規範書,數量超過上千份,我們只要透過關鍵字搜尋,甚至進階找尋文件語系或企業所在的國家等等…就能在網站的資料庫中找到相對應的品牌規範文件,只要註冊免費的帳號,就可以直接下載這些企業識別系統的文件,而且是 PDF 的格式,非常適合需要參考制定文件時拿來當作參考使用。

 

【設計素材】Icônes

圖示是設計很重要的一個環節,一個作品要做到很精緻,在一些小細節中放入小圖標就能讓整體的精細度升級到一個新的檔次,介介要介紹的這個網站「Icônes」收錄上百套的開源圖示集,總數量甚至來到十幾萬個,網站的設計也很簡單明瞭,一進去就有非常多款的圖示組合,你可以將圖示單張下載,也可以整批下載,每個圖示都會有詳細的說明,下載的格式非常多種,最重要的向量的 SVG檔是必須的,甚至還提供圖示字型檔打包,如果是做網頁設計還能使用外連的方式使用,「Icônes」還提供了黑底模式讓你做切換,方便檢視圖示在反白的情境下的狀態,無須註冊成會員即可下載使用喔。

 

【犒賞設計】OSGL

做設計累了,來玩玩 Game 吧,介介要介紹的這個網站「OSGL」全名是 Open source games list 是一個提供開放原始碼遊戲的收集站,目前一共收錄超過一千款的開源遊戲以及311 種遊戲模擬器跟工具,每款遊戲都有介紹並加入分類排序,這個網站是透過非常多的志願者一起協力完成的線上資料庫,可以從這裡方便的找尋到開源遊戲的相關資訊,有些遊戲可以直接下載,或線上執行遊戲,或者是透過介紹的連結,直接到遊戲原作者的網站,查看目前遊戲最新的開發進度喔,工作之餘玩玩小品遊戲也不錯,喔對了在2022年12月09日~11日,在台北花博有一個 G-EIGHT 遊戲展,是專門讓獨立遊戲的創作者與玩家交流的場合,有時間的話可以去逛逛唷。

 

【設計素材】時短だ

這是來自日本的一個素材網站「時短だ」這個網站裡面收錄各種類型設計素材,全部都是可以免費下載的,網站提供了四種檔案格式可以下載,分別是向量格式的 SVG 與 Ai 格式,還有點陣圖的 JPG 和 PNG 圖檔,網站還很貼心的針對沒有安裝繪圖軟體的用戶,提供線上編輯的工具,可以修改圖片的單一顏色或自動套用其它配色組合,也可以修改圖片的尺寸,還能在圖片上加入文字,文字的部分可設定色彩、大小、行距、直橫排列,而且可以支援繁體中文字的輸入,版權的部分網站雖然是免費使用,但如果單次使用超過二十個素材,則需要標示這些素材的來源出處,也算是非常佛心的素材網站了。

 

等著瞧。設計月報:2209期

設計師手札-看板圖-2209D

【免費字體】辰宇落雁體

這是一款免費的繁體中文手寫字體「辰宇落雁體」這類型的手寫字體很多人都覺得字一定要寫很美才能製作分享,但是介介覺得,每一種中文手寫字都有它獨特的風格與魅力,這套字體是由兩位台灣學生所製作,一位負責書寫,一位負責字體的製作,辰宇落雁體採用 OFL 1.1 授權開源釋出,所以不僅能用於個人使用還能用於商業用途使用,目前這款字體放置在 github 提供大家免費下載,這邊小小提醒一下由於 Windows 版的 Word 並未支持不等寬字型格式,所以會有疊字的問題,可以改下載等寬的版本,字體的作者也針對大家的建議陸續做了許多版本,包含了字的微調與補字,所以大家要下載時,記得要下載最新版本的,拿來應用起來會更為合適喔,如果喜歡的話也可以贊助少許金額支持一下他們。

 

【線上工具】Flexclip

隨著影音世代的來臨,介介介紹一個很容易入門的工具,Flexclip 是一個非常好用的線上影片製作平台,透過簡單的步驟就能快速產生動態圖,介面就像 PPT 一樣簡單好上手,有提供免費服務可以直接體驗製作,而且有非常多的版型、轉場特效過、影片與聲音素材,甚至還有一些不錯獨立的功能像是添加 Logo 浮水印到影片、壓縮影片大小、影片轉檔、螢幕錄影、合併多個影片、旋轉影片、製作影片拼貼等… Flexclip 用來應付一些社群貼文的影片就非常好用了,當然也可以付費解鎖出更多的更能,像是解除影片中的浮水印、可以製作超過10分鐘的影片、更高的畫質與更多的高質感素材,官方目前有跟介介合作提供給大家專屬折扣代碼,透過連結註冊後,輸入【JieidvFC】價格直接打8折。

 

【線上工具】Happy Hues

這是一個線上配色的參考網站,裡面有主要有 17 組的配色建議,每一組配色建議裡都包含了 5 種顏色與背景色組合,點擊配色組合就能直接在網頁上看到它們的應用效果,每個色彩元素所運用的顏色色碼都會貼心地標示列出,直接點擊顏色就可以複製顏色的代碼,另外這個網頁除了提供配色組合之外,也分享了一些有關於色彩學的一些名詞解釋,像是專業術語中的色調、色相、飽和度、明度、彩度等等…以及每一種色彩中常用的情境與適合的用途,像是紅色是一種非常情緒化和視覺上強烈的顏色,它實際上可以通過提高人體的新陳代謝、呼吸、心率以及讓他們感到飢餓等等…對於身體產生明顯的影響,再加上紅色非常引人注目,所以你會看到紅色很常被所有快餐連鎖店的品牌拿來使用,對於新手設計師來說,是個網站是一個蠻不錯的資源來源。

 

【線上工具】Designevo

這個線上工具可以幫助你快速設計一款商標 Logo,透過分類能快速找到商標類型,比如服飾店、書店、餐廳等等…選好分類後輸入您的品牌名稱就會列出數百款商標樣式供您選擇,Designevo 有提供免費版,不過免費的會有一些限制,沒有原始檔案,圖片解析度只有 300×300 像素,當然透過付費後可以取得 DesigmEvo 進階服務,最高階版本的費用約 1,500元台幣,可以獲得 Logo 原始向量格式,以及商標上面的字體檔案,未來也可以任意編輯該商標。
關於商標合法性,第一要付費取得官網授權,再來台灣商標法,圖片與文字的部分是分開的,文字註冊商標比較簡單,但圖片若相似度太高是無法被註冊成商標,介介測試將平台上設計好的 Logo 上網以圖找圖確實很少被註冊成商標,比較適合草創公司或網拍業者使用,先註冊文字商標,再用 Designevo 快速建立專業商標提升企業形象,等公司獲利穩定後,再找職業的設計師來設計新 Logo 註冊商標,算是一種過渡時期的作法,另外官方有與介介合作專屬折扣代碼,讀者只要透過連結註冊後,輸入【JieidvDE】直接打8折。

 

【線上工具】Picreator

Picreator 是一個功能強大的 AI 圖像生成工具,同類型的老牌服務就像是 Midjourney 都是能過透過功能強大智慧 AI,製做出逼真的照片和藝術插畫設計圖,將你腦袋裡想要的畫面轉換成文字內容輸入到 Picreator 網站(目前僅支援英文語系的輸入) AI畫圖的時間只要約20秒左右就能一次繪製出四張美麗的圖片,這個平台大幅減低了新手入門的門檻,主要是將幾個AI算圖常用的主詞彙做成了下拉式的網頁選單,使用者先選擇想要產出的類型,像是照片、插畫、圖像、遊戲、概念設計等等…接著再依照所選的主項目會產生出子選項,像是繪畫流派、情境、仿造哪位藝術家風格等等,接著就能產出想要的圖片,目前免費帳號有限制產生圖片的額度,當然您也可以透過每月付費解鎖升級,就可以製作出更多的精緻圖片。

 

等著瞧。設計月報:2208期

設計師手札-看板圖

【線上工具】Timeline Hero

這個網站可以幫你產生漂亮的時間軸與甘特圖,讓你可以放置在簡報或計畫書中,透過簡單的設定與資料輸入,沒多久你就可以為任何項目創建出非常專業的時間軸,雖然這是國外的網站,但是也支援輸入繁體中文字,這個平台提供了免費版本可以讓你創建一個時間軸,在這條時間軸上的項目是沒有限制的,您可以將時間軸/刊特圖直接轉存為 .png的檔案格式,另外你也可以升級成 Timeline Hero 付費版,這樣你就可以的時間軸就不再有數量上的限制,另外還可以直接轉存成簡報格式的 .pptx格式,費用為每月5歐元,大約是台幣150元左右。

 

【參考範例】Workspaces

每一位創作者都會夢想打造一個屬於自己的完美工作室,隨著數位科技的演化改變,加上疫情期間,有些人已經居家上班很久了,所以打造一個理想的工作桌面,就是一件首要的工作,在設計規劃的期間,參考一下別人的風格設計,從中攝取經驗與設計靈感,順便幫自己懶惰已久遲遲無法改善的工作環境,打上一針振奮的強心針,增加改進的動力,Workspaces 這個網站每週會為您提供一些辦公室的設計風格,這些環境都是創意人員、設計師、開發人員、企業家等的工作情境,目前累積了至少兩百多個設計作品,透過訂閱電子報後,Workspaces 會在每週六和周日將這些創意與背後的經營過程發送到您的信箱,給你滿滿的創作動力。

 

【犒賞設計】住宅設備ペーパークラフト

其實我有點不知道要將這個網站分類在哪裡,簡單的說這是衛浴品牌網站所提供的紙模型,可以讓你免費下載後自行列印出來,組裝起來之後就會變成立體的模型,裡面的素材分類絕大部分都是室內家具,所以這個頁面的名稱翻譯成中文就是「房子設備紙工藝」主要是讓大家在規劃室內設計時,可以拿來做成桌上型的樣品屋給大家討論使用,每個物件都會標誌預計製作的時間,以及所需要的紙張數量,下載後就是一個PDF檔案,列印的時候建議使用稍微厚磅的紙張,這樣折起來的效果才會比較好,若家裡沒有厚紙可以去便利商店用厚紙印,話說回來如果要拿來當紙紮屋燒掉,好像也可以喔(誤

 

【線上工具】imgtools face-privacy

如果想要將照片上出現的所有人臉製做遮蔽的動作,介介以前的做法都是一律丟到 Photoshop 軟體裡面,將裡面的每個人臉逐一遮蔽打上馬賽克,其實整個作法不會太難,但就是太過於費工了,幸好現在有了強大的AI人工智慧,透過優秀圖像自動辨識,可以幫助我們節省非常多的時間,打開這個網站,點選中間的上傳選項,直接將電腦裡面的照片上傳,就能夠自動辨識人臉進行遮蔽的動作, 此外還提供多種遮蔽的樣式可供選擇,像是馬賽克、模糊、愛心、面具、笑臉等等…目前可以上傳的圖檔格式有GIF、PNG、JPEG、JPG、SVG、WEBP、TIFF、TIF、PSD 這幾種常見的檔案,目前這個網站是完全免費的。

 

【線上工具】Ava Maker

這個網站可以讓你自己透過網站的工具設計出一組個人頭像,一共有四種風格可以挑選,有可愛版、迪士尼風格、美式漫畫風格等等,在這個網站上你可以配置挑選的部位有性別、臉型、眉毛、眼睛、嘴巴、衣服、鬍鬚等等…這些物件還可以直接設定成你想要的指定顏色,可塑性非常的高,設計完成之後可以直接下在圖片檔案,除了有去背的 PNG圖檔,還有向量格式的 SVG檔可以下載,點陣圖的PNG格式的尺寸高達 400×400像素,用在大部分的地方都是綽綽有餘的,這個網站也很佛心,下載下來的檔案都不會有浮水印,至於下載的圖片可以使用的範圍,網站上沒有明確的標示,但至少用在個人使用上是沒有問題的。

 

等著瞧。設計月報:2207期

設計師手札-看板圖-2207

【設計素材】Pose Search

發現一個蠻好的網站,可以自定義人體的每個關節部位,系統就會透過 AI 自動幫您快速的搜索網路上真人照片給你參考,照片的人物姿勢都會非常接近你所設定的姿勢,舉例來說當你想要找尋一個人彎腰撿東西的照片,只要調整好姿勢的關節,這個網站就能快速幫你照到許多相似的動作照片,而且參考照片可以針對男性或女性的照片做搜尋,非常適合想找尋人像插畫的人使用。

 

【犒賞設計】Google 立體彈珠台

還記得 Google 的小恐龍遊戲嗎? 現在谷哥又推出了一款經典的小遊戲「立體彈珠台」網頁版,一樣是免安裝軟體直接打開瀏覽器就能暢玩,不論使用手機或是電腦都可以輕鬆暢玩,該遊戲是以 Flutter 和 Firebase 工具編寫,並採用 Flame 遊戲引擎進行運作,即使電腦手機效能不夠,也能輕鬆暢玩,目前有四個角色可以選擇,在遊戲裡面的分數還還有世界排名,想找一款遊戲打發零碎時間的人,這個 Google 立體彈珠台就非常適合。

補:Google 立體彈珠台開發過程紀錄 https://medium.com/flutter/i-o-pinball-powered-by-flutter-and-firebase-d22423f3f5d

 

【設計素材】Focastock

這是一個免費的圖片影音素材網站,創始人 Jeffrey Betts 建立了這個 FOCA Stock 網站,裡面的圖片都是採用 CC0 授權的,所以可以用在個人或是商業用途使用,跟其他免費的素材圖片比較不一樣的是,這個網站還有提供圖片模板可以線上編輯使用,免註冊就可以下載圖片使用,除了靜態圖庫之外,還有影片素材, 畫質基本上有 Full HD 等級,另外還有靜態桌布可以下載。

 

【線上工具】Free Email Signature Generator

商務通訊雖然是用 Line 為大宗,但是E-mail往來的數據才能長時間保留,有一個好的信件簽名檔案,可以增加顧客的好印象,這個網站只要填入你要的相關資訊,例如電話、人名、職稱等等的資訊,之後再選擇需要的設計版型,接著就能簡單的弄出一款很不錯的簽名檔樣式,免註冊,進到網站後直接點擊 Create signature 就能開始製作信件簽名檔了。

 

【工作情境】lofi.limo

工作或學習的時候來點音樂可以增加工作的效率,有些人不喜歡聽有歌詞的音樂,因為會受到音樂中的歌詞影響注意力,Lo-fi 是英文 “Low Fidelity” 的縮寫,指的是用較簡陋復古的器材,製造出這種失真又有點不完美的音樂效果。這種不完美聲音能營造出一種氛圍,一種讓人感覺真實且懷舊的感覺,這個網站有點類似電台性質會不停地撥放不同的「Lo-fi 」音樂與 GIF 動圖創作者的作品,進到網站後點左下角的「Listen」即可開始收聽音樂,在左下角下方還有當下這首音樂的創作者資訊,右下角則是背景圖創作者的資訊,想要專心聽音樂工作的創作可可以試試唷。

 

等著瞧。設計月報:2206期

設計師手札-看板圖-22設計師手札-看板圖-2206D06D

【設計素材】iconscout Unicons

iconscout 網站上的一個免費的設計圖標素材,有提供向量格式的 SVG檔案下載,甚至可以用字體的方式崁入到網站使用,目前是提供大家免費下載使用,版權的歸屬是使用 Apache 2.0 授權,也就是說使用時記得要標示出處來源是 Unicons ,素材一共累積四千多個,都是很有設計感的圖示,一個有二十幾種的分類,如果你找不到想要的圖標也可以寫信請對方設計喔,另外你也可以透過付費訂閱,就可以無須標示來源,費用約13~15美金。

 

【影音素材】GameSounds.xyz

這個網站專門蒐錄遊戲音樂、音效,最酷的一點是這些聲音素材都是無版權限制的,以公眾領域(Public Domain)釋出,任何人都能自由的免費下載使用這些素材,目前這個網站所收錄的音樂跟音效數量大約有一萬個,而且持續增加中,重點是分類的很詳細又直觀,就像資料夾一樣的分類。

 

【設計素材】Toptal

toptal 網站提供了一些很好看的背景圖素材,底圖可以有預先瀏覽功能,這些背景圖除了可以用在網站之外,還可以用在簡報的底圖使用,分類標籤有明亮、暗色、線條、拼貼、對角線等等…此外也可以付費邀請設計師幫你設計網頁的背景。

 

【網頁設計】SimilarWeb

查詢網站排名的數據資訊,甚至有熱門網站排名、Android、iOS 應用排名、世界百大商城排名、熱門瀏覽器、搜尋引擎排名等等… 此外最主要的功能是輸入目標網站的網址,就能預估分析出網站的流量與世界排名或台灣網站中的排名,有些網站還可以查到是否有投放廣告等等的資訊。

 

【設計素材】icons8 Pichon

icons8 旗下的免費應用程式和外掛工具,可離線取用各種圖示圖案,支援 Adobe 繪圖軟體 Photoshop、Illustrator 的擴充外掛,還提供Windows與Mac系統的軟體,直接將圖示拖曳出來就能使用,也能另存圖片、調整尺寸大小或改色,內建三十多種熱門分類,數十萬的素材可以使用。

 

等著瞧。設計月報:2205期

設計師手札-看板圖-2205D

【設計素材】Iconic

免費 SVG 圖示集,每週都有更新加入新的圖案,可以直接下載或複製 SVG 程式碼,需要先註冊帳號才能使用,網站有提供一次打包下載所有 SVG 圖案。

 

【線上工具】Convertr.org

免費線上轉檔工具,支援常見影片、音訊和圖片格式,臨時想要轉檔時不用特別安裝軟體,只要開 Convertr.org 將檔案拖曳進去,選擇要轉換的格式即可。最酷的是不會另外收費也沒有廣告,也無須註冊帳號即可使用。

 

【設計素材】Loaders

這個網站提供了 24 款非常簡約時尚的載入動畫,這些素材都是可以免費使用的,提供了 HTML 與 CSS 代碼,甚至部份 SVG 可能直接複製使用,此外也能依照需求在代碼中自由調整大小、顏色、速度、線寬等。

 

【線上工具】ADDCAL

活動建立的線上工具,協助使用者建立一個活動資訊頁面,並且提供 QR code 和新增到行事曆功能,支援 Apple、Google、Outlook 讓參加活動的人點擊專屬鏈結,就能快速將活動資訊加入到自己的行事曆並建立提醒通知。

 

【線上工具】澎湖縣硬筆書法教學網 網站資訊

這個網站提供了一個很棒練習手寫的字帖練習表,可以將你想要練習的字做成一張A4紙印出,此外還有注音、成語、詞語、單行練習表可以下載,想要讓你書寫的文字變得更美,趕快下載回來練習寫字吧。

 

等著瞧。設計月報:2204期

設計師手札-看板圖

【線上工具】Nira

這是一個線上編輯器可以將上傳的 SVG 向量圖檔改變顏色配置,而且可以配置不同色系的顏色風格,即使沒有專業的繪圖軟體也可以輕鬆修改顏色,其中自動配色的功能一定要試試。

 

【免費字體】俐方體11號

這是一套免費的字體,是一款 11×11 的中文點陣體,是從日文字體的為基礎重新修正為繁體中文字體,並且進行修改與擴充,這個字體可以免費用在個人與商業用途使用。

 

【設計素材】PNG Repo

網站收錄超過 30萬個 PNG 圖示和圖片素材免費下載,具備有單色、多色、框線或填充等風格,而且無需註冊就可以免費下載,至於授權的方式,每一組圖片都會有所不同,下載使用前要多注意一下。

 

【設計素材】Humanotion

網站提供很多角色素材,提供八種角色而且有四種風格六種顏色組合,透過互動方式可以建立一個屬於自己的人物大頭貼,這些圖片無需標示來源出處,可用在商業用途使用,是採用 CC0 授權方式釋出。

 

【線上工具】SpeedVitals

提供了檢測網頁的功能,並提供了一些最佳化建議,分析的過程可以用各種不同裝置外加其他國家的線路進行測試,透過體驗核心指標做分析,可以幫網站打分數,設置進步的目標。

 

等著瞧。設計月報:2203期

【線上工具】Alwane

這是一個網頁配色的擷取工具,輸入網址就能取得顏色代碼相關資訊,會透過網頁的代碼獲取相關的配色資訊,也提供了每個顏色的名稱與色碼,可以學習其他網站的配色風格,提升自己的設計能力。

 

【設計素材】Paper Museum

來自日本的紙模型博物館,裡面有很多種類的免費版型可以下載列印,從最基本的車子到超立體的壽司組、獨角仙都有,對於設計工作者來說,可以參考這些刀模,製作一些有趣的設計,拿來消耗小朋友的時間也是一個不錯的工具。

 

【參考範例】Car Design History

汽車設計歷史,透過數據可視覺化展示,作者是一個痴迷於汽車的設計師,整理了非常詳細的老車資訊,並且做出有趣的視覺化呈現,從裡面可以了解每款車子的經典設計,對於工業設計師來說,是一個非常實用的參考網站。

 

【線上工具】Potatomedia

在社群平台上按讚跟留言都能領到錢,這有可能嗎? 這個平台就這樣做了,換句話說在平台上刊登您的文字與作品,能【獲得大量互動與鼓勵】的平台,此外創作者也能額外獲得報酬,介介在平台上僅發佈你現在看的設計筆記,平均月收入就達5千左右,而且平台超聰明,發行CFO加密貨幣支付,除了保證平台自己的收益之餘還能省錢又免繳稅,適合全世界的人加入。中文教學

 

【免費字體】FDR Fonts

這個網站提供了上千筆的免費英文字體,並且有非常實用的字體範例圖,讓你一目瞭然找到你喜歡的字體,雖然有些是付費字體,但以免費字體居多,而且分類很細,偶而來這裡挖挖新字體,幫自己補充設計的素材吧。

 

等著瞧。設計月報:2202期

設計師手札-看板圖-2202

 

【線上工具】Temp Mail

這是一個免費信箱服務,可以無限制免費使用,能夠提供臨時的信箱服務,點開網站就能隨機產生一組 Email 地址,跟之前介介分享的臨時10分鐘信箱,這個網站若註冊成成會員,就可以持久性的使用該信箱,收中文信也不會有亂碼的問題唷。

 

【設計素材】Free Userpics Pack

提供 100種彩色風格的大頭貼素材免費下載,具多種色彩、風格組合有PNG、SVG 兩種格式可下載,可用於商業用途使用。

 

【免費字體】9031 Fonts

來自日本設計師創立的字型網站,提供六款免費英文字型,可用於個人或商業用途使用,字型格式為 OpenType 格式(.OTF)這幾款字型都蠻特殊有個性的,很值得收藏。

 

【犒賞設計】Giloo

一個線上看影片網站,與其他娛樂性質的影片串流網站不同,提供了世界各大影展的得獎電影、紀錄片、劇情片、經典電影、藝術電影,會員還會有專屬優惠與線下活動(特映會、講座、Party) 適合文青設計師訂閱,透過介介的推薦連結註冊,可以免費獲得 30天付費會員資格。

 

【線上工具】cdkm

一個免費線上轉檔工具,整合多種開放原始碼專案建構而成,能夠轉換的類型很多,像是文件、電子書、圖片、影片、音樂都可以,就連一些罕見或絕版軟體的檔案格式都可以轉,可以一次上傳 10個檔案,單一檔案最大支援 200 MB。

 

等著瞧。設計月報:2201期

設計師手札-看板圖-2201D

【設計素材】Hexatar

一個線上頭像產生器,這些虛擬頭像有稜有角,風格卡通化而且特別有趣,可以選擇性別五官、髮型配飾等等…就連背景花紋都可以選擇,甚至可以一鍵亂數產生圖像,全部頭像都可以免費下載,並可以用於商業用途使用,下載需要註冊會員,可以儲存你創造的頭像,下載格式包含了向量 SVG檔與 PDF檔格式。

 

【設計素材】Gallerix

來自俄羅斯線上博物館,一次收錄數十萬張的世界大師級畫作,將分散在世界各地的博物館畫作收集起來,提供免費下載高解析度的大圖,無需註冊或登入帳號即可下載。

 

【網頁設計】WebPageTest

只要輸入網站的網址就能從全球 30 個國家節點測試網站速度,可以選擇 25 種不同的瀏覽器版本做分析,除了基本的分析數據,還可測得使用者體驗的核心指標分數,適合網站開發者優化網站效能。

 

【設計素材】icon-icons

這個網站提供免費圖標素材,有各式各樣不同的主題,也透過圖標風格來做篩選,例如 立體、平面、線條、手繪等,網站的圖標完全免費,可用於商業用途使用,有向量的 SVG 與一般的點陣圖格式可下載,免註冊即可下載,但要注意有些是 CC BY 4.0 授權,使用時記得要標註來源。

 

【設計素材】IcoFont

收錄超過 2100 個免費圖示,提供 SVG 和 Icon Font 兩種格式,可單獨下載或整批下載,這些圖示是開放原始碼專案,字型檔案則使用 SIL OLF 授權。

 

等著瞧。設計月報:2112期

【線上工具】Zcal

這個線上工具可以製作多人票選活動時間的頁面,除了界面非常簡約漂亮,最重要的是這個工具是免費的,適合大家預約會議或出席活動的時間票選。

 

【設計素材】designstripe

提供了大量的插圖圖庫(有分免費、付費)每個插圖情境都可以利用線上的設計工具,修改顏色、風格、元素到人物動作,進行非常豐富的微調,使用者可以套用不同的組合,最後創作出符合自己需要的獨特情境插圖。

 

【犒賞設計】WinWorld

這是一個線上軟體博物館,保存各種老舊的軟體,支援的軟體版本有PC端的 MS-DOS、Windows,還有Mac OS X 等作業系統或程式,對於想要回味舊版軟體、遊戲的朋友可以在上面挖寶唷。

 

【線上工具】萬詞王

這個網站只要輸入想要查詢的文字後,可以將同義字詞列出,例如輸入「建築」就會出現營造、建造、興建、搭建等同意字,當撰寫文案/簡報時,遇到大量重複使用的字詞,可以使用這個工具,找到替代用詞,能增加文句內容的變化性。

 

【線上工具】Image Extractor

自動抓取網頁裡面的圖片,只要填上網址後 Image Extractor 會列出所有圖片,我們可使用指定大小、長寬度範圍做篩選,或直接輸入圖片名稱、尺寸、類型搜尋,非常簡單易用的線上圖片下載器,除了免費使用外,還支援勾選多張圖片,一次打包成 ZIP 壓縮檔下載喔。

 

等著瞧。設計月報:2111期

設計師手札-看板圖-2111D

【設計素材】3dicons

這個網站提供了精美的 3D 圖標,使用 CC0 開源授權,可以 100% 免費用於商業和個人用途,還可以整批一次下載,除了提供一般圖片檔之外,還提供了 3D原始檔,例如 Figma、Blender、Fbx 等檔案格式。

 

【線上工具】cleanup.pictures

線上照片修飾工具,可以輕易地清除照片上的雜物或陌生路人,無須安裝軟體即可使用,方便臨時需要修飾照片使用。

 

【線上工具】Random Colors

開啟這個配色網頁就會自動產生一個顏色並以一朵由深至淺的漸層花瓣呈現,讓使用者同時有更多色系顏色可以同時參考,按下 F5 或花朵中心的重整按鈕,就能再隨機獲得另一組顏色,除了提供 HEX 色碼,點開色碼還可以看到 RGB、CMYK、HSL 中的色彩組合,以及多種配色組和參考。

 

【網頁設計】{CSS}Portal CSS Tooltip Generator

有些網站會提供一個 ? 的圖示符號,訪客將滑鼠指標指過去就會出現提示框,接著會出現提示框與說明內容,這個網站提供一些線上輔助工具,使用者僅需修改簡單的參數,便可以快速產生自己理想中的提示框,接著將產生的 CSS 語法,應用到網頁裡面就能直接使用了,是一個簡單方便使用的網頁工具。

 

【線上工具】Folio.ink

免費圖片空間,免註冊,只要將圖片拖曳到網站即可上傳,並產生分享鏈結,不同於一般同類型服務,Folio.ink 支援批次上傳,也能將多張圖片以幻燈片方式排列顯示,瀏覽者在開啟網址後可以用捲動方式就能進行換頁瀏覽,如同在觀賞一本相簿,適合攝影師臨時提案使用,圖片上傳可保存 90 天,沒有流量或是點擊次數限制。

 

等著瞧。設計月報:2110期

設計師手札-看板圖-2110D

【影音素材】Free-stock.video

提供免費的影片素材下載,影片解析度高達 Full HD、4K ,可用於個人或商業用途,並且無需標示出處來源。

 

【設計素材】LR icons

免費的箭頭符號圖示集,提供向量格式的 SVG 檔下載,或直接快速複製 SVG 程式碼用於網站。可免費用於個人或商業用途使用。

 

【線上工具】PrivateBin

非常簡易傳遞平台,可以分享圖片、代碼、文章,甚至可以加註文字備註,還能設定連結的有效的時間,從5分鐘到永不到期,甚至可以設定閱讀後就銷毀檔案,有些線上客服工具無法傳圖片,就很適合使用這個簡易的工具,採用 AES-256 加密,能有效增加隱私,是開源的線上工具。

 

【線上工具】Decentrafile

免費的檔案上傳空間採用去中心化技術,將檔案上傳到 IPFS 使用檔案的雜湊值(Hash)類似區塊鍊的技術,簡單的說檔案會拆成很多碎片分散到許多地方,但這也意味著你無法審查、刪除、編輯你所上傳的檔案,支援單一檔案最大 10 GB ,上傳檔案後會給你一個 .txt 的純文字,複製裡面的 hash 代碼,對方只需要下載的頁面,輸入該代碼就能下載檔案了。

 

【設計素材】MyStockPhotos

超過上千張的免費照片,所有相片皆以 CC0 授權釋出,拍攝的主題主要有人、建築、動物、花、風景,可用於個人或商業用途,無須標示出處來源。

 

等著瞧。設計月報:2109期

設計師手札-看板圖-2109D

【設計素材】Free Stock Photos by Canva

由線上設計工具 Canva 提供的免費圖庫,內建搜尋與分類功能,數量高達上百萬張的高畫質相片,可以免費下載並透過自動工具裁切,若你是 Canva Pro 付費會員,還能免費下載標價為一美金 Premium 付費相片。

 

【參考範例】roomclip

來自日本的網站,分享居家生活上的佈置與裝潢的成果照片,很多都是素人或設計工作室的作品分享,可以從中獲取創意靈感,此外透過分享居家裝修照片還可以獲得積分,可以用來兌換商品。

 

【網頁設計】Fast or Slow

免費的線上工具可以觀看網站的速度與效能,從全球 18 個節點測量網站的效能,包含了LCP、FID、CLS 評分,還能檢視網頁每個元件的載入情形,提供給網頁設計的修正參考使用。

 

【設計素材】Tabler Icons

這個線上素材網站提供了 1298 個向量圖示 icon,可以透過網站的工具即時調整大小、粗細和顏色,並解提供了一鍵將 SVG 原始碼複製到剪貼簿。

 

【線上工具】AnyWebP

這個線上工具可以將 WebP 圖檔轉檔為 JPG / PNG / ICO 等圖片格式,支援最大檔案為 10 MB,尺寸在 8000×8000 像素以內,可以多圖一次轉換,非常適合網頁設計工作者使用,此外也能將各種圖片轉換為 WebP 格式。

 WebP簡介

等著瞧。設計月報:2108期

設計師手札-看板圖-2108D

【設計素材】Health Icons

開放原始碼健康相關圖示集,收錄 6百多 個圖案,可下載 SVG 或 PNG 兩種格式,該網站也很貼心的提供一鍵下載全部素材的功能,這些圖庫的版權屬於公眾領域,可以用在個人與商業用途使用。

 

【線上工具】BackgroundCut

這個線上工具可以幫你將照片直接去背成 PNG 檔,精準度非常的高,而且是可以免費使用的,但條件是只能下載尺寸壓縮後的 0.5MB,若使用付費功能每月9美金,就可以無限使用。

 

【設計素材】Scale

可自訂顏色且可商用的 SVG 或 PNG 插圖,免費提供插圖的網站,提供單一顏色或可自訂多種顏色組合的插圖,提供 SVG 與 PNG 的圖檔格式,無須著名出處,幾乎每天都會更新圖庫,近期也因應 COVID-19 疫情,插圖中的人物還能選擇是否要戴上口罩。

 

【犒賞設計】OTT影音搜尋

只要搜尋影片的名稱,就可以知道影片在哪些合法影音串流平台中撥放,能避免使用盜版平台遭受電腦中毒的風險,也能透國合法平台觀看,支持影音創作者。

 

【線上工具】imginn

批次抓取 instagram 圖片和視頻,只要輸入 iG 使用者的帳號,就可以分析該帳號所上傳的照片或影片,免註冊即可下載。

 

等著瞧。設計月報:2107期

【設計素材】Personality Pack

這個網站提供了超時尚的 40 種人物頭像素材,完全免費下載,並且可以應用在個人或商業用途使用,提供的檔案格式是 PNG 圖檔,如果真的很喜歡這一系列作品,也可以付費購買原始的向量檔案,順便支持一下作者,你不需要一個一個下載,網站提供一鍵下載全部素材,免費版下載金額填寫為0即可。

 

【參考範例】Toryumon

來自日本的創作者比賽,除了常見的商品設計之外甚至還有一些文學創作的比較,介介蠻推薦大家可以常常來逛看看,設計類商品的得獎作品,都非常具有水準的設計喔。

 

【犒賞設計】公共圖書館區域資源中心電影院

國家圖書館提供數百部電影、紀錄片和動畫影片免費線上看,防疫期間觀看一些老的電影作品,累積一些美感體悟,也是一件不錯的事。

 

【設計素材】Iconduck

這個網站收集的圖示精美的特色圖示,下載檔案為 SVG 向量圖檔,可用於個人或商業用途免費使用,大部份不需標示來源,但有些則需要標示來源,詳細可看圖式下載說明,喔對了,這個網站不需要註冊就能直接下載使用。

 

【線上工具】mmm.page

利用拖曳方式就能免費製作個人網站,使用信箱註冊後,就可以直接開始製作簡易型網頁,這個網站提供的模板多為不規則的圖形,不會太過於呆版,如果使用付費功能的話,可以放置更多的板塊。

 

等著瞧。設計月報:2106期

設計師手札-看板圖-2106D

【參考範例】報告查一查

中國的網站,有非常多的專業報告,標榜著是行銷研究的輕量級網站,分析各行各業的數據分析資料,每份報告的乾貨量非常的高,都在水準之上,是一個各行各業的訊息聚合網站,大量的圖表能供設計參考。

 

【設計素材】xFrame

提供亞洲人臉孔免費圖庫,收錄由專業攝影師拍攝的相片素材,都可免費下載,可用於個人和商業用途無需標示出處來源,每日下載配額 10 張,透過分享連結到社群平台當日可額外增加 3 張額度,平均每天會更新至少 50 張相片,依照各種不同主題分門別類。

 

【線上工具】Airportal

傳檔案給別人的平台,介面設計的非常簡潔好用,對方只要到這個網站,輸入號碼就能下載檔案,你可以設定檔案只能被下載的次數,你也可以直接輸入想要給對方看的文字,對方進到網站後,輸入你提供的號碼就能看到資訊,在行銷上很適合拿來發送限量折價卷。
付費會員當月沒用完流量可累積下個月使用,文件上傳不耗流量,大部分檔案下載不耗流量,(下載批量上傳的、文件大於100 MB、可下載次數大於10 的或保存時長大於24 小時的文件時才會耗流量)。

 

【線上工具】花火 hanabi

動態圖表,線上輸入欄位資料就能幫你產出動態表格,細節都可以微調,包含顏色速度等等,免費板會有版權浮水印,只能下載低解析度。

 

【參考範例】Sketchfab

免費下載 3D 素材,可以直接在線上觀看所有細節,此外也有販售設計師製作的 3D物件,適合拿來當設計資料參考,有些物件也能拿來當 3D 列印使用。

 

等著瞧。設計月報:2105期

【免費字體】Fontshare

這個網站是 Indian Type Foundry(印度字型製造所)提供的免費字型服務,專門收錄能免費使用於個人或商業用途的字型,輸入你想要的文字,就能直接幫你套用各種字體的樣式,直觀好用,最酷的是免註冊即可直接下載,下載方式先找到喜歡的字體,再點該字體右下角的「Click to view family」就會到字體的介紹頁面,上面就會出現「Download Family」的下載選項,按下後即可下載該字體,另外有開放 Fontshare API 能直接嵌入網頁做為網頁字型使用。

 

【線上工具】zip5.5432

近期郵遞區號改為六碼,如果從郵局的系統查詢,需要填寫多個欄位的資料,一堆下拉選單找街道超不直覺,用起來也浪費時間,透過這個網站只要直接貼上地址,就能一鍵轉3+3郵遞區號,比去郵局的郵遞區號查詢好用太多了,除了3+3郵遞區號,連同3+2郵遞區號也一起產出給你,能幫大家省去查找郵遞區號的時間。

 

【設計素材】Soazi Good

來自日本的插圖素材網站,有背景類、各種主題的小插圖,甚至是動態圖, 可下載的檔案格式有 JPG、PNG 、 AI,部份圖檔也有提供 EPS 或 PSD 格適下載,另外因為是日本的網站,若需要使用搜尋功能時,也需要使用日文,這些素材用於個人或商業用途使用,詳細的說明,可到網站的利用規約或是 FAQ 中查看。

 

【線上工具】Minipoll

快速產生一個簡單的線上投票頁面,免註冊即可使用,非常方便,還可以上傳自己的商標 Logo,投票後會直接看到目前的投票結果,唯一的缺點是免費帳號只能開設五個選項,但是對於臨時需要快速統計時。這會是一款簡易的快速投票頁面產生器。

 

【線上工具】VISIWIG

這個線上工具可以免費自訂圖示、背景圖和紋理效果,並且可以一鍵複製 CSS、SVG 程式碼,或直接將 SVG 檔下載回來,透過微調的方式能夠出風格一致的素材資源。

 

等著瞧。設計月報:2104期

設計師手札-看板圖-2104D

【設計社群】Car Body Design

專門討論汽車和工業設計領域的網站,在這裡可以找到許多新聞與新興設計師創建的作品,除了許多優秀的手繪稿與3D製圖,甚至還有設計相關的線上課程,是喜歡工業設計的設計師必收錄的好站之一。

 

【線上工具】Add to Calendar Generator

在邀請信件中增加一個【加到我的Google行事曆】可以先幫客戶預先打好主題、時間、地點、以及內容說明,這樣客戶就能快速加入行事曆中,讓客戶花一樣的價格,換到更棒的價值的小工具。

 

【設計素材】Retroooo Folks

免費的人像素材,類似塗鴉的美式卡通風格,所有五官、臉型、配件都能整批下載回來,直接隨意搭配組合,而且有提供向量檔,這些素材都可用於商業用途使用唷。中文介紹

 

【線上工具】Send a Mixtape

在錄音帶卡匣標籤上,印上網路音樂頻道的QR碼,讓收到的人可以直接掃描後撥放音樂,比起一串網址,更有實體感情,這個網站輸入音樂頻道的網址,就會產出錄音帶卡匣的展開圖,並附上網址的 QR-code 在圖片上另存新檔後列印出來,標籤上還可以親手寫上要給對方的話,接著手工剪裁黏貼後就變成了一個立體的錄音帶,非常適合送禮唷。

 

【設計素材】Sensa Emoji

免費下載 Emoji 圖示,這個網站直接將這些表情符號全部打包成一個懶人包,檔案除了 PNG 去背圖之外,還有高品質的 SVG 向量圖形,網站雖然沒有標示版權,但這些表情負號原始出處還是有限制,建議不要用於商業用途避免爭議,但用在個人用途上倒也是不錯的元素,例如用笑臉幫照片的人臉遮蔽。

 

等著瞧。設計月報:2103期

設計師手札-看板圖-2103-D

【影音素材】Filmmusic

提供超過千首配樂,只要附上來源就能免費使用,可用於個人或商業使用都行,對於影片剪接需要大量聲音素材的人來說,是一個不錯的音樂素材,少部分的歌曲授權方式會不太一樣,下載使用前建議還是查看一下授權條款才會比較妥當喔。

 

【網頁設計】Brizy Cloud

一個免費架站服務,將常用功能做成模組化區塊,可以利用拖移排列的方式,就能輕鬆建立一個網站或一頁式網站,而且免費支援自訂網域名稱,同時也能連接 GitHub 或同步更新到自己的伺服器。

 

【參考範例】IKEA Museum

IKEA 型錄厚厚一本,是居家裝潢設計的靈感泉源之一,也是衝動敗家的萬惡手冊,最棒的是完全免費,但現在改成不在寄送實體的型錄,只能線上觀看內容,而 IKEA 直接將歷年來的型錄搬到網站上,讓大家可以隨時線上翻閱查看,吸收靈感的同時也順便敗家(誤)。

 

【設計素材】IconStore

IconStore 中的 Icon 是由許多頂尖設計師所提供,可讓大家免費下載做使用,並支援 AI、SVG、EPS 等向量檔案格式,無須標註出處,可做商業及個人用途,這些素材都是成套的 icon 可以整包一次下載。

 

【犒賞設計】Slow TV Map

這是一個慢電視全球地圖工具,採用地圖的介面,呈現全世界各地的慢電視影片。用來紓壓、放鬆,在疫情時間也能享受各地不同風光的交通之旅,例如地中海帆船之旅、加州山谷、森林的單車之旅、巴黎漫步、江之島電鐵,適合工作時開個小視窗,模擬一邊旅行一邊工作的氛圍。

 

等著瞧。設計月報:2102期

【線上工具】AI Draw

將自己的照片轉為線圖畫的線上工具,只要將照片上傳,經過 AI 數秒的分析後,就會產生一張類似一筆畫完的線條素描圖,還可以自訂紙張與線條的顏色,完成後可以下載成向量的SVG檔,這種特殊的圖像風格很適合做電影海報或書籍封面使用。

 

【線上工具】Google 資訊公開報告

收到客戶或親友傳來的未知網址,若包含了病毒或木馬程式不小心誤點,有可能連同帳號密碼都會外洩,Google提供了線上工具,能針對目標網址進行掃描的動作,只要輸入網址就能快速查看網站的安全性,也適網站管理者自我檢查使用。

 

【網頁設計】StackWhats

這個線上服務可以將 WhatsApp 線上交談的功能,直接加入鑲崁在網站的頁面,讓訪客能直接透過WhatsApp 與您聯繫,這個服務可自訂對話框名稱、描述、頭像、問候語和顏色,最棒的是這個服務是免費的喔。

 

【設計素材】Free Deca UI Kit

提供了樣板素材下載,註冊後可以免費下載整捆的懶人包,裡面有 Figma 與 Sketch 兩種檔案格式的素材資源,匯入到相對應的軟體後即可使用,是 UI / UX設計者的福音。

 

【線上工具】Font of Web

只要輸入網址,就可以找出該網站所使用的字體,並且直接幫你標示該字體的下載連結,同時標示出網站與字體相關的 CSS 設定,像是尺寸大小、字重、行高字距等,是一款很有趣的線上工具,但下載的字體需要自己查看清楚,是否可以用於商業用途喔。

 

等著瞧。設計月報:2101期

設計師手札-看板圖-2101-D

【線上工具】Tailwind.ink

這個有趣的網站使用了 AI 類神經網路,能夠在你選擇的顏色中,產生 100 種相關顏色,並且依深淺和色調作預覽,方便配色使用,挑選好顏色後會產生 HEX 色碼方便顏色的複製與套用。

 

【設計素材】Free Vector Illustrations & Animations

由 Pixel True 提供的免費插圖和動畫素材,收錄 150 個免費素材,除了 PNG 圖檔,還包含 SVG 向量檔和 Lottie 動畫圖,這些都可以免費用於個人或商業用途,此外也可以使用付費方案購買完全授權方案。

 

【設計素材】Crypto Logos

有非常多的加密貨幣的標誌圖案,可以下載 PNG 或是向量的 SVG 格式,在下載的同時也可以了解虛擬貨幣的演進史。

 

【網頁設計】CSS Background Patterns by MagicPattern

這個網站提供了 21款 CSS 自定義背景以及多重紋理,套用效果後可自定義顏色與透明度,甚至可以調整這些圖形的密度,設定完成後可以將這些 CSS 樣式一鍵複製,方便網站的設計製作。

 

【設計素材】Simple Icons

提供大量品牌標誌 SVG 格式下載,能依照顏色、英文字母或搜尋等方式排列,此外可以透過 CDN 加速網站載入時間,能有效節省網頁開發的時間。

 

等著瞧。設計月報:2012期

設計師手札-看板圖-2012-D

【設計素材】Shapefest 3,000 Hands

提供免費3D手部姿勢圖片素材庫下載,50種手勢*20種角度*6種膚色合計有三千種組合,只要輸入 mail 就能免費下載 PNG 格式,可用於個人或商業用途使用。

 

【設計素材】イラストレイン

來自日本的插畫家將自己繪製的插畫分享給大家免費下載使用,圖片不定時的陸續新增,所提供的圖片均為透明去背的 PNG圖檔,畫風非常日式簡單且柔和,依照分類可以快速找到你想要的插圖,例如食物、生肖、生活事件等等…

 

【設計素材】CleanPNG

無限制免費下載透明背景的 PNG ,免註冊,總數量超過 300 萬,解析度不錯,可以透過篩選器依照時間、尺寸大小、類型和顏色做快速篩選,也可以直接輸入關鍵字查詢,你也可以註冊帳號分享你的作品供全世界的創作者使用,至於版權的問題,原則上是免費使用,但介介建議標示來源會比較有保障,畢竟很難保證圖片提供者提供的是100%原創圖片,這樣可以避免不必要的爭議。

 

【設計素材】ByDesign IconPark

這是由字節跳動官方所推出的線上開源圖標庫,有上千個高品質的圖標icon,能直接在線上設定多種顏色的圖標外觀,甚至進行描邊、填滿、背景…等等地方進行個別的顏色設定,採 Apache License 2.0 授權方式,可用在個人或商業用途,無需署名或是附上來源資訊。

 

【線上工具】SendFileOnline

如果需要臨時分享檔案給朋友時,可以使用 SendFileOnline 這個平台,最大檔案可以上傳 1GB 檔案,分享給朋友可以用網址,或是提供對方網站數字就能下載,相當的便利,而且還可以設定檔案自動刪除的時間,檔案存放時間可設定一週或24小時。

 

等著瞧。設計月報:2011期

設計師手札-看板圖-2011-D

【線上工具】PONPAI.tw 台灣攝影棚情報站

這個網站收集了台灣北中南各地的攝影棚,透過篩選的功能,可以快速的找到符合您預算的攝影棚租借,甚至篩選出場地是否有提供燈具、背景紙、腳架等等… 此外也可以依照攝影棚場景的風格做分類挑選,適合需要外拍場品照或形象照使用。

 

【設計素材】Life of Pix

提供免費高畫質相片,採用 CC0 無著作權授權(公眾領域貢獻宣告),每週都會更新照片,而且每一張相片會標註攝影師的名子、照片標題、拍攝日期、標籤、色彩等相關資訊。

 

【線上工具】螢幕買家指南

設計工作者對於顏色的要求是很高的,所以在五花八門的螢幕型號中,挑選出一台適合自己的螢幕,這個網站能依照你設定的條件,將市面上的螢幕做快速的篩選,像螢幕尺寸、解析度、色域、曲面等… 甚至連價格也有。

 

【影音素材】FreeSFX

這個網站提供了非常多的音效,一共收錄超過 50 萬個音效,可以免費使用於任何商業或非商業應用,包含了廣播、影片或視聽產品,唯有使用時必須標示出處連回原始網站,註冊後即可下載。

 

【設計素材】hankodeasobu

這個網站提供偏日系並帶有懷舊復古的印章圖檔,全部免費下載而且可以商用,雖然是日本網站,但分類上都是英文,只需選擇好想要的圖檔,按下滑鼠右鍵將圖檔另存,就算完成下載,這裡所下載的圖片均為PNG檔,下載下來的圖檔都不會是單一圖示,大部份是全圖下載的,需要自己另外裁切使用,介介推薦直接螢幕部分截圖比較方便。

 

等著瞧。設計月報:2010期

【線上工具】AudioMass

這是一個線上編輯聲音檔案的免費工具,提供音軌的ˊ複製、剪下與貼上、左右聲道、區段靜音、漸大、漸小、延遲、快進、反轉、壓縮及音調調整等功能,完成的聲音檔,可存成 MP3 或 WAV 檔案格式,對於剛要入門的使用者來說且操作介面算是蠻簡單好上手的。

 

【設計素材】Icons8 Animated icons 2.0

提供 JSON、GIF 和 After Effects 格式的動態圖示素材供使用者免費下載,這個網站來自 Icons8 網站,裡面標示為 Free 的圖示可用於個人和商業用途

 

【設計素材】スタジオジブリ

吉卜力工作室自9月18日起,宣布將提供旗下全部作品的場景圖片給大家在在合理用途上自由使用,提供了【神隱少女】、【崖上的波妞】、【風起】、【借物少女艾莉緹】、【來自紅花坂】、【地海戰記】、【輝耀姬物語】、【回憶中的瑪妮】等8部卡通作品,一共有400張劇照。

 

【線上工具】Diffchecker

這個線上工具可以比對兩分文字、圖片、PDF 甚至是資料夾內的檔案差異,會使用不同顏色幫你標示出兩邊差異的地方,此外你也可以下載試用版的軟體,可以免費使用一個月,在沒有網路的環境下也能正常的辨識兩邊文字的差異喔。

 

【線上工具】Dubox

可以算得上是百度網盤海外版,這個平台免費提供 1TB 的檔案空間,並且可以設定檔案存放的效期,也能設定提取碼,有 iOS、Android 的 app 速度還算蠻快的,不過中國境內是無法使用的。

 

等著瞧。設計月報:2009期

設計師手札-看板圖-2009-D

【設計素材】Pixelmob

免費圖庫素材的網站越來越多,這個網站一次收錄四個免費圖庫網站:Pixabay、Unsplash、Pexels、Stockvault,可以一次搜尋四個圖庫網站的圖片,找素材更有效率,而且素材都是直接連結到原始的圖庫網站下載,版權出處可以有依據可尋

 

【課程教學】Hahow 好學校

設計師下班後多少都會接一些設計案,但很難跨出不同領域的生活圈,隨著線上課程普及,多學一個技能就能體驗不同的協槓生活,除了增加生活經驗累積靈感泉源,還能增加額外收入,「Hahow 好學校」有海量的課程包含了程式語言、網頁設計、手繪、外語、手工藝、理財投資、人文品味等五花八門的知識課程,此外你也可以在這個平台開課,增加被動收入,最後透過介介的連結註冊後可獲得廠商提供的 300元的課程抵用金

 

【犒賞設計】台北卡

創作者無時無刻都從生活中吸取靈感,逛展覽是一個非常不錯的方式,政府提供了「台北卡」也來到了 3.0 的版本,透過這張卡片可以享有多項福利,像「當代藝術館」門票九折、「光點台北電影館」電影票優惠等等… 最酷的是卡片數位化直接存在手機裡,重點是即使不是居住在台北市的民眾,也可以免費申請

註冊教學

 

【線上工具】Word Art

標籤雲的線上產生器,可以上傳字體做編輯,文字雲的圖案可以包含動物、心型、自然等多種主題,也可以上傳自己的 Logo 圖案,在文字排列有多種角度可選擇,而且有很多細節可以做微調設定,完成後可直接下載為 PNG 或 JPEG 圖檔,如果付費的話,可下載高解析度或 SVG、PDF 等格式

 

【線上工具】Imgkoa

這個工具可以幫你搜尋 Instagram 使用者,並且可以將他們的相片或影片快速下載到電腦裡面,不需要安裝任何軟體,直接用 ID 或人名搜尋用戶,接著選擇他們的影片或照片下載,還提供了非常方便的「整批下載」的功能,使用介面也非常簡潔,是一個務必要收藏到書籤的好工具

 

等著瞧。設計月報:2008期

【網頁設計】Tiiny.host

這個線上工具可以臨時性放置純 HTML 的網站,只需填個子網域名,並且將 HTML 網站連同圖片打包壓縮成一個 ZIP 檔上傳,就可以獲得一個臨時展示用的網址,只能保存 24小時,另外你可以每月支付8美金,就不會有時間限制,還會有密碼保護、綁定網址等功能,但講真的,直接租個虛擬主機比較實用

 

【線上工具】Speak Reader

線上將文字轉語音的免費工具,除了直接貼上文字,也可以抓取網頁內所有的文字,將內容轉換成語音,此外也可以上傳電子書變成有聲書,支援非常多國的語言,粵語、國語、英文、日語、法語等等…還可以選擇男聲或女聲發音,也能調整發音的速度

 

【設計知識】webP 圖檔介紹

webP 圖檔格式,幾乎已經被市面上瀏覽器所支援了,只要瀏覽器有定期有更新,都能使用這個特殊的檔案格式,它的優點除了支援透明格式,檔案的大小也比較好,這篇文章裡面有詳細的介紹

 

【設計素材】Free illustration

將網路上常見的免費插圖素材整合再一起,可透過篩選的方式找到想要的素材圖庫,不過要注意的是,每個素材的授權方式都不一樣,下載的時候要注意一下是否可用於個人或商業用途

 

【線上工具】Reurl.cc

這是一個免費的縮短網址工具,免註冊即可使用,免費註冊成為會員,可查看隱藏的流量統計功能,還能自訂 UTM 追蹤行銷數據、甚至產生 QR Code 此外有瀏覽器外掛,可以一鍵產生短網址

 

等著瞧。設計月報:2007期

 

【設計素材】HANDZ

提供不同膚色不同袖子以及不同的 3D手勢圖,讚、握手、OK 或指向等手勢,會根據所處情境之不同,而衍生出不同的解釋,,可由用戶自行搭配出三百多種組合,除了提供 PNG 圖檔,更提供 .blend 的原始圖檔可自行修改組合,個人及商用都可免費使用,下載時將金額填寫為”0″即可,接著輸入一組mail 即可(不用填寫實的信箱也沒關係,因為填寫完成就會跳轉到下載頁面)

 

【設計素材】UI Design Daily

提供的免費 UI 設計版型原始檔,包含:Sketch、AdobeXD、Studio…等,採用 CC0 1.0 的授權方式,作者放棄了所有的權利,你可以將這些作品複製、修改、散播,甚至可以直接使用於商業目的,作為營利販售,且完全不需要取得任何的許可,另外提供免費的電子報可供訂閱,每週都可以收到最信的版型素材

 

【軟體教學】免工具SVG檔轉PNG教學

這是一個圖檔轉檔的小技巧,SVG 向量檔是這幾年蠻新的檔案格式,體積小而且在網頁上放多縮小不會模糊,是很多網頁設計師喜歡的格式,分享一個方式能在沒有安裝繪圖軟體的情況下,將 SVG 轉換成一般的圖檔

 

【設計素材】國立公共資訊圖書館數位典藏服務

這個網站有二十種台灣不同報社的報紙,上百萬筆的新聞資料,可以線上瀏覽也可以下載成 .TIF 圖檔格式,另外可以透過進階查詢搜尋特定的主題,可查詢項目包括日文書籍、舊報紙、老照片、古文書等等…館藏海報等項目

 

【設計素材】Fluent Style Icons — Icons8

這是 Icons8 新推出的免費圖示集,一共有 965 個免費 icon,風格色彩比較明亮,可免費下載成 48px、96px 兩種尺寸的 PNG 格式圖檔,可以免費使用時用,但須標示出處來源

 

等著瞧。設計月報:2006期

設計師手札-看板圖-2006-D

【線上工具】ACdata

來自日本的免費檔案空間,免註冊即可使用,可以批次上傳、線上打包成單一壓縮檔、密碼保護功能,預設可以下載20次,檔案存放的時間沒有註明,應該不會很長,疫情的期間檔案大小從 10 GB 提高為無限制(單檔 250 GB),檔案保存時間也延長到 65 天

 

【線上工具】tlk.io

拋棄式的線上聊天室,可以匿名聊天也可以登入自己的社群帳號聊天,此外可以自行修改聊天室的介面配色,介介覺得蠻適合拿來當內部提案時,給大家匿名講評作品的優缺點,因為匿名所以講評可以更直白,畢竟想要成長,就需要先從聽真話開始,另外聊天室可以崁入在網站或部落格裡面喔

 

【工具軟體】EaseUS Data Recovery Wizard

檔案備份是現代人必備的習慣,但萬一不小心將檔案丟到資源回收並按下清理,就真的救不回來了嗎? 其實這些檔案還是可透過專業的檔案還原軟體,將它們舊回來,這個工具連硬碟、隨身碟、記憶卡也都適用,繁體中文版並提供免費 500MB 的還原量,如果想要無限還原檔案可參考它們的付費方案

 額外獲得 1.5GB 的教學

【工作情境】Reichenbergerstr 121

近期因疫情關係必須在家工作的話,少了辦公室的講話與電話聲,感到孤單寂寞空虛冷嗎? 試試由 Kids Creative Agency 製作的「模擬辦公室聲音」能虛構出辦公室的環境聲音,裡面有聊天、吃東西、唱歌、印表機或放屁打球之類的怪聲音,在右下角可以決定有多少同事產生噪音,當然你也可以點畫面的物件,也會出現特殊的音效聲,是一個不錯的白噪音網站

 

【線上工具】Image Speed Test

網站上的圖檔越小,網頁開啟的速度越快,使用者的感受就會提升,主機的負擔也會減少,現在你需要在這個線上工具填入網址,就能分析網頁載入速度,,並分析圖片是否可以壓縮,最酷的是還順便幫你壓縮好,放在旁邊供你比對下載

 

等著瞧。設計月報:2005期

設計師手札-看板圖-2005-D

【設計素材】DesignersPics

由攝影師 Jeshu John 創立的圖片素材網站,圖片親自拍攝的,每張圖片都是高解析的品質,目前站上圖片數量不算多,但從圖片分類來看都是很貼近我們的生活,照片可用於個人或商業用途都可免費下載使用唷

 

【線上工具】Kidpofy

這個網站能輕鬆快速的創作出自己的手寫英文字體,只須按照其提示寫出每個英文字母、數字,就可以轉出字型檔案,只需要有瀏覽器的設備就可以使用,換句話說除了直接在電腦上使用滑鼠書寫,也可以在手機及平板上使用觸碰筆書寫,做出自己獨一無二的字體,上傳分享還可以永世流傳喔

 

【線上工具】Online Screen Recorder

免費線上螢幕錄影工具,免下載或安裝外掛,可直接錄製整個螢幕或應用程式、瀏覽器畫面,還能選擇電腦的音訊輸入或是從麥克風收音

 

【設計素材】漸層放射狀產生器

介介為大家介紹一款線上工具放射狀素材產生器 (從肚子口袋掏出東西) 就是這個「輻射素材產生器」(請配音), 顏色、長短、密度都可以任意自訂,你的電腦螢幕越大,下載後的圖檔就越大喔 中文教學

【免費字體】內海字體

以瀨戶字型作為基礎,將缺少的大部分字補足,這個免費的字體叫做「內海字型」共有4808的常用字,可用於個人與商業用途,另外在軟體的字體清單顯示時,不會出先內海字型,而是以英文 NaikaiFont 顯示

 

等著瞧。設計月報:2004期

設計師手札-看板圖-2004-D3

【設計素材】Gradientify

免費可自訂漸層色的 SVG 圖標網站,提供 500多款精緻可愛的 icon 圖標,除了提供上百種推薦漸層配色,也可以自己自定配色,一個按鍵就可以全部下載有 PNG 與 SVG 兩種檔案格式,個人使用需標來源出處,如果要用於商業用途,需參考它的付費方式

 

【工具軟體】MediBang Inc.

免費開源的插畫軟體,喜愛畫漫畫的朋友都會免費漫畫插畫繪圖軟體,超過50種畫筆可選擇,有鋼筆、製圖筆、水彩筆,每個畫筆都能自定設置,有圖層功能,可以快速建立漫畫面板,頁面管理,此外有雲端傳檔、同步設定、可多人協作

 

【線上工具】Zoom

因為肺炎疫情的關係,許多企業都開始遠距辦公,Zoom 是一個遠距多人會議的線上工具,免費的帳號就可以達到百人線上視訊會議,而且介介覺得最棒的是,免費帳號的每個會議只能使用 40分鐘,可以有效的管制會議時間,讓會議變得更精實,這根本可以當付費功能啊(誤

 

【設計素材】65枚鐵鏽素材

介介幫大家整理了一批鐵鏽素材,是從各大免費素材網站中收集的,都可以用於商業用途使用,一共有 65 張,如果全部下載總檔案大小約 280MB左右

 

【音訊素材】Unminus

免費 mp3 音樂素材下載,可用於個人或商業用途,有簡單的風格分類,可線上播放試聽,免註冊即可直接下載 MP3 檔案,喔對了這個服務也是由知名的免費圖庫網站 Unsplash 所製作的喔

 

等著瞧。設計月報:2003期

設計師手札-看板圖-2003-D3

【線上工具】Palettable

這是一個線上配色工具,透過互動方式先選出主色,接著會隨機顯示顏色,已依照喜好更換,而這些隨機組合是收錄數百萬設計師的經驗所產出的,最後你可以得到五個搭配好的顏色組合,可以將這些顏色匯出帶有色碼的 PNG 圖片或固定網址 中文教學

 

【犒賞設計】GameSnacks

有時候玩一下遊戲,是個不錯舒壓方式,但花錢買遊戲,也玩沒幾次,還佔用手機容量還蠻浪費的,現在 Google 內部孵化器 Area 120 有個新專案,採用 HTML 5 架構設計的遊戲平台 GameSnacks,均是免費的即使是行輕量級手機或文書機都可以輕鬆遊玩,只要記憶體 1GB ,上網速度在 1Mbps 的設備上,幾乎不用下載等個幾秒就能打開遊戲,可以輕鬆享受遊戲的時光

 

【設計素材】Old Book Illustrations

這個網站收藏了許多古書裡的精美插畫,將這些美麗的的插畫重新整理分類並加上索引,免費提供給所有人搜尋使用,而且你不需要註冊即可免費下載,在每張插圖的下方可以看到該圖片的來源與相關資訊,裡面的圖片幾乎都是 CC0 授權,可以不需標示來源並用於商業用途使用

 

【免費字體】OPPO Sans

OPPO 是一間知名的手機廠商,它們將一款名為「OPPO Sans」字型免費分享給大家,可用於商業用途使用,但不可以宣稱是自己製作的,此字體中文部分是由漢儀字型負責,英文則是由美國 Pentagram 五角公司設計 下載教學

 

【犒賞設計】The Apple Archive

很多設計工作者都會使用 Mac 電腦,對於蘋果這個品牌一定有有著濃厚的迷戀與興趣,這個網站是非官方的蘋果編年史,從 1970 年開始記錄著 Apple 每個時期發生的事情,當然還有產品上市的介紹

 

等著瞧。設計月報:2002期

設計師手札-看板圖-2002

【線上工具】Sucuri SiteCheck

掃描網站是否有無惡意程式,順便查詢是否有被線上掃毒軟體列入黑名單,並且會顯示網站的風險評估提供改善建議,以及顯示網站的 IP 位址、CMS、CDN 等資訊

 

【線上工具】Firefox Send

免費的檔案下載空間,免費帳號可上傳單檔 1.5GB 的檔案,免費註冊成會員後,就變成單檔 2.5GB 可設置下載密碼,下載次數的限制,檔案超過幾天後就被銷毀的功能 中文教學

 

【工具軟體】EaseUS Data Recovery Wizard

設計檔案如果被誤刪就哭哭了,這套免費的資料救援軟體,可以回復誤刪或格式化資料,免費版只能回復部分檔案,付費後可以解鎖還原更多的檔案,如果遺失的資料很重要,付點小費用就就能救回是很划算的一件事

 

【線上工具】Gantt.io

免費的線上甘特圖產生器,甘特圖是條狀圖用來顯示專案、進度的工具,管理者可透過甘特圖,監控專案當前各任務的進度,並且觀看其他專案的時間進展的情況,方便快速掌握進度,基本上免費的帳號就很夠用了,而付費帳號可以有「更多的樣式可設計」

 

【設計素材】photostockeditor

每週固定更新的設計素材,免註冊即可下載使用,可用於個人與商業用途使用

 

等著瞧。設計月報:2001期

設計師手札-看板圖-2001-D

【設計素材】Bara Art

由捷克的設計師 Bara Cross 所製作的網站,將自己拍攝的相片開放給大家免費下載使用,所以素材具有非常高的獨特性,可用於個人或商業用途,無需標示出處來源,免註冊可直接下載使用

 

【設計素材】お肉のフリー素材サイト oniku images

Oniku Images 日本小林市推出免費黑毛和牛圖庫,希望以免費的相片圖庫來宣傳本地農特產,可用於個人或商業用途無需標示出處,但使用時還是記得詳細閱讀使用條款,一共有兩種解析度分別是網頁用與印刷用,主要以 JPG 格式為主,有需要牛肉素材的朋友趕快去下載吧

介介就順便幫日本小林市打廣告,請點 連結

 

【線上工具】Multi.link

幫你建立一個個人名片網頁,介面非常簡單好用,可以自行加入圖文、鏈結、影片、甚至是廣告與 GA 分析代碼,可自訂色彩或樣式,註冊然後即可使用,而且目前沒有廣告出現,畫面還算簡潔

 

【線上工具】Make a smooth shadow

CSS3 線上陰影平滑產生器,用視覺式的拖拉數值就能產出平滑影子,而且能設定很細膩的參數,影子的範圍大小、濃淡深淺都能輕鬆設定,直接產出 CSS3 代碼

 

【線上工具】Onlineocr

免費線上OCR服務,簡單的說就是自動將圖片上的文字,轉成可以編輯的純文字,這個線上工具支持 46種語言,包括了中文、日文、韓文,支援上傳的檔案格式有 PDF 和一般圖檔如 JPG、BMP、TIFF、GIF

 

等著瞧。設計月報:1912期

設計師手札-看板圖-1912

【影音素材】Adobe Audition

Adobe 在 Adobe Audition 提供了大量的免費音效可以免費下載,無須註冊直接下載,超過上萬種音樂素材可,除了音效素材,還有上千首循環音,採用 Adobe EULA 授權,可以免費使用與修改,但不能主張其商標權及其它衍生關係。

 

【線上工具】Socialvip

一個網址幫你的品牌的社群帳號甚至網址,一次打包成一個網頁,名片上就不需要填多個資料,而且直接同步按讚數與追蹤數喔🐧🐻🦛 範例

 

【影音素材】DOVA-SYNDROME

來自日本的免費音樂音效網站,提供各種背景音樂、鈴聲、聲音效果和歌曲素材,有兩百多位創作者將自己的創作分享出來,讓其他人可以免費下載使用,免註冊,更新頻率高,可用於個人或商業用途,僅有部分素材需要參考授權方式。

 

【課程教學】讀墨

讀墨的暢讀方案看一整年的設計雜誌,例如:La Vie、CONDE當代設計雜誌、Shopping Design 等等…
對於創作者來說資料收集是基本功,這個服務除了手機可以觀看,也能透過電腦觀看,介介的習慣會將資料用螢幕截圖存成圖檔留存,費用很便宜只需要 999元,一年看5本雜誌就回本了,除了前面提到設計類書籍,還有其他類型的期刊雜誌可看,例如天下雜誌【精選本】、數位時代、經理人月刊等,是創作工作者投資自己的好選擇。

 

【線上工具】Full Page Screen Capture

只要輸入目標網址就能幫你建立一個完整網頁擷圖,即使目標網頁有固定的選單條在上方,這個工具也會自動幫你重組,免註冊即可使用,同時也支援中文內容的網站,都能正常顯示

 

等著瞧。設計月報:1911期

設計師手札-看板圖-1911-D

【設計素材】KissCC0

這個素材網站包含了兩大類型的圖庫,分別是照片與插畫,全都都是使用 CC0 授權方式,可用於個人使用以及商業用途使用,無須註冊即可下載,不過這個素材網站的公司資料沒有很明確,使用建議大家還是多多查核會比較好。

 

【線上工具】AddMaker 加點製造

產品設計廠商資料庫,你可以在這裡找到提供各式服務的廠商,例如設計、製圖、打樣、模具製作、量產、後加工的廠商,甚至可以依照可接受的訂單規模做查詢,例如可接學生、小公司案子的廠商,適合想要開發企業贈品的設計師收藏,這個網站也能討論所有的加工製作的大小細節,可以互相討教成長。

 

【影音素材】Coverr

可使用於網頁背景的免費影片素材,影片數量還蠻多的可自由使用於個人或商業使用,無須要標示出處來源就能使用,最特別的是網頁提供了基本的 HTML、CSS 和 JS 的套用範例。

 

【犒賞設計】Software Library: MS-DOS Games

數位博物館,收集了大量數據的博物館,其中有一系列的 MS-DOS 懷舊遊戲,無須下載檔案,網站上直接有模擬器可直接線上玩,懷舊的遊戲畫面除了回味之外,或許也能帶來新的設計靈感也說不定。

 

【設計素材】Fresh Folk

這個網站提供一系列的角色插圖,可變換多種不同造型,包含了膚色、配件、姿勢等等,下載後會是一個 PSD 的檔案,裡面會有多個圖層物件可搭配使用,所有的插圖都能免費下載作為個人或商業用途皆可,該網站是使用 CC 4.0 的授權,所以使用時需標註圖檔來源。

 

等著瞧。設計月報:1910期

設計師手札-看板圖-1910

【設計素材】100,000 AI-Generated Faces

設計時會需要一些人的頭像,但人像照片的肖像權取得不是一件容易的事情,現在由 AI 演算法創建出來的虛擬大頭照,有數量有十萬張不同的臉孔可以下載,都是人工智能創建出來的人,未來也會開發出自訂人種、膚色、臉型、瞳孔顏色、髮型等等的客製化人像等功能,照片解析度為 1024×1024 不可以使用在違法用途上,可以使用的領域範圍需詳見官網說明,畢竟這個是比較特殊的素材。

 

【工作情境】Spaces.fm

免費的環境音組合,首頁就直接提供了沙灘、雨天、森林的情境音樂,都是全自動循環播放的,另外也提供水聲、風聲、雷雨聲、海浪聲等…需要專注工作時,這種白噪音網站可以讓你專注工作。

 

【線上工具】Canva

超好用的線上繪圖工具,2012年創立至今收購了數間圖庫網站,利用現有的版型簡單拖移,就能完成精美的作品,繁體中文介面,海量圖庫版型,可下載成向量的印刷檔、免費而且不會加浮水印,從名片、DM海報、動畫、簡報、網站 banner 甚至社群主圖都有龐大的版型庫,可直接套用,還能使用中文繁體中文字體,付費版有上傳字體功能、作品空間、更多高質感的照片與版型,透過連結註冊,有免費一個月的 VIP,可無限的抓取付費素材與版型,一個月過後下載的版型與素材都可持續使用,根本超佛心的,但為了避免被大量濫用,所以需要登記信用卡兌換一個月的VIP權限,後續可隨時取消訂閱。

 

【設計素材】Shade

提供製作精美、完整的 Landing Page 模板免費下載,每個簡報的模板都有詳細說明,包括所使用的字型、圖示和檔案架構等文件,此外 Shade 每個月會更新加入新的網站模板喔。

 

【設計素材】Slidesgo

非常多高品質 PowerPoint 簡報範本,可用於個人或商業用途,無須註冊即可免費下載使用,分類有最新、流行、教育、商業、營銷、醫學等等…下載後可以直接用 PowerPoint 或 Keynote 編輯。

 

等著瞧。設計月報:1909期

設計師手札-看板圖-1909-D

【設計社群】Product Hunt

這是由軟體開發商和軟體進階使用者所組成的一個社群平台,他們分享自己的軟體和發現最新的技術,透過社群的討論與意見,能幫助軟體製造商構建出色的產品,在裡面你可以發現許多新奇的繪圖軟體與好用的工具

 

【PS技巧】PS圖片放大縮小不失真

圖片放大不失真邊緣不會有鋸齒與模糊的方法 Photoshop 新功能保留細節2.0

 

【免費字體】Cufon Fonts

介面很漂亮的字體網站下載平台,免註冊即可免費下載,有字體分類,還有設計師作品集,裡面有些字體可以用於商業用途,但是大部分的字體僅能做個人用途使用,不過有提供字體作者的網站連結,可自行聯繫購買商業授權,是一個好用的字體乾貨網站

 

【設計素材】Frrames

提供瀏覽器(Chrome、Firefox、Safari、Opera)和應用程式外框向量圖案,甚至有手機裝置的外框,如 iOS、Android,可直接應用在 Sketch、Adobe XD、Figma 等 UI/UX 編制軟體上,讓製作擷圖情境圖更有質感,如果懶得下載可以支付微薄的金額,購買全部素材,可以省下一些時間

 

【線上工具】Ge.tt

免註冊即可上傳檔案,單檔限制為250MB,每日下載流量限制 5GB,檔案可存活30天,註冊成免費會員,可以有 2GB 的空間放置檔案,下載流量升級變為 10GB ,檔案存活的時間等同你的帳號的活躍度,經常登入使用,檔案就可以放更久,付費方案介介覺得沒有很划算,免費方案就很夠用了

 

等著瞧。設計月報:1908期

設計師手札-看板圖-1908_D

 

【設計素材】jeshoots

由 Jan Vasek 創建的網站,裡面的照片都是他親手拍攝的,非常具有原創性,全部都能免費下載使用,可以用於商業用途使用,因為是站長自己拍攝的,所以比較不會跟別人用到一樣的圖,喔對了,免註冊即可下載

 

【設計素材】Free to Use and Reuse Sets

美國國會圖書館收錄的老照片、海報影片,現在可免費使用,這些作品採用公眾領域 Public Domain 授權,可用於商業用途,包含了二戰時期的宣導廣告、兒童書籍、繪本、餐廳廣告等等,不需註冊即可免費下載

 

【設計素材】Free Food Stock Images

由兩位攝影師創立的網站,專注於提供美食相片的免費圖庫,包含了麵包和穀物、糖果甜點、肉類海鮮、蔬菜水果、零食與節慶食品,無需註冊即可下載,採用 CC BY 3.0 授權釋出,可用於個人或商業用途,但需要標示出處來源

 

【線上工具】Instasave

Instagram 是現在很多人喜歡使用的社群工具,可以單純的分享照片與影片,不過這些東西都無法輕易的下載,這個工具可以讓你在 IG 上看到不錯的照片或影片,只要輸入該畫面的網址,就可以直接下載,更酷的是只要輸入 IG 帳號的網頁,就可以逐一儲存該帳號的照片

 

【設計素材】(USDA) Pomological Watercolor Collection

這個博物館資料庫收集了7千多張有關於水果的水彩畫作,圖片的解析度非常的高,主要來自 1886-1942 年之間,由美國農業部請畫家們根據當時所見的世界各國水果,用水彩畫繪製而成,點擊上方的「Search 」即可搜尋水果畫作,提醒一下使用時需註明來源:「”U.S. Department of Agriculture Pomological Watercolor Collection. Rare and Special Collections, National Agricultural Library, Beltsville”」

 

等著瞧。設計月報:1907期

設計師手札-看板圖-1907

【設計素材】Mixkit Art

Mixkit Art 是 Mixkit 網站中的其中一個項目,收錄很多插畫類型的圖庫,分類成動物、美食、自然、家庭、心情等,大部分的圖片都具有簡單清爽的設計與配色,網站上所有插圖皆能免費下載,可自由使用在個人或商業用途,下載的格式大多為 PNG 檔

 

【軟體教學】Photoshop

Adobe 近期將 Photoshop 做了一些小更動,對於資深用戶來說,就是回復上一步的 Ctrl + Z 只能往上一步一直回復,不像舊版的上一步與下一步做切換,現在透過這個設定,將還原的快速鍵改回舊版的模式

 

【設計素材】Image Finder

Image Finder 這個網站本身並沒有圖片,但整合了非常多的圖庫資源,並且加以分類,甚至製作了,可以縮短時間快速搜尋到自己想要的圖片,免註冊就可以下載

 

【網頁設計】instant.page

很妙的網頁技術,一般我們點網站內的連結時,滑鼠放到連結上面,接著按下連結,而這個技術,是滑鼠放在連結上的零點幾秒中,就先讀取目標連結的內容,做一種偷跑的概念,按下連結後,網站開啟就會快一點,一種欺騙大腦的技術

 

【設計素材】Monike Borsoi

來自巴西的女設計師 Monike Borsoi 分享了一系列以單車為主題的 icon 裡面有單車、鈴鐺、車牌、工具等等…這些素材可用於商業用途使用,而且有向量格式的檔案可以下載 備用下載點

 

等著瞧。設計月報:1906期

設計師手札-看板圖-1906

【影音素材】Pexels Videos

可商用影片素材庫,它是由知名免費圖庫 Pexels 所推出的附屬服務,免註冊即可下載使用,這些影片素材庫中可用於商用,無版權限制,此外這是一個影片社群,任何人都可以上傳影片分享給別人使用,影片的格式大多為 mp4

 

【設計素材】Font Awesome

這個網站的圖示其實是一款字體,偏向於系統開發使用,還會教你圖示應該要如何放置,在哪個情境下使用最適合,每個圖示還會有它的背茲曲線的示意,可以看出每個圖都做得非常流暢精細

 

【PS技巧】Jiemr

Photoshop 一鍵修皮法,免裝外掛新版內建的濾鏡,透過新的演算功能,可以分辨斑點與皺紋並自動修淡,最酷的是能保留肌膚的紋理喔

 

【設計素材】ColorHub

不是很推薦這個免費圖庫,但都已經研究了就分享一下好了,支援中文搜尋目前收錄超過 10 萬張圖片,包含了許多博物館的作品,每張圖片的主要顏色都用色票標記下來,方便以色找圖,不是很推薦的原因是目前註冊方式只能用微博、QQ、Github 註冊,新註冊只能下載三張圖片,只能透過儲值或推薦別人註冊換取更多下載額度,所以不推

 

【免費軟體】Brackets

網頁設計師應該都有聽說過 Adobe Dimension 這是一款專業的網頁設計軟體,而 Adobe 又很佛心的以 HTML, CSS 及 JavaScript 所開發的一款開放原始碼的純文字與程式碼編輯器,免費讓大家直接在 Github 下載,有支援繁體中文的選項,還有很多擴充外掛可以安裝,想要簡單的編輯網頁代碼,這是一款輕鬆入門的好軟體

 

等著瞧。設計月報:1905期

【設計素材】Ikonate

收錄超過兩百種開放原始碼的圖示,並且有.svg 的向量檔格式,還能自訂線上自訂圖示的邊框粗細、圖示比例大小甚至是樣式及顏色,接著透過一鍵打包下載的方式,就能快速建構統一的風格 icon

 

【設計素材】Magdeleine

作者以手工挑選的方式,無需註冊即可免費下載原始高畫質圖片,網站有分類與授權方式、顏色、標籤搜尋相關素材,裡面的圖庫都可以用於商業用途,部分需要標示來源,網站介面很簡約,更新頻率很高幾乎每天新增

 

【設計素材】Picjumbo

由攝影師 Viktor Hanacek 所創立的,幾乎所有的照片都是由他所拍攝的,可以用於商業用途,雖然沒有搜尋的功能但是分類還算清楚,而且每天都會更新,偶而逛逛常會挖到不錯的素材喔圖庫

 

【線上工具】Colorhexa

號稱線上色彩的百科全書,輸入一個色號,就會幫你產出它的 RGB、CMYK、建議配色等資訊,設計師收集顏色,就像玩寶可夢一樣,遇到美麗的顏色,就會情不自禁的收藏起來,但是這些色票,該如何使用?透過這個線上工具,你可以更了解每一個色票的知識與配色 中文教學

 

【網頁設計】CSSeffectsSnippets

20 種 CSS3 動畫動態效果,可直接線上預覽,並且開放原始碼,同時可以在 GitHub 頁面找到更多資訊,點選想要的 CSS 效果,下方會出現綠色的 Copied to clipboard 按下後即可將程式碼已經複製到剪貼簿

 

等著瞧。設計月報:1904期

 

【設計素材】Glide

收錄 80 種免費 PowerPoint 簡報模板的素材,他們是一間法國公司,名子叫做 Slidor 主要業務是幫客戶設計簡報,現在將他們這幾年的簡報設計經驗分享出來,讓每個人可以免費下載,這些簡報版型都很簡約時尚,簡報檔裡面也包含一些不錯的 icon 下載時需提供 e-mail 給他們,他們才會將下載連結寄送給你,未來也會寄送一些簡報設計的相關資訊給你

 

【線上工具】NoFile

一個簡單好用的免費檔案空間,支援單檔最大 10 GB 可以加密碼分享檔案,還能設置檔案存放的時間,從最短的15分鐘最長可到30天以上,免註冊即可上傳檔案,每個檔案都有專屬後台連結,記下這個連結日後可以隨時透過這個連結刪除檔案或是更換密碼

 

【線上工具】sm.ms

免費的圖床空間,可以一次上傳10個圖檔,除了直接給你圖片的網址之外,還會幫你產出貼圖用的代碼,例如:HTML、BBCode、Markdown、Markdown with Link 有趣的是還有 Delete Link,可以刪除照片 中文教學

 

【設計素材】OpenMoji

這是一個開放原始碼表情符號計畫,無論是設計師、開發者或一般人都能免費下載使用,由德國的 University of Design Schwaebisch Gmuend 互動與傳播設計科系學生開發,從設計師角度發展第一套全面性的開放原始碼表情符號和圖示庫,包含 SVG、PNG、SVG、PNG 的圖片格式

 

【線上工具】QArt Coder

你以為 QR Code 中間塞張圖片就很棒了嗎? 透過這個工具你可以用更有創意的方式排列組合這些黑塊,讓 QR Code 與圖像本身更加融合,上傳圖片後就會幫你產出獨特的 QR-code ,而且可以微調中心圖像的大小位置與四邊的距離

 

等著瞧。設計月報:1903期

設計師手札-看板圖-1903_D

【設計素材】Streetwill

Streetwill 是線上免費圖庫素材網站,收錄了世界各國攝影師的攝影作品,如果你是一名攝影師,手上有很多自己拍攝的照片也可以放在網路上和大家分享,也可以將圖片上傳提供給 Streetwill,分享就是進步的好方法

 

【軟體教學】Jiemr

Illustrator變數功能快速編排大量名片與識別證,這個方法又讓你學到省時間的密技了

 

【設計素材】千图网

介介很糾結要不要分享中國的圖庫平台,因為即使付基本費也只是增加下載量,但裡面的大部分圖都不能用於商業用途,除非買企業級VIP,一年費用約5千台幣,能無限下載並使用在商業用途,企業級VIP是他們自己招募設計師製作,可放心使用的原因是這個網站有中國的 ICP 審查,賣盜版的話自己會GG,透過這個連結註冊送的三天VIP下載不能用於商業用途,但換個角度拿來當作參考設計也不錯,畢竟有非常多的中文設計版型可以借鏡,另外千圖網有很多累積積分的活動,可兌換實體商品或 VIP 資格,再來就是你也可以上傳你的原創作品,成為簽約的設計師喔

 

【影片素材】Mixkit

超佛的影片下載平台,可用於商業用途使用,滑鼠放在影片縮圖上,縮圖就會自動撥放,點開就會全螢幕撥放,旁邊下載按鈕直接下載,免註冊,速度還蠻快的,另外你可以訂閱電子報,每周會寄送10個免費影片給你下載

 

【免費軟體】Laverna

網路上許多免費雲端筆記本工具,如果需要使用進階功能或擴大使用的限制則需要另外付費,此外有些隱私的資料也會擔心外洩,也擔心服務結束經營資料是否會遺失的風險 Laverna 是一個開源的免費筆記本工具,支援多平台同步 Windows、Mac、Linux 你可以存在電腦內或是備份到自己的雲端空間,也可以透過 Dropbox 等工具做同步備份,而且有繁體中文版,免安裝直接執行即可使用,適合隨手做筆記的人使用,若沒有辦法查看,可參考此頁的介紹https://4fun.tw/1QdB

 

等著瞧。設計月報:1902期

設計師手札-看板圖-1902

【設計素材】Foter

篩選器設計的相當簡易,可快速挑選出可商業用或不可商業用途的相片素材,也能透過顏色分類找尋相片,大部分圖片都是以 CC0 授權方式釋出,可免費下載、編輯或使用於商業用途,除了下載圖片,Foter 也提供 embed 內嵌程式碼,複製代碼貼上就能在網站中放置圖片

 

【線上工具】Picrew

日系似顏繪的產生器,有非常多種設計風格可以挑選,基本上每一款都是可以免費使用的,至於是否可商用或是允許加工後製,則要看每個繪師的規定有所不同

 

【軟體教學】Jiemr

客戶提供 PDF 的檔案要做設計上的修改,但是裡面的文字沒有轉外框曲線,透過這個方法可以將PDF的文字轉換成外框字,解決字體遺失的問題

 

【網頁設計】Responsive Web Design JP

這個來自日本的網站,收錄了日本許多優秀的網站全部都是符合 RWD 的規格,其中一個分類是使用用 WordPress 製作的網站,想要使用 WordPress 架設網站的朋友,可以當作參考資料使用

 

【設計素材】ProductionCrate

HD 和 4K 動態火焰、火花、爆炸特效下載,影片後製必備素材,有不同大小、顏色與樣式的火焰、火花、爆炸的火光與粉塵、光點式的火花等類型,很適合做爆炸特效的感覺,每天可以免費下載五個素材,可下載的影片格式 MOV 與 MP4 格式

 

等著瞧。設計月報:1901期

【設計素材】LogoEPS

做設計時,需要放置其他合作廠商的 Logo 但這些品牌有些沒有原始檔案,只有 JPG 檔案,遇到解析度低一點的印刷時就會有模糊的邊緣,對於美感要求很高的設計師還要幫對方重新描繪一次,非常麻煩,現在透過 LogoEPS 可以尋找各類品牌 Logo 的向量檔案,甚至可以在這個網站挖到大品牌過去歷史改版的 Logo 圖.是設計師必收藏的一個網站。

 

【免費主機】Neocities

提供免費而且無廣告的 HTML 網頁空間,具有 1 GB 的空間容量與每月 200 GB 流量,內建網頁 HTML 編輯器,可直接編修原始碼,除了 HTML 與 CSS 還能上傳一般常見的圖檔,若想要上傳其它格式的檔案就必須升級成付費會員,總結來說還蠻適合純 HTML 網站使用,裡面可以看到許多別人製作的網站,會讓人回想起初學網頁設計時的點點滴滴

 

【線上工具】Google Squoosh

Google 提供的線上圖片無損壓縮工具 Squoosh,可以即時預覽壓縮的結果並微調壓縮比例,還能直接幫你轉換圖檔格式就連 WebP 格式也可以轉,此外也能線上修改圖片尺寸,雖然目前只能單張壓縮,但是以 Google 大神的功力,將來肯定會有更多的功能出現   中文教學

 

【線上工具】remove.bg

免費的線上去背工具,上傳圖片之後,就會透過 AI 的演算法,將人的背景全部去掉,辨識的速度非常快而且精準度還蠻高的

 

【音訊素材】dust-sounds

來自日本的真正免費音樂素材,除了不同曲目的音樂之外,還有效果音可以下載,完全不需要標注來源,是影音創作者的好夥伴

 

等著瞧。設計月報:1812期

設計師手札-看板圖-1812-D

 

【品牌經營】medium

國外有名的寫作平台,無廣告的介面,你的文章作品可以設定為免費閱讀,或只有 VIP 讀者才能閱讀,讀者可以付 5美金 包月,整個網站看到飽,對於喜歡的作者文章,還可以給予按讚,作者就會收到這個平台的分潤,藉此讓優秀的作者專注寫文,在這裡可查看到非常多的設計文章,同時你也可以分享你對設計的工作經驗

 

【設計素材】Eva Icons

這個網站提供了 480 個免費圖示,且是開放原始碼,圖示的類型偏向於操作介面,設計風格非常簡約,此外網站上面有動態效果的預覽如縮放、抖動、翻轉,可下載的檔案格式有PNG與向量的 SVG 格式以及 font 和 Sketch 格式,也能直接用免費的 CDN 服務鏈結帶入自己的網站提高速度

 

【軟體教學】Jiemr

Photoshop 存檔時不讓 JPG 調整視窗出現的小技巧,透過這個小技巧可以省下很多的時間,而且鍵盤的 Enter 鍵,壽命也會變長喔

 

【設計素材】Rgbstock

這個網站是由一群攝影師及圖片愛好者所建立的免費圖庫網站,裡面的照片已經累積了數十萬,可用於商業用途但不可單獨販售,如果想要做特殊用途,可以發訊息詢問攝影師,請求授權,註冊後即可下載圖片

 

【設計素材】Human Pictogram

以人體為主題的特色圖標,從日常生活的舉動,到千奇百怪的動作都有,被外星人抓走、被牛追等等…免註冊即可下載,有 AI、JPG、PNG 三種格式可以下載,可用於商業用途但不能單獨販售

 

等著瞧。設計月報:1811期

設計師手札-看板圖-1811-D

【設計素材】SVG Backgrounds

SVG Backgrounds 免費網站背景圖下載,可線上預覽、調整顏色細節,可線上預覽效果,調整顏色或各項細節,另外將產生的 CSS 語法放入網站樣式表就能顯示

 

【設計素材】TopeconHeroes 罫線

網頁設計有時會用到分隔線做區塊的畫分,這個網站提供了非常多款免費的圖型分隔線,風格有時尚、可愛、文化等等…每個分隔線都提供有不同的配色,檔案可下載的格式分別有 AI、EPS、JPEG、PNG,這些素材都可以運用在個人或商業用途使用喔

 

【線上工具】tny.im

免費的線上短網址工具,免註冊即可使用,可看縮網址的點擊紀錄統計,每次縮網址後除了會產生 QR-code 之外還會有一個專屬密碼,輸入這組密碼可以編輯短網址,可將多個連結做成一個目錄頁並產生一個對應的短網址,透過剛剛的密碼編輯的功能,就能隨時修改連結,此外可以自定短連結的名稱、限制短網址被點擊的次數、短網址的有效期限、設定目標網站的標題等等…也可以將一大串的散文直接變成一頁面並提供一個短網址,還有針對非法的短網址有檢舉的功能,讓短網址的品質越來越好,最後註冊帳號後就可以管理自己所有的短網址,是一個不錯用的縮網址服務 中文教學

 

【線上工具】Screenshot Guru

還不錯用的網頁擷取工具,填上網址就能將長篇幅的網頁轉成圖檔,另存圖片就可以將 PNG 格式的圖檔抓下來,另外要注意一點不支援需登錄帳號或是特殊技術的網站,如個人信箱或是需要嵌入 YouTube 影片的網頁

 

【線上工具】Colorleap

每個時代的流行配色,這個網站提供了從史前時代到現代的流行配色,每個顏色可以單獨複製出 RGB 色,如果想要設計復古風格的廣告,可以參考這系列的配色

 

等著瞧。設計月報:1810期

設計師手札-看板圖-1810-D

 

【工作情境】CodingRadio

線上音樂播放網站,收錄非常多不同領域的音樂,有電影插曲、古典,以及一堆莫名其妙無法分類的音樂,具有簡易的播放介面,適合專注工作時聆聽

 

【免費軟體】Blender

這是一套專業且開放原始碼的 3D 繪圖軟體,以 GNU 通用公眾授權條款發佈,並且有自己的基金會,除了製作 3D 還能製作動畫,有繁體中文介面,以及非常多的外掛資源,對於 3D 建模初學者來說,這套免費軟體降低非常多的學習門檻

 

【軟體教學】Jiemr

Photoshop 存檔時不讓 JPG 調整視窗出現的小技巧,透過這個小技巧可以省下很多的時間,而且鍵盤的 Enter 鍵,壽命也會變長喔

 

【線上工具】Colorbox.io

色彩配色有很多公式與小方法,其中鄰近色系的配色是很多設計師常用的手法,這個網站提供了直覺式的同色系配色工具,挑選好色系再選彩度與飽和度,接著就是微調顏色,之後可以將這組配色分享出去,或是直接匯出成 Rgb JSON 與 Hex JSON 色碼

 

【線上工具】YouCompress

可以將檔案壓縮的線上工具,支援多種檔案格式包含 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF涵蓋的範圍包含了圖片、文件、影片和音訊檔案,檔案限制為圖片 50 MB、文件 50 MB、音訊 150 MB,影片 500 MB,介面非常的簡單直接上傳檔案就可以壓縮了

 

等著瞧。設計月報:1809期

設計師手札-看板圖-1809

【設計素材】Free Range Stock

提供免費高高解析度的圖片素材,需註冊成免費會員才能下載,除了依照片類型做分類之外還有熱門照片的選項,能快速找到高質感的圖片,可做商業用途使用,但是不能直接販售或做轉發使用,如果你是攝影師你也可以將作品分享,同時可以放置自己的 Google 廣告賺取廣告收益

 

【工作情境】Music for Programming

設計是需要專注的工作,而工程師寫程式也需要專注的環境,這是專為工程師設計的線上音樂頻道,網站風格模擬寫程式的工作,不會被人發現你在聽音樂,裡面收錄約 50 幾首音樂專輯,每張專輯長度在1~2小時左右,風格有大自然或古典風,而且持續地增加中,免註冊只需打開網站按下 Play 播放即可收聽,播完一首會自動播放下一首,可以專心工作提高工作效率,最佛心的是還能直接下載 Mp3 格式,即使沒有網路也能隨時聽這些情境音樂,話說介介蠻喜歡第20首 Uberdog 大家可以聽看看

 

【虛擬主機】CloudAccess

免費的網頁主機,不須信用卡即可註冊使用,提供主機空間:500MB、記憶體:1GB RAM,具有一鍵安裝 WordPress 的功能,彈性非常的大,但是有個地方需要注意,就是每個月都必須登入帳號一次,否則就會取消網站資格

 

【設計素材】日本家徽紋飾目錄

免費素材日本家徽紋飾目錄-田中貴香的編織物上的圖騰設計,這是一本博物館素材藏書,來自二百年前的日系紋飾素材,可用於商業用途使用 ,身為亞洲新銳的設計師們,這種好素材不收嗎?

 

【線上工具】Launchaco – Free Online Logo Maker

Launchaco 是一個線上 Logo 自動設計工具,同時順便幫你找一下適合你的公司名稱的網域名稱,還能自動幫你設計社群圖示、整套的企業識別文件、網站介面等等,雖然目前還不支援中文名稱的設計,但光是英文名子的設計就可以玩很久了,不須註冊成會員即可立即使用

 

等著瞧。設計月報:1808期

設計師手札-看板圖-1808-D

【線上工具】Crello

社群看板圖的線上產生器,優點是免費版本不會有浮水印,有豐富的資源素材,以及個大大社群網站的的尺寸格式,上萬種模板,不需要專業的繪圖軟體,也可以快速的完成社群小編的圖文喔

 

【線上工具】象形字典

中文最早是由象形文字,演變進化成現在的繁體中文字,這個象形字典網站只要輸入中文字,就會將該文字從甲骨文、篆文、金文到現代的行書、正體中文一一呈現出來,並且有這個字的源由發展都會列出來,做商標設計時套用看看有意想不到的靈感產生喔

 

【線上工具】itty.bitty

將網頁內容,全部壓縮在一行網址裡,完全不需要架設主機,還能放 Youtube 影片、照片或音樂撥放器,雖然圖片要自己另外找圖床,有點小麻煩,但這個新技術,卻可以解決掉很多網頁設計的痛點  中文教學

 

【線上工具】FAST.com

Netflix 是一個線上影片網站,推出了一個免費的網路速度測試工具,非常簡約的設計,而且有繁體中文版,可以測量連線延遲和上傳速度,隨著網路的方便,設計師的檔案都是靠網路來傳遞,有好的連線品質真的很重要,比起電信業者自己提供的自誇型測速工具,這種第三方的測速工具會更真實可信。

 

【設計素材】Hippopx

CC0 授權的高解析圖片,無論個人或商用都可使用,不過不可使用於色情、非法等用途,相關的細節可參考網站的使用條款,這個網站沒有明確分類,要靠輸入關鍵字來找圖片,或透過標籤連結、熱門關鍵字、熱門下載圖片的方式來找圖片,下載的時候有提供線上裁切功能還蠻方便的

 

 

等著瞧。設計月報:1807期

設計師手札-看板圖-1807

【影音素材】Fugue

一個免費音樂素材庫,由 Icons8 團隊開發的計劃,完全免費使用者只要以一個鏈結作為交換就能免費使用,下載的檔案格式為 MP3 與 WAV 格式,整個網站很清爽簡單,免註冊即可下載使用

 

【線上工具】hypothes.is

安裝這個瀏覽器外掛,就能在任何網頁文章上面畫重點,或是進行筆記註解,而且可以讓多人共享這些文摘筆記,在社群分享時可以針對部分文句分享你的觀點,如果只做自己的筆記使用也是可以的

 

【設計素材】IFN illustration-free

來自日本的素材網站,裡面所提供圖示都可以免費下載,可用於商業用途使用且不需要標記來源,更不需要註冊帳號即可立即下載使用,這些圖示有提供兩種檔案格式供大家選擇,分別是向量格式的「EPS」及點陣圖的「PNG」方便大家依照需求選擇下載的格式,格式種類蠻多的,造型也是清晰明瞭很好辨識

 

【線上工具】zhongguose

中國傳統色的色票網站,話說跟日本傳統色票網站的介面竟然有異曲同工之妙,極為相似阿 (搓下巴)

 

【軟體教學】Jiemr

Photoshop 在高解析度的筆記型電腦上,軟體介面的文字會變得很小,Adobe 也推出了解決方案,教你如何解決克服螢幕解析度太高文字變得太小的問題

 

【設計素材】ICON HOIHOI

這是一個日本的免費 icon 素材下載網站,提供許多類型的圖示,這些 icon 色彩繽紛且造型圓潤,風格帶有日系的簡約風格,此外也提供了一鍵打包下載的功能,免註冊可直接下載,而且也不需要標示來源喔,另外還有提供一組超迷你的 icon 可供下載

 

等著瞧。設計月報:1806期

設計師手札-看板圖-1806-D

【線上工具】Thinkwithgoogle

Google 測試網站在其他國家的速度,可同時跟多個網站比較,並且可以評估升級速度後可以為網站帶來多少價值

 

【軟體教學】Jiemr

設計人一定有遇過用 illustrator 修改 PDF 檔案時,修改很多頁面卻要分次置入很不方便,自從 illustrator CC 更新後,可以將整個 PDF 所有頁面,一次匯入進去,可以節省非常多的時間

 

【音訊素材】くらげ工匠

來自日本的音源素材,收錄的分類還蠻多的從系統聲音、電子音、操作控制聲音、噪音、機器人音到背景音效都有,檔案數量沒有很多,但還是可以上去挖寶看看,網站提供的音效素材可使用於商業用途,無須標示出處,可以自行加工修改使用,免註冊直接下載

 

【線上工具】Rapidpoll

免費線上投票系統,註冊後可以快速建立投票主題,最多可設定四個票選項目,每個項目還可以插入圖片,並具有可透過內嵌語法將投票功能嵌入網站,適合設計猶豫不定時,將作品丟上來請大家票選(但圖片會被裁切成方形)

 

【設計素材】shutterstock blog

由 shutterstock 圖庫網站提供的 50 個免費斑輟痕跡的舊化素材,不須註冊即可下載,裡面有 JPG 與去背的 PNG 兩種格式可以下載,甚至還很佛心的教大家如何應用這種素材創作

 

【音訊素材】DUST SOUNDS

來自日本免費音樂音效網站,免註冊也不需要標示來源,可用於商業用途的免費音訊素材,有循環音樂、背景音樂、音效和聲音素材,提供的檔案格式有 WAV、MP3、OGG 三種

 

等著瞧。設計月報:1805期

設計師手札-看板圖-1805

【設計素材】unDraw

提供免費插圖 SVG 向量圖檔下載,採用扁平化設計的插圖集,可用於個人或商業用途,不需要下載編修調整,可直接在網站上調整插圖的主要配色,除了方便之外也能節省不少的時間

 

【線上工具】Yogile

提供免費的網路圖床服務,相繼 Google 相簿或 Imgur、Flickr 這個平台免註冊,而且可以上傳整份相簿做分享,算是簡單好用的圖床平台,如果註冊帳戶的話,可以創建多個相簿,方便管理

 

【設計素材】dig.ccMixter

這些免費授權的音樂都是來自於獨立的音樂創作者,有分不同的授權方式,其中佔多數的是對於個人製作與「非商業用途影片」例如教學影片、日記影片、婚禮影片等等素材可以免費使用,對於需要製作商業用途的影片,也另外提供了很多免費授權樂曲,詳細的版權說明可以到他們的網站觀看

 

【免費字體】Monda

一款 Google Fonts 上的免費字體,帶有科技風格的英文字型,適合做時尚與未來感的設計,可用於商業用途使用 備用下載點

 

【網頁設計】MOVING LETTERS

16款非常酷炫的文字動畫特效,裡面的代碼除了可直接觀看效果,還能直接下載每個單獨的源碼,包含了 HTML、CSS、JS 等等

 

【設計素材】日本郵便株式会社

可用於個人用途使用,但商業用途只能運用在明信片與信封上,檔案以PNG、JPG檔為主,因為是製作賀年卡用的素材,所以檔案的尺寸沒有很大,但放置在賀年卡上的尺寸是綽綽有餘的

 

等著瞧。設計月報:1804期

設計師手札-看板圖-1804-D

 

【線上工具】fontsinuse

這個網站很酷設計師一定狠愛,直接將作品上所用到的字體標示出來,順便介紹字體與字體的創作者,接著幫你分類這款字體,被應用在哪些作品上,作品還可以依照業者產業分類,以及創作的媒體做分類,來看看同款字體在最早期的設計師與近代的設計師們是如何應用的,學字體順便學設計排版,一魚雙吃,學設計的好網站+1

 

【軟體教學】Jiemr

Photoshop、Illustrator 以前最雞肋的內容視窗,在這次改版後變得超好用滴,隨著點選的物件不同,內容視窗內的項目就會跟著改變,選文字就會出現字形、段落等選項,選線條,就會出現粗細、虛線等選項,Adobe改月費制度後,肯定賺很大,連內容視窗都優化得這麼好

 

【設計素材】Photosku

來自日本的免費素材網站,具有高解析免費圖片,以日本相關元素的圖片居多,免註冊即可下載,最特別的是每張圖片都會有拍攝地點、拍攝器材、型號及攝影師的名子,對於也喜歡拍照的設計師來說,找素材的同時也可以看看不同器材所拍攝出來照片效果

 

【設計素材】ICONFINDER

這裡的圖標約 2百萬個分為付費和免費兩種,提供了 PNG、SVG、AI、ICO、CSH、ICNS 檔案格式可下載,付費下載分為單次下載、一個月 5 次付費下載、無限下載,這三種檔案

 

【設計素材】Dreamstime

這是一間非常有名的圖庫網站,非常多的攝影師從世界各地為它們提供攝影作品,因為 dreamstime 給攝影師的成交獎勵非常的高,如果你是攝影師也可以去提供作品換取獎勵,另外他們的作品提供需要接受嚴格的品質審核,所以上面的作品都非常精彩,連 IKEA、美國時代雜誌都有買它們家的圖庫,介介會分享這間圖庫公司,是因為他們也有提供免費的照片,註冊免費帳號即可下載,免費的照片除了 CC0 的公眾領域照片之外,還有其他攝影師分享自己拍攝的免費照片

 

【設計素材】iconmonstr

這個網站專門提供黑白圖標的素材,從基礎的圖形素材、生活圖標、社群 Logo 都可以在這裡找到。而且提供 SVG、EPS、PSD、PNG 四種檔案格式可以下載。

 

等著瞧。設計月報:1803期

李介介的設計師手札-看板圖-1803-D

【犒賞設計】RapaQ 好物

非常多的設計品的線上購物網站,範圍涵蓋了居家生活、文具手作、設計穿搭、3C電子、親子寵物等商品,裡面的商品都很有設計感,是個犒賞自己或送禮給設計師好地方

 

【設計素材】Vecteezy

免費向量圖庫,超過 10 萬張向量素材,不需要註冊登入即可免費下載,線上向量圖庫不少,分類很詳細,最大的特色是還可以線上編輯向量圖示,顏色、背景、增加文字、透明度等,調整完下載後就可以直接使用,非常方便

 

【線上工具】ImageCyborg

可以將網站上的圖片一次打包下載,只要輸入目標網頁就可以了下載了,幾乎所有的圖檔都能下載,包含 PNG、JPG、GIF、SVG 等檔案類型都能下載,最酷的一點就是免註冊喔

 

【設計素材】GRAPHBERRY

一個完全免費的素材網站,種類從寫實風格到扁平化風格都有,此外還提供一些了網站版型可以下載,格式大多為 PSD 格式,如果這個網站的資源對您有幫助,可以順手捐款贊助這個網站

 

【設計素材】Town illust

這個日本素材網站提供建築插圖為主的免費素材,不僅限於日本建築,連同台灣、中國、歐洲…等世界各國的建築都能在這找到,有五種檔案格式可供下載,分別是 Ai、EPS、SVG、PNG、JPG…等,同一張建築圖片甚至有不同顏色風格可下載,免註冊可直接下載,唯獨建築物的插畫因世界各地的規範不同,不能直接用在商標或T恤等商品避免爭議,詳情請參閱該網站的說明

 

【創意設計】OMOSHIROI BLOCK

這是由日本建築設計公司所製作的便條紙,一張一張的撕開,就會展露出清水寺的建築,甚至還有許多款式,例如鋼琴、東京鐵塔、大提琴等等… 中文介紹

 

等著瞧。設計月報:1802期

設計師手札-看板圖-1802-D

【設計素材】FLATICON

60萬筆向量icon圖示,並幫大家整理成11萬種組合包,你可以一個一個下載,也可以利用它們整理的組合,一次下載該組合的圖示,例如筆類 icon、科技類 icon、研究室 icon 免註冊即可下載,免費下載唯一的限制就是每天有 50 個 icon 下載數量的限制,成為付費會員才不會有下載限制,喔對了有部分圖示是付費會員才能下載,版權的部分最好看一下官網

 

【線上工具】Colorwise

直觀的線上配色工具,每組配色都會有應用的範例,包含了底色加上文字的組合,可以利用分類的方式快速找尋想要的配色組合,例如科技、活潑、旅行、教育、約會、時尚、兒童等等…此外還可以針對大家票選的高低做排列,非常適合設計前的配色管理

 

【免費字體】免費英文字體 Alrfool

由設計團隊 JUNNXY 分享的英文字體,源源飽滿的字型,非常適合運用在派對活動的文宣使用,這套字體可用於商業用途喔 備用下載點

 

【設計素材】Kaboompics

非常簡約的素材網頁風格,提供了免費可商用的高畫質圖片素材,是一個老牌的免費圖庫網站,很多媒體都有在使用他們的圖片,在國外是非常受歡迎的免費照片網站之一,也歡迎世界各地的攝影師分享自己得作品,供全世界的人下載使用,如果你是部落客還可以刊登你的拍攝心得、拍攝旅程的紀錄文章到這個平台,幫自己打廣告,除了可以用文字搜尋照片,還可以依照片的顏色做分類搜尋,是設計師必收錄的網站之一

 

【設計素材】Icon Ninja

一個免費圖示搜尋引擎,收錄近百萬個圖示,只要輸入搜尋關鍵字,即可找出所有類似圖案,無須註冊就能快速下載取得特定大小的圖示,目前有 PNG 與 SVG 兩種檔案格式,還能將你所選取的所有圖示直接幫你合併為單張 PNG 圖,利用 CSS Sprites 的處理技巧可以加速網頁載入的速度

 

【設計素材】GitHub Octicons

GitHub 釋出的 Octicons 圖示集收錄 150 個以上常用標誌,同時也是 GitHub 網站使用的圖示,如果需要,可以免費下載、並將它們自由套用到自己的專案開發

 

等著瞧。設計月報:1801期

設計師手札-看板圖--1801D

 

【設計素材】写楽

一個以日本景點為主題的免費圖庫網站,由作者自已本人,親自到日本各地的景點拍攝的照片,並放到網路上免費分享給大家使用,每個景點會標示有多少張照片,同個景點也會有多種角度的拍攝,照片解晰度有 300dpi ,不需要註冊,可直接下載

 

【設計素材】IconBros

具備有 SVG 和 PNG 格式下載,目前這位設計師已經累積了四百多個圖示,並持續更新高品質免費圖示集,另外還有付費版的圖示可供選擇下載

 

【設計素材】Iconsfeed

每個手機 APP 都有一個 icon 圖示,而 Iconsfeed 就像是 ICON APP 界的博物館,收錄了許多非常棒的 icon 你可以閱覽各種分類的 ICON 設計,雖然不能直接下載,但也可以當作是設計 icon 的參考範例

 

【線上工具】PowToon

只要寫好腳本就可以立即製作成影片,有許多現成的動畫,只要修改裡面的圖片位置與文字,拼湊起來就是一部精采的介紹影片,有免費版與月租型的付費版,付費等級方案會引響影片的長短、素材使用、影片的解析度,其實免費版的已經很好用了,只是在影片結束的時候會出現廣告而已,簡單好上手

 

【Adobe 外掛】Fontself

這個付費版的外掛工具可以創造出獨具套色的 SVG 字體,能安裝在 Illustrator 或 Photoshop CC 上面,它能將任何的圖案轉換為 OpenType字體 成品

 

【設計素材】ICOOON-MONO

日本專門提供圖示的網站,提供超過6000種各式各樣的圖示,不需要註冊即可直接免費下載使用,除了日文介面之外還有英文介面可以選擇,而且可以一次選擇最多12種圖示後,一次下載,方便而且省時間, 可下載的格式分別有 PNG、JPG 或向量格式 SVG、AI、EPS 等,圖片可用於商業

 

等著瞧。設計月報:1712期

設計師手札-看板圖--1604-12D

【線上工具】poopy.life

很多網站與部落格是用 WordPress 架設的,這個 WordPress 測試網站產生器,點首頁【poopy.life/create】文字連結,幾分鐘就產生一個拋棄式的 WP 網站,在後台上方有帳號密碼,記得先記下來,網站預設是英文但後台可改成繁體中文,拿來測試外掛或佈景主題都很方便,另外七天後網站會自動銷毀,也可以按下展延7天的按鈕無限疊加日期,這網站的功能主要在測試,不適合當正式網站用,除非你能接受網站的網址包含大便的字詞 (poopy)

 

【設計素材】無料イラスト素材

來自日本的素材網站,內容以向量 AI 檔及 PNG 檔為主,可以運用在商業用圖使用,不需要註冊會員就可以下載,此外這個網站也推薦了一些需付費的素材網站,因此大家在找圖片時,要特別注意不要跑到付費的素材區

 

【免費軟體】SageThumbs

限制設計師的百年難題,現在終於有解了,在 Windows 作業系統無法直接看 PSD 檔縮圖,是許多 #設計師 奔向 Mac 的理由之一,現在透過這個工具,就能直接預覽 PSD 縮圖,成功消滅一條設計師敗家買 Mac 的理由了,Apple:叮咚叮咚,查水錶 介介:疑? 教學

 

【設計素材】2018calendar

2018 年的年曆與行事曆模板下載,檔案格式有 Word、PDF、JPG 三種格式,免註冊可直接下載使用,內容都可以自己編輯修改,要於要設計年曆的朋友們絕對是一大助力,如果喜歡自己做手帳或桌曆,裡面也有空白的頁面可以下載後修改使用,接著直接用印表機印出來,就是自己專屬的年曆桌曆與手帳了

 

【設計素材】StockSnap.io

免費圖片素材庫,具有上百種圖片分類,可用於商業用途使用,畫質都還不錯,如果你有興趣分享你拍攝的作品,也可以上傳到 StockSnap 收錄在他們的網站中,分享給更多人使用

 

【設計素材】FREE for commercial use.

這個素材網站累積了上千張照片,圖片都是高解析,分類有商業,食物,兒童,自然,季節,運動,風景等…這些照片都可以運用在商業用途使用,照片的風格比較偏向生活拍攝,雖然照片沒有很多,但都是罕見的原創素材,有興趣的朋友可以上來尋寶看看。

 

等著瞧。設計月報:1711期

設計師手札-看板圖--1604-11-D

【設計素材】365cons

這個網站跟它的名子一樣,提供了 365 個圖標,這些 icon 是來自西雅圖的設計師 Amy 所繪製的,設計師在 2016 年的一整年,每天分享一個圖示在網站上,當作是自己的練習與日記,有向量的 SVG 檔與 PNG 格式可下載,圖示授權方式採 MIT License ,可使用在任何地方

 

【設計社群】字嗨

一個專門討論字體的 Facebook 社團,裡面有非常多的設計神人,有時丟一張路上拍到的字,到這個社團詢問是什麼字體,沒多久就會有熱心的設計師幫忙解答,除此之外很多設計會分享自己在世界各地拍到的美麗字體,甚至有些是台灣早期由老師傅徒手寫的字,在這裡面通通都可以看到,身為設計工作者,懂得字體的美,在工作上絕對是如虎添翼,趕快去加入這個狂聊字型的社團吧,就因為字體都是大家的共同嗜好,所以在哪裡找到另一半,也是一件非常合乎邏輯的一件事

 

【線上工具】javascript-compressor

這是一個 js 檔案的壓縮工具,網站的速度越快會讓客戶的使用經驗變得更好,網站除了設計的美美的,用戶的使用體驗也是很重要的一環,除了基本的壓縮方法,還有更多進階選項可以微調壓縮的細節,使用上非常簡單而且是免費的

 

【免費字體】源流明體

明體是一款非常漂亮的中文字型,但是電腦內建的新細明體只有標準尺寸與粗體,變化性很少,介介分享一款可用於商業用途的繁體中文字,「源流明體」一共有七種粗細變化,是源於思源宋體韓文版中的漢字,修改演變而來的中文字型 【備用分流下載點

 

[設計資料] 甘茶の音楽工房

來自日本的免費背景音樂網站,站長 Amacha 製作了上百首原創的音樂素材,以 Mp3 音樂格式以免費開放形式讓大家下載,可用於個人或商業用途使用,這些背景音樂依照心情風格與樂器做分類,無須註冊即可下載檔案,禁止單獨銷售或再次發佈(放在自己網站給人下載),且也不能聲稱音樂是自己所創作 【完整版權說明

 

【設計素材】model.foto

以日本女性為主題的免費圖庫,提供了許多女性 Model 在各種情境下的照片,供大家免費下載使用,不需註冊會員即可直接下載使用,這個平台的主網站是販售圖庫的公司,將部份照片釋放出來給大家使用,藉此增加圖庫網站的知名度。

 

等著瞧。設計月報:1710期

設計師手札-看板圖--1604-10-D

 

【免費字體】マメロン mamelon

這是一款來自日本的可愛字型,裡面有約 6,600 個字符,比起一般日本字體還要多一些,但還是有部分缺字,此字體可用於商業用途,但是嚴禁轉售與加工販售 版權提示

 

【免費軟體】Davinci resolve 14

好萊塢也常用的特效影片剪接軟體達芬奇 Davinci,功能還蠻齊全的,最重要的是除了英文版之外,還有簡體中文版,學習上手的難度降低許多,這套軟體除了免費版之外,還有進階版(費用是 299 美金)協作功能與更多插件可以使用,切換簡體的方法是先點選上方選單中的「Preferences」設定,在 System 設定的語言下拉選單,選擇「簡體中文」並「Save」儲存,設定完重新開啟軟體就變成簡體中文版本了

 

【工作情境】HD Wallpapers

免費下載桌布網站,可愛風、動漫、電影、卡通、人物、風景、動物、抽象風、音樂、電影、運動、旅遊…等各類桌布都應有盡有,下載的尺寸也有很多選擇,每天替自己的電腦換桌布優化心情也是一件非常不錯的事情,只能用在自己的電腦桌布使用,不能用於商業用途喔

 

【設計素材】PhotoAC

來自日本的免費照片,數量高達十幾萬張的免費照片,可用於商業用途使用,但禁止使用在色情、違反社會秩序或種族仇視的用途上,這個網站的照片畫質都蠻高的,有繁體中文的介面,不需要註冊即可下載使用,

 

【設計素材】Ionicons

免費開源的 icon 圖示,合計超過 700 多種圖示圖案,除了 UI、UX 設計會用到,也收錄了常見的社群網站圖示,這個網站有趣的是可以透過 CDN 快取的方式,直接外連到你的網站上面,無需下載到自己的網站上,網站讀取的速度也快了不少

 

【建築美學】HOUSE S 光合之家

坐落於新竹的三代同堂的建築,由行一建築 • 彭文苑建築師事務所 設計的 HOUSE S 光合之家,位於寸土寸金的精華地區,無法用傳統的三合院建築,但卻透過一道貫穿建築的曲牆去營造出空間的層次,將屋頂、戶外露臺、室內空間融為一體,塑造出「同個屋簷下的家人與生活」的意涵

 

等著瞧。設計月報:1709期

【設計素材】Free Images

免費可商用的設計圖庫,註冊會員即可快速下載,下載圖片時有五種尺寸可以下載,分別是 S、M、L、XL、Full 等,最大的尺寸還有到 4K 高畫質的圖片素材,約有 31 種圖片分類,例如動物、建築、商業、時尚、花草、遊戲、美食、科學等,比較特別的是這個網站可以用中文搜尋

 

【設計素材】Negative Space

這個網站提供免費 CC0 高畫質圖庫,以情境為主的照片居多,可商業用途下載也沒有限制,能自由複製或修改,進入圖片後按下 DOWNLOAD STOCK PHOTO 就能看該圖的原始圖,接著按下滑鼠按右鍵另存新檔到電腦中即可

 

【設計素材】Novapattern

可用於商業用途的圖樣素材,以紋理、圖樣的圖居多,屬於精緻有質感的素材,雖然有部份的素材需付費,但大部份都可以免費下載使用

 

【線上工具】工具邦 QR Code 產生器

QR Code 產生器 可直接開啟指定 FB APP,辦活動時,現場掃描 QR-Code 連結到粉絲頁,但卻是用預設瀏覽器開啟臉書網站,還要登入帳號,才能按讚,非常的不方便,現在透過這個線上工具,可以直接用 Facebook APP 開啟粉絲頁,讓按讚變得更方便 【教學

 

【設計素材】Brusheezy

這個網站提供了非常大量 Photoshop 筆刷、模式、紋理,可以免費下載使用,唯獨一些特殊的素材,需要成為付費的會員,才能下載,另外你也可以上傳你所製作的筆刷或素材,分享給其他人,喔對了免費的物件其實免註冊也可以直接下載檔案啦

 

【線上工具】Free Online OCR

將圖片上的文字轉換成可以編輯的文字檔案,直接上傳圖片到這個網站,就換幫你轉換成文字檔,即使不須註冊也能直接使用,每小時可轉換 15 張圖片,檔案不可大於 5 MB,註冊成會員後才可以上傳 100 MB 的檔案

 

等著瞧。設計月報:1708期

設計師手札-看板圖--1708D

 

【免費軟體】Pencil

免費、開源,且跨平台的軟體,適合繪製網站原型草圖、 App 原型草圖、網站架構流程圖等原型設計,功能簡單好上手,成本可匯出成圖檔、 PDF 與 HTML 網頁,且可以直接在 HTML 網頁上測試,此外還有模板可下載使用

 

【設計素材】無料写真素材

來自日本的高畫質相片圖庫,可用於商用用途,大部分的素材都是日本當地拍攝的,無須註冊即可直接下載使用

 

【設計素材】Motionelements

影片素材販售平台,有提供免費的影片可以下載使用,此外也是非常知名的影音素材買賣平台,可以將你的多媒體作品販售到世界各地,裡面的素材包括動畫素材,影片素材和AE模板,還有非常多的音樂素材,甚至是 360度的 VR 素材都有,近期還加入平面圖庫可供買賣,免費的資源不定期會更換,非常適合每週上來挖寶一次的素材網站,喔對了,下載時需註冊成會員

 

【工作情境】Planet Earth II《地球脈動2》

這部自然紀錄片,是用4K拍攝的電視影集,BBC 團隊用無人機等工具,拍攝出意想不到的地球風光,搭配長達 10 小時的輕鬆音樂,非常的療癒,介介將它歸類在工作情境的清單裡,拿個平板擺在電腦旁輪播,陪伴自己做設計,也是一件很愜意的事

 

【網頁設計】五款說明框堆疊效果

給網頁設計師的五款說明圖片框堆疊效果,非網頁設計師也可將這些轉給配合的網頁設計公司使用,幫公司或自己的網站變得更有質感,裡面都含有原始碼可直接套用

 

【設計素材】SplitShire

這個素材網站採用 CC0 授權,可用於個人或商業用途,無須註冊,整個網站以獨特具有質感的相片為主要賣點,另外也有提供一些免費半靜態影片下載

 

等著瞧。設計月報:1707期

【網頁設計】Dowebok

這是一個 jQuery 外掛的集合平台,有瀏覽器支援度的列表清單,及設定說明與參數介紹,不用註冊成會員,就可下載這些外掛,此外還有一些素材與模板可以下載,不過這個網站並沒有特別說明授權的範圍,頂多只有寫免費兩字,所以建議大家當作是學習的網站使用就好

 

【設計素材】中國建築繪本

介介念書時,常去博物館找靈感跟素材,現在便利的網路加上世界各地的博物館,都主動釋出公眾領域的書籍文物,讓全世界的人都可以使用,所以介介吃便當時都會去國外的圖書館挖寶,找尋可以當設計的素材元素來使用,這些好東西不順手分享一下,這也太不合乎邏輯了, 對吧 ??? 這是一套出版於清朝康熙年間,描繪中國建築特色的彩繪畫譜,來自於法國國家博物館的免費素材,已列入公眾領域,可用於商業創作用途

 

【設計素材】unsample

隨機產出免費圖庫的方式,有點像是命運抽籤,設定好你要的照片尺寸、數量、解析度、篩選與過濾條件等等…系統就會一口氣幫你亂數挑選 unsplash 上的照片,並直接打包成一個壓縮檔讓你下載,還蠻有趣的圖庫下載方式,照片都是 CC0 公眾領域,可用於商業用途使用

 

【設計素材】mmtstock

由國外攝影師 Jeffrey Betts 自己拍攝的圖庫,免費給大家使用,如果喜歡他的拍攝風格,可以收藏起來,有些照片還蠻貼近生活居家的

 

【設計素材】Pickupimage

這是一個免費圖片的大集合,照片的風格比較偏向於自然和戶外相關場景,這些照片您可以複製,修改,分發和執行在工作項目,即使是用在商業需求也 ok 喔對了無須註冊即可下載!記得點選右下角的繁體中文按鈕,會有驚喜喔

 

【線上工具】browsershots

只要輸入網址,就可以分析該網站,在各種版本的瀏覽器上呈現的狀態,包含了 Chrome、Firefox、Safari、Opera、Epiphany、Lynx、Safari、SeaMonkey 甚至可以選擇作業系統的版本

 

等著瞧。設計月報:1706期

本月的設計師手札,特別推薦【設計素材】Skitterphoto 提供非常多 CC0 可用於商業用途的照片素材,免註冊就可以直接下載,而且很豪邁的直接下載最高解析度,除了提供搜尋與分類功能,站長的精選照片是介介的最愛,每日更新,可以每天來收錄好照片,此外你也可以註冊會員,將自己拍攝的照片分享給大家,同時可以針對你喜歡的攝影師,使用 Paypay 贊助金額給他們,幫助他們替換更好的設備,拍攝更多精彩的照片分享出來

等著瞧。設計月報:1705期

設計師手札-看板圖-1705

【線上工具】loading.io

Loading 動畫圖示產生器,線上版,支援輸出格式有 GIF 更有向量的 SVG 格式,連 CSS 都直接做好給你了,想當年介介都要靠 Flash 製作一直重播看有無破綻,我的青春歲月阿! (遠目)

 

【設計素材】Burst

這是由電商平台 Shopify 所推出的 Burst 是專門為企業提供免費圖庫,採用 CC0 授權相片,並且是高解析度的素材為主,適合運用在網頁或平面設計,可自由使用於個人或商業用途,授權的方式是 CC0 可修改或編輯,另外如果可以的話,還是標示一下來源作者作為平台的會饋

 

【設計素材】Foodshot

全站 CC0 授權,以美食為主題的素材網站,而且大部分的食材照片都是有背景做襯托的,質感非常不錯,此外你也可以上傳你的作品到這個平台,分享給別人下載使用

 

【設計素材】Wordsift

將多個字串組合,變成標籤雲的線上產生器,可以將字詞做成大大小小的組合,並且可以設定文字的方向,也可以調整每個字詞的位置與配色,此外還能直接套用現成的樣式,圖片下載是直接用另存的方式,存成透明去背的 PNG 格式

 

【品牌經營】518 外包網接案合約書

518 是一個接案平台,但是介介沒有要推薦這個平台,而是分享這個平台的資源,就是接案合約書範本下載,有網站設計、平面設計、插畫、影片、文字撰稿、程式開發、翻譯、工業設計等等… 幾乎應有盡有,甚至你要發案子給設計師時的合約或勞務報酬單範本,都可以在這個網站下載

 

【參考範例】ManualsLib

這個網站收錄了各大品牌的產品說明書,雖然不能直接拿來當素材使用,但是可以拿來做說使用手冊的設計參考使用,裡面收錄的說明書好幾萬套,除了當設計參考之外,將來敗家買的3C產品說明書,都可以直接丟掉了,用手機上網到這個網站,直接搜尋說明書,直接學直接看,就不會為了久久用一次的說明書,一直被囤積著,可以實現段捨離的境界

 

等著瞧。設計月報:1704期

 

【設計素材】Free Photos Bank

罕見的免費圖片搜尋網站,可以直接下載圖庫,不需要另外註冊,除了分類之外,還可以直接搜尋照片,特別的是除了 JPG 檔直接下載,或是下載成 ZIP 檔案,建議用這個格式下載,這樣這個網站流量才不會被吃掉太多,另外願意分享自己照片給大家無償使用的話,也可以註冊後上傳照片,所以這個網站裡面的照片非常多元

 

【品牌經營】新聞稿自助吧| NewsBuffet

跟昨天分享的 EZPR 新聞稿發佈平台一樣,同樣也是發佈新聞稿的簡易工具平台,這是由台灣電獺團隊所出品的免費工具,對於設計師在品牌經營上,可以有加分曝光的管道

 

【品牌經營】EZPR

設計師新品發表或要舉辦展覽,都需要一個曝光的管道,介介這次分享的是一個新聞稿自助的發佈平台,註冊帳號後就能將新聞稿自己貼上去,增加活動的曝光量,甚至有些記者為了要免費的題材,還會來這裡撈新聞,可以獲得額外的曝光度

 

【設計素材】Unsplash

提供免費的 CCO 可商業用途的照片,下載的時候須註冊會員,註冊會員之後還可以選擇,讓這個網站每十天寄送 10 張高解析度相片到你的信箱,感覺隨時被人餵養圖庫的感覺還不賴

 

【免費軟體】Inkscape

免費開源的向量繪圖軟體,支援 Windows、Mac 與 Linux 等平台版本,有免安裝版,且支援 64 位元的電腦,最棒的是有繁體中文版了,由於是開源的軟體,所以後續的開發開新會很穩定,可編輯 Adobe Illustrator 的 AI 檔案格式,CorelDraw 的 CDR 檔,另外介介先分享一個使用上的心得,關於掌型 (畫板) 移動,不是空白鍵也不是H鍵,而是使用滑鼠中鍵按住拖移即可

 

【線上工具】iloveimg

網路上少見的 GIF 圖片壓縮工具,可以有效地將 GIF 圖片做壓縮,舉例來說一個檔案為 359 kb 的 GIF 圖,壓縮後檔案變成 265 kb 少了快 100 kb 網站介面非常簡單只要到這個網站上傳圖片,即可壓縮圖片,除了 GIF 壓縮之外,也提供了其他工具,有興趣的話可以參考看看,壓縮前後的比較圖可以看旁邊的備註連結

 

【設計素材】creativecommons

這個網站是提供 CC 授權的知識單位,屬於非營利組織,現在可以從他的網站,直接針對世界各地的圖書館、Flickr、500px 等平台搜尋可以商業用途的照片與作品,是一個集結歷史軌跡與現代人的公眾領域素材,隨著開源的概念盛行,裡面的資料會越來越多,是設計師必須收藏的素材圖庫來源,注意想搜尋可用於商業用途的照片要勾選兩個項目「Use for commercial purposes」(可商用) 「Modify, adapt, or build upon」(可重製)

 

等著瞧。設計月報:1703期

設計師手札-看板圖-1703-D

 

【網頁設計】Freenom

這個網站提供了一年的網址名稱使用,包含了 .tk、.ga、.ml、.cf、.gq 五個網域,此外這個網站有繁體中文介面,之前介介有分享免費的主機可以使用,但需要持有網域名稱才能開通帳號,現在透過 Freenom 的免費網址註冊,就能同時使用了,整個申請過程非常簡單,也不需要輸入信用卡帳號,記得免費的期限要選擇12個月,未來續訂網域的費用是一年10美金左右。

 

【線上工具】Wordmark

輸入英文字串,這個網站就會自動幫你套用上百種字型,一次排列展開做比較,介介設計 Logo 時會將品牌的英文名字打上去,直接展示出不同字體的樣貌,從中找尋靈感,不論是網頁設計或排版都很適合的一個小工具,這個網站還可以指定文字大小、黑底白字或白底黑字、大小寫預覽切換等功能,除非你都固定只用幾套字體做設計,不然的話這是設計師必備的工具網站阿。

 

【設計素材】紐約大都會博物館

紐約大都會博物館將37萬件圖像,以CC0公眾領域的方式免費提供數位檔,任何人都可以不受著作權利的限制,完全開放後製與再利用,除了平面品的掃瞄檔之外,還包括立體藝術品的照片,博物館同時參與維基百科長駐計畫,派專人將館藏資訊及相關詮釋資料持續的更新至維基百科,並用 Github 專頁釋出結構化資料,還與 ITHAKA-Artstor 等 NGO 及 Pinterest 視覺圖像互動社群平台展開合作關係,推動博物館藏品的利用與曝光,感覺以後博物館的門票會越賣越多,介介提供的連結是博物館的授權說明,大家先看過在下載這些免費的圖片吧。

 

【設計素材】Jiemr

免費印刷刀模下載,合計50幾款紙袋與包裝盒刀模,台灣罕見的特殊紙袋與特殊包裝盒刀模,檔案是 PDF 格式,置入到 illustrator 就會變成向量格式。

 

【網頁設計】Warmify

架設網站如果要減少資源負載,很多人都會使用 CDN 快取的技術,warmify 這個網站就是提供 CDN 服務的一間公司,此外有為 WordPress 打造免費網站加速 CDN,讓訪客幫你分散圖片流量,每月 10G 流量以內都是免費的,超出1G 費用是 1.5 元,有興趣的網頁設計師可以試試。

 

【設計素材】Icons8

Icons8 是一個免費圖示,使用的條件是在網站或專案裡放上一個 Icons8 網站的連結,圖示的下載頁面下方也會提供連回 Icons8 的語法,另外也可以一次性的全部打包整個網站的照片,只需要填上 e-mail 帳號註冊,就會寄送下載連結,讓你一次全部下載3萬多個icon 另外也提供付費方案可以下載向量格式的圖示。

 

等著瞧。設計月報:1702期

設計師手札-看板圖-1702

【線上工具】Zenkit

有時候設計師手上會同時進行好幾個專案,遇到喜歡的案子就會不自覺的投入許多時間在細節上面,結果其他專案就忘在一旁,這個專案管理的網站,可以讓你規劃每個專案的時間與期限甚至是備忘錄,而且可以共享專案權限給同事,同步進行更新專案的流程與進度,此外這個線上工具是以視覺化的設計方式管理專案,具備清單、看板、表格、月曆等功能,有興趣的設計師朋友們可以試玩看看喔

 

【網頁設計】Lorempixel

規劃網站時業者還沒有準備好圖片,這時候設計網站的草圖時,就要自己去找替代用的假圖來放置,這個網站提供簡單的代碼,就能自動幫你配置隨機假圖,而且還支援自適化版型,圖片載入的速度也很快,是一個簡單好用的假圖產生工具

 

【課程教學】Photoskop

入手單眼相機前,可以到這個線上學習相機操作的網站,從多張照片範本上直接調整光圈、快門、嚗光值,就可以看到你調整後的效果,同時也會介紹這些數值代表的意思,是學習攝影基礎應用的好網站

 

【設計素材】Jiemr

這次介介要分享的是鳥圖,更正是鳥類插畫素材,這本畫冊出刊於18世紀,在這之前的鳥類圖鑑幾乎是不符合真實比例與自然姿態的繪製,直到作者透過寫實主義的風格,將這些鳥類完整的繪製下來,目前這本書已經屬於公眾領域,有上百種鳥類插畫,各位設計師們好素材不下載嗎?

 

【線上工具】PDF Candy

這是一個線上 PDF 轉檔加工的工具,可以將 PDF 轉成 Word、圖檔、Excel、PPT等,甚至是將這些檔案轉換成 PDF,此外除了轉檔之外,更支援 PDF 合併、分割、壓縮、加密、破解解鎖、翻轉、刪除頁面、上浮水印等功能

 

等著瞧。設計月報:1701期

【課程教學】Code.org

非營利的線上程式語言學習平台,可以切換成各國語言,是一個非常龐大的學習資源,想要學習網頁語法的網頁設計可以到這個網站練練功,另外要特別要提到的是這網站因為沒有營利,所以需要靠大家的捐款才能持續的經營下去,

 

【設計素材】Photock

這是一個完全免費的日本圖庫網站,整個網站都帶有日本人的嚴謹,照片的水準都非常的精緻,目前收錄約六千多張的照片素材可以下載,下載的格式有高解析度與低解析度等四種尺寸可以下載,介介覺得最有趣的是,素材除了標準的預設分類外,還會製作專輯,例如全國偉人銅像專輯、夜景專輯等,顏色分類搜尋等,喜歡日系風格的照片一定要來這個素材網站逛逛

 

【設計素材】Pakutaso

來自日本的免費素材,免註冊直接下載,有非常多的東方臉孔的照片,稍微說一下檔案下載除了高解析度之外,還有提供一般畫質可以下載,介面搜尋也很直覺,日本人做的免費素材真的非常用心,如果喜歡的話可以贊助它們,原則上圖片都是可以應用在商業用途,不過還是看一下授權使用的說明吧 (不能用於情色網站之類的) 使用規範

 

【設計素材】東方紋飾電子書

中國在太平天國之亂與八國聯軍等戰事,導致許多重要的古蹟文獻被洗劫,這些富麗的裝飾藝術品流入歐洲,由英國設計師於 1867 年將這些文物上的紋飾,編輯出版成書,而這些書籍已成為公眾領域,介介將這本書收錄起來,分享給大家,希望大家快將流落在世界各地的中國紋飾美學,重新在新一代的設計師手裡,再展風華

 

【免費主機】WPnode

免費 WordPress 虛擬主機,不用付費也可以綁訂自己的網址,有繁體中文介面,沒有廣告干擾,唯一的限制是只有 100MB 的空間,1G 的流量,付費版的費用一年約30美金,介介建議大家先用看看免費版的,等開始有獲利時,再租用付費版的,註冊時會記錄你的IP位址,避免被大量註冊,所以請勿註冊多帳號,最後這個網站雖然是免費的,但是陷阱是,你必須先擁有有一個網域才能使用,如果有多餘的網域可以註冊來試用看看也不錯

 

【免費軟體】Mobirise

不懂網頁設計的程式語言,透過這個免費設計軟體,只要拖拉圖片打上文字區塊,就能所見即所得,快速製作出精美的網頁,介介覺得這軟體比 PowerPoint 還要簡單,而且有提供免費圖庫與內建線上表單工具,甚至支援現在最熱門的 RWD 自適化板型,對於想要學網頁設計的朋友,可以先試試看這款免費軟體吧 範例影片

 

【免費軟體】anydesk

速度非常快的遠端桌面連線軟體,不需安裝也不須註冊帳號,即可立即連線遠端電腦,另外安裝軟體並常駐在電腦時,可以直接設定電腦登入密碼,將來連到這台電腦時,只要輸入密碼,就不需要有人在這台電腦前按允許管理電腦了

 

【創意設計】一張名片

免插電的鉛字印刷機,募資前導問卷,自己的名片透過雙手一張張的印出來,快要絕跡的凸版墨跡,帶有純正的濃濃手作風格,名片更換人名也很方便,只要買新的鉛字即可套印上去,外型簡約也好收納,不論你是設計界的老前輩,還是年輕一代的文青設計師,這一輩子在家裡擺台凸版印刷機,也是一件非常合乎邏輯的一件事吧,傳給世代子孫也不錯

 

等著瞧。設計月報:1612期

%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad-%e7%9c%8b%e6%9d%bf%e5%9c%96-1612

【免費軟體】anydesk

速度非常快的遠端桌面連線軟體,不需安裝也不須註冊帳號,即可立即連線遠端電腦,另外安裝軟體並常駐在電腦時,可以直接設定電腦登入密碼,將來連到這台電腦時,只要輸入密碼,就不需要有人在這台電腦前按允許管理電腦了

 

【犒賞設計】emulator

超級任天堂是很多人童年的回憶,當年破解的機器只要花50元就可以拷貝一款遊戲,玩新遊戲的門檻超低的,介介要介紹的這個網站是一個線上的超級任天堂遊戲模擬器,裡面已經包含了遊戲,不需要額外下載遊戲檔案,直接在網站上就可以玩了,工作之餘可以玩玩老遊戲找回兒時的回憶

 

【設計素材】Videvo

Videvo 提供免費的視頻素材和動態圖形,可以免費使用這些短片,運用在個人和商業用途,這些影片超過五千多筆,畫質至少都有 720p 以上,每則影片都有標籤與分類,可以讓你更快速找到同類型的影片,總之你可以將這些影片運用在你的作品上面,唯獨不可以將這些影片單獨販售或提供下載,下載需註冊

 

【課程教學】publicdomainreview

色環、色表、色立體的歷史至今已經超過四百多年了,從 1666 年,英國物理學家牛頓回到家鄉躲避倫敦瘟疫時,透過稜鏡發現日光可以被發散為彩色光譜的奇妙現象,因而揭開了光與色彩的神秘面紗,接著各領域的學者陸續提出對色彩的獨特見解,為現代色彩理論奠定了根基,這一系列的文獻與故事可以參考這個網站的介紹

 

【設計素材】Bestofthemes

收錄網路上幾百款網頁版型,並分類成純 HTML、Wordpress、Joomla、Shopify 版型,且幾乎都具備 RWD 響應式網頁設計,這些網頁版型的預覽方式非常簡單,有興趣的話可以逛逛看,說不定可以挖到不錯的版型

 

【設計素材】PSDBoom

PSDBoom 提供僅適用於個人用途的素材,包含了 PSD 設計物件、背景、按鈕、圖示、Logo、印刷品、網頁 UI 使用者介面等,下載時需要填入 e-mail 重點是有提供付費購滿的項目,可以將這些素材應用在商業用途上

 

【設計素材】FLAT ICON DESIGN

這個來自日本的免費色 icon 素材網站,首頁很醒目的寫著:可供商業用途,每個下載回來的 icon 檔案,裡面同時有不同的配色組合,此外可以下載成 AI、EPS、PNG、JPG、SVG 等格式

 

【設計素材】Picography

免註冊登入,提供免費高畫質相片下載,預覽圖都很大張,細節可以看得比較清楚,採用CC0 授權可做任何用途,無論商用或部落格都能自由取用,此外也可以投稿自己拍攝的照片,分享給其他人下載

 

【動畫影片】Drugo

這部電影是講解毒品戰爭和慾望擴張與社群工具的反思,講述了毒品戰爭的故事,它就像是一個童話與神聖龍,國王和騎士,以中世紀為背景,採用特殊的剪紙美術風格與特殊運鏡 幕後製作

 

等著瞧。設計月報:1611期

%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad-%e7%9c%8b%e6%9d%bf%e5%9c%96-1611

【線上工具】Mausr

在螢幕上畫出個圖案就能快速找出特殊符號的編碼,例如箭頭、數學符號、星星等等…這個網站上有上百個特殊符號,不用去猜要打什麼字搜尋,直接畫出你印象中的符號形狀,這個網站會幫你快速找出,你只要直接複製貼上就能使用,是設計師必備的查詢工具阿

 

【工作情境】focusmusic

為了讓你專注工作的免費線上音樂播放器,所有的音樂都是為能更專注於工作,提高效率,所以不會有歌詞與強烈的曲調,網頁介面簡單到只剩一個播放器,按下中間按鈕即可播放,也能切換上下首,下方功能鍵
Channels 為轉換頻道,分別是電子音樂、柔和的節奏、古典與下雨聲四種,如果不喜歡找音樂,可以試試這款免費的工作情境撥放器

 

【線上工具】Sketchup

Google 的免費 3D 繪圖軟體 Sketchup 推出線上版了,免安裝軟體也能使用, Sketchup 的下載版軟體有分成免費版跟付費版(年費約2萬台幣),而網頁版是屬於免費的,透過網頁就能輕鬆製作各種3D模型,繪製好的3D圖都可以下載回來,還有很多現成的物件可以直接套用,此外你也可以註冊會員,將檔案存放在雲端上面

 

【線上工具】web-capture

只要輸入網址,就可以將目標網頁,整個頁面都下載成一個圖檔,除了 PNG、JPEG 等基本檔案之外,還可以將 HTML 網頁轉換成 SVG 格式下載,雖然遇到特殊語法的網頁會跑圖,但算是非常實用的一個線上工具網站

 

【線上工具】Google 色碼選擇功能

用 Google 搜尋的功能,搜尋「#123456」就會自動產生成色碼調色盤功能,除了色碼之外還可以顯示更多像是 RGB、CMYK、HSV、HSL、HEX 等各種色碼型式,真的是非常方便,完全不需要開軟體就能快速選色了,另外搜尋「1+1」就會跑出計算機功能喔

 

【課程教學】知乎

「知乎」在中國的古漢語代表「知道嗎」在 2011 年創立於中國,有點類似早期的奇摩知識家,但是這個平台專門分享各行各業的知識,而且可以當作是部落格一樣發表文,看膩臉書上朋友的動態,不如來看看工作上的新動態與知識,讓自己更精進

 

【線上工具】GIFDeck

知名的簡報平台 Slideshare 有很多不錯的簡報,也可以上傳自己的簡報分享給全世界觀看,介介要介紹的這個工具網站,可以將 Slideshare 上面的簡報轉成 GIF 格式,並且可以設定圖片替換時的間隔秒數,變成 GIF 圖就可以分享到 Facebook 社群,此外用在自己的部落格或網站上,也可以用這些 GIF 圖增加網站的停留率,它的介面非常簡單,輸入網址後就可以下載成 GIF 圖回來使用

 

【典藏書籍】Stephen Ellcock

1913 年出版的畫畫教學書,來看看百年前的人是如何教畫畫,目前這本書的收集有部分缺頁,但也保留了八成的內容,文末有電子檔可供下載收藏

 

【動畫影片】Pixar 動畫短片 Piper

Pixar 的新動畫短片 Piper 將動物的姿態細節描繪得如此逼真,真的是令人感動又溫馨!導演 Alan Barillaro 是 Pixar 資深動畫師出身,企圖透過影片描述孩子離開父母時的煎熬與信任,而這同時也是一段互相學習的動人過程,並且認為父母應放手讓孩子成長,勇於試錯,給他們成長的空間,這是 2016 皮克斯電影”海底總動員2:多莉去哪兒” 前所放映的短篇動畫

 

等著瞧。設計月報:1610期

%e8%a8%ad%e8%a8%88%e5%b8%ab%e6%89%8b%e6%9c%ad-%e7%9c%8b%e6%9d%bf%e5%9c%96-1610-d

【設計素材】Grabcad

工業設計師必備的參考網站,裡面分享非常多的機構或造型設計,總計超過 1,430,000 免費 CAD 文件下載,目前全球會員數已經累積 3百萬人,經常舉辦工業設計的相關比賽,即使不是工業設計師,將來3D列印普及的時候,可以下載裡面的素材回來列印使用,是一個資源非常豐富的網站

 

【設計素材】Flickr-commons

Flickr 與各大圖書館的公眾相簿計畫,收藏的內容包含照片版權已過期,因此屬於公共領域,此外有些版權由於其他原因而流入公共領域,例如無法遵循所需的正式手續或條件,還有一些機構擁有版權,但不想對其進行控制而開源公開

 

【免費軟體】Bandicam

標榜不延遲的螢幕錄影工具,很多人都拿來錄製遊戲實況,即使是高階細度的遊戲,最高可錄製2560*1600解析度的影片,都能用它來輕易完成,輸出的檔案是特殊壓縮的AVI格式,可直接上傳 YouTube,免費版本會有浮水印與10分鐘錄影的限制

 

【設計素材】Pexels

提供免費照片,可用於商業用途的CC0 授權,此外你也可以用 email 訂閱每月最熱門的照片,有中文介面,但是搜尋時建議使用英文搜尋,要注意的是搜尋結果的第一排,都是要付費的圖片

 

【線上工具】myairbridge

傳檔案給客戶,檔案好幾 G 怎麼辦,myairbridge 這個網站可以上傳單一檔案最大 20 GB 的檔案,而且有趣的是超過 5 天檔案就會爆炸喔 ( 自動刪除的意思啦 ),免註冊唷

 

【設計素材】故宮博物院典藏圖像

故宮博物院提供了多張典藏圖像檔案,提供給使用者直接下載,全部都是高解析度的圖檔,包含了古代器物、文獻、書法等,雖然不可以直接用於商業用途,但是可以用在教育與學習上使用,對設計人來說,這樣的素材真的是難得的好物,不管是擬模或是設計參考,都是一大助益,目前總數量約400多張,分類與說明部分還稍嫌不足,期待後續的持續更新

 

【企業識別】2016年LOGO設計趨勢

由 logolounge 收錄的 2016 年 Logo 設計的趨勢,隨著印刷術的進步解決了許多嚴峻的門檻,很多文字標識已經放棄了自己的個性,並採用了通用的無襯線建設,更多新的風格變化,都來自原來的轉變,詳細的介紹請見網頁

 

【公共藝術】andrevicentegoncalves

來自世界各地的特色窗戶,非常適合設計師與插畫師的參考資料

 

等著瞧。設計月報:1609期

設計師手札-看板圖--1609

【線上工具】Thimble

由 Mozilla 開發的線上撰寫網頁、編輯原始碼功能,無須額外下載軟體安裝,只要透過瀏覽器就能使用,它就像一個功能完整的網頁開發工具,能讓你直接於瀏覽器編寫程式碼,即時預覽網頁所呈現出來的效果

 

【線上工具】ColorDrop.io

網頁設計師 Tristan White 製作的 ColorDrop.io 色票網站,收集一些扁平化設計時常用的配色,進到網站就可以看到一系列的配色組合,點選配色條,可以看到該組合的顏色代碼,而且提供了直接下載的功能,讓你將喜歡的顏色組,下載成一個 txt 文件檔,直接套用到網頁的語法中使用,而左側的 Flat Colors 選項,則是可以直接查看所有顏色和 HEX 色碼的總列表,是一個蠻直覺的選色工具

 

【設計素材】Pixtastock

來自日本的圖庫網站,雖然沒有免費圖庫下載,但是這個圖庫網站比較特別的是,免權利金素材(RF)=購買一次,永久有效,同時可以應用在平面、網頁、多媒體等等,不像一有些圖庫網站有限制只能運用在特定範圍使用,如果要用在影片或是產品包裝上則需另外支付權利金,此外如果你是攝影師還可以在上面販售你的作品,讓設計師們購買使用,這個圖庫網站是用台幣定價,不會因為日幣匯率高低而買貴,如果需要亞洲人的臉孔素材,這個網站非常的多,有些國外圖庫不會提供發票,很難請款報稅,但 Pixtastock 購買圖庫會開立發票給公司報帳使用.

 

【免費主機】100hub

來自日本的 100hub 威利主機,提供了兩種免費主機方案,第一種是全功能免費試用14天,另一種是在網站下方有附加主機商廣告的方案,這種方案提供了 300MB 空間,以及每個月有 6GB 的免費流量,此外有中文版本的後台介面可以使用,如果覺得這款主機好用,就可以付費租用完整版無廣告的方案.

 

【線上工具】Imagecyborg

身為設計工作者,看到好的作品就會忍不住想要下載,收藏起來當參考使用,但是一張一張的抓,未免太浪費時間了,這個網站提供快速下載的服務,只要輸入目標網址,就能將網頁的圖片一次抓取下來

 

【免費字體】思源柔黑體

由日本人將開源的思源黑體修改成圓體,取名為思源柔黑體,提供給大家免費下載使用,不過由於是日本人開發的關係,有些中文字沒有辦法出現,例如查案的「查」字,是沒有辦法顯示的,這也是介介很少分享日本製作的中文字體的原因,但是拿來湊成字數少的標題,也是不錯的選擇,思源柔黑體有三種風格,從小圓角到大圓角等等

 

【插畫繪畫】電影變形金剛官方粉絲頁

電影變形金剛的官方粉絲頁,不時會刊登出新的角色的設定集,甚至還會分享電影中的拍攝過程,喜歡電影拍攝與科幻元素的設計師們必訂閱的粉絲頁

 

【文化風格】德國紋章介紹

德國國家紋章的介紹,從盾徽、徽章、國家標誌,甚至是當地的品牌 Logo,十幾個洲與各個城邦的介紹,可以了解德國的文化與時代美學的演進

 

【創意廣告】2020年東京奧運的介紹影片

2016里約奧運落幕了,接著日本2020年東京奧運的介紹影片就出來了,很多知名的動漫都在影片中出現,非常符合日本的意象,不僅結合動畫宣傳,最後日本首相的化身任天堂的知名角色演出,這部宣傳影片,讓人更是期待2020的東京奧運的到來

 

等著瞧。設計月報:1608期

設計師手札-看板圖--1608

【線上工具】Daniil

萬能影片下載工具,只要輸入網址就可以下載影片,主流影片平台都可以下載,例如:YouTube, Rai, Rai Replay, Video Mediaset, La7, Witty TV, Dplay 甚至世界各地罕見的影音平台都可以直接將影片下載

 

【線上工具】nipponcolors

這個網站收集了許多日本傳統色票,想要設計日系風格的配色嗎,這個網站還會給你日本經典色系的俗名,例如 海老茶、銀朱、深緋、芥子、菖蒲 ,同時提供了該色的 CMYK 值,在網站上停留一段時間還會自動幫你更換色系,讓你感受一下日本傳統色的美

 

【線上工具】Fujifilmxmount

富士相機的特殊發色,一直讓很多攝影師所迷戀,但玩家很少想互相交流鏡頭也很難找到人,對於鏡頭的特性功能也很難掌握,現在透過這個線上工具平台,可直接看到富士全系列鏡頭在不同焦段、光圈實拍出來的成像效果,方便下次要買鏡頭的朋友,可以到這個平台先來試試

 

【免費軟體】atom

開源的程式碼編輯器,跨平台可用於 OS X、Windows、Linux系統, 頁籤式的文件管理可以多視窗編輯,快速尋找與取代編碼的功能,自動化完成功能可以幫助你快速的編寫代碼,已經網路上豐富的外掛模組可以使用,網頁設計的編碼,可以試用看看這套免費的軟體

 

【線上工具】online-convert

線上轉檔工具,可以轉換任何的圖檔、聲音檔、影片檔、電子書檔、文件檔、壓縮檔,免註冊就可以使用,轉換後的檔案,除了可以直接下載,也支援下載到你的 Dropbox 或 Google Drive 這款線上工具,唯一的限制是非付費的用戶上傳的檔案限制在100MB以內,如果要轉換大型的影片檔就要考慮使用付費的版本了

 

【設計素材】Gratisography

一個免費高品質相片的集散地,可用於個人或商業用途,圖片的預覽圖都蠻大的,免註冊,只要點選預覽圖片即可下載,更新的速度約每週一次,此外可以用 email 信箱,訂閱新的圖庫

 

【線上工具】colorspire

線上顏色選色器,手上沒有繪圖軟體時,就靠這個工具直接幫你分辨出 RGB、HSB與網頁色碼,此外還可以直接線上做簡單的版面配色組合,是一個務必要存到書籤上的好工具

 

【精緻工藝】遊艇設計

遊艇是每個男人都想要擁有的夢想之物,對於設計師來說,能夠設計遊艇帆船更是夢寐以求的事,收集了來自世界各地的經典遊艇設計,來源與影片,都會陸續新增

 

【創意廣告】FB廣告收集站

收錄了非常多在 Facebook 上面的廣告,不論是食品或是化妝品,通通都有收錄,適合設計師在尋找點子時的參考來源,甚至可以搜尋特定的關鍵字,找到更適合的參考廣告,上方輸入關鍵字搜尋後,會出現三種搜尋結果的數據,擇一去縮小搜尋的範圍,此外可以用下方的搜尋框直接尋找您要的廣告

 

【創意廣告】日本AAA年度廣告大賞-印章

一個印章廣告,即使在哪裡遇到不如意的事,但身邊支持你的人,卻會反面思考去支持你,其實就夠了「沒有出現任何一個演員,但最後怎麼有點感動」日本AAA年度廣告大賞!

 

【公共藝術】Camden bench

戶外的公共椅,常常淪為遊民的床,甚至是髒亂的來源,Camden bench 這款獲獎的公共椅採用不規則的平面,使人無法在上面躺臥睡覺,上方採用特殊的頃斜角度避免雨水堆積,同時也劃分鄰坐的範圍,表面用特殊塗料讓塗鴉用的油漆不易上色,這款公共椅不是釘死在地面上,可透過特製吊具移動擺放,它的重量是1765公斤,沒有設計凹槽孔洞,是為了避免成為毒品藏匿的地方,腳後背的空間是讓人放置包包的,避免竊賊順手偷走你的行李,是一個有趣的椅子.整體尺寸 寬:270cm 深:55cm 高:65cm

 

等著瞧。設計月報:1607期

設計師手札-看板圖--1607-D

【免費字體】websozai

超極細黑體字下載,可惜退後一步,就看不到字了,而且印刷時會有字級大小的限制,太小字會印不出筆畫細節,不過看起來還蠻秀氣的極細字體,另外有些字無法顯示所以不適合當內文字體使用,殘念

 

【犒賞設計】mozik

MOZIK 是一款情緒音樂電台的 app 具備了宇宙無敵簡單的介面,只有五種心情可以選擇,裡面的音樂都是非主流音樂,相信很多文青型設計師會喜歡這些,可以安裝挖寶看看,適合邊工作邊聽音樂的創作工作者使用

 

【線上工具】url2png

只要輸入網頁的網址,就能幫你擷取備份整個網站畫面,並存成 PNG 圖檔案,特別的是它可以完整支援中文或非英文語系的網頁,此外這個工具會自動載入頁面的 CSS 和 JavaScript 使整個擷取的畫面更接近真實頁面

 

【犒賞設計】kakaku

查詢日本產品的即時價格,日本超多產品設計的非常精緻,是設計師們的最愛國家之一阿,而且很多東西的價格都比台灣便宜,但是到底多便宜,透過這個日本網站就可以查看到

 

【線上工具】MOZ

分析網站分數,若沒有註冊的話,會有每日分析的上限,比較有趣的地方是可以輸入同業網站,做網站的比較分析,是評價網站的好工具

 

【設計素材】Google Fonts

Google 新版的字體網站 Google Fonts 共有 804 種字體,由 Google 與來世界各地的字體設計師連手製作的,屬於開源計劃,字體都是免費的,可直接下載使用,還能用程式碼直接嵌入在網頁上,改變網站的字型,Google 真的是超佛心的阿

 

等著瞧。設計月報:1606期

設計師手札-看板圖-1606D

 

【線上工具】firealpaca

來自日本的線上 GIF 製作工具,只要上傳圖片就可以輕鬆製作出 GIF 圖,還有非常多的編輯工具能在GIF圖上合成文字與圖片

 

【設計素材】Vimeo Music Store

vimeo 是知名的影片串流平台,除了讓大家上傳影片之外,也提供免費音樂配樂及音效庫,上萬個免費音樂素材,每個音樂有不同授權方式(大部分都是免費的)遇到姓名標示的授權,Vimeo Music Store 在下載時會顯示原始碼,讓你快速的標示在你的作品介紹內,此外也提供其它付費授權的音樂

 

【工具軟體】Boxy SVG

免費的向量繪圖軟體,可以編輯 SVG 檔案,其實他只是 Chrome 瀏覽器的外掛,所以可以跨平台使用,軟體檔案很小所以不會吃太多系統資源,使用上非常快速方便

 

【線上工具】Google Search Console

Google 推出新的網站行動裝置相容性測試工具,您的網頁適合透過行動裝置瀏覽嗎?只要輸入網址即可知道測試結果!

 

【犒賞設計】台北影評人協會

Taipei Film Critics Association 這個網站提供許多部影片的評論,當我們欣賞完電影的美術之於,也試試用不同的角度看看電影的深度評論

 

【線上工具】about.me

設計師的名片除了要打上作品網站的網址之外,甚至還要有 Facebook、Twitter 等社交帳號,更不用說 Blog、.Pinterest、 Flickr 這些作品網址,如果都要寫到名片上面,將會很大一串,而且很醜,這個網站提供簡單的一頁式網頁產生器,可以將這些網址整理成一個一頁式網頁,而且呈現的介面也很簡約大方,可以點此看介介的範例:https://4fun.tw/3ViR

 

【精緻工藝】金屬雙面刀刃刮鬍刀

古早味的雙面刀刃的刮鬍刀,刀片耗材一片才3塊錢,減少塑膠更環保,經過設計師的巧思,除了雙門開口式裝填刀片,還可透過轉軸調整刀片角度對應每張臉頰,目前在國外‪‎kickstarter募資,大概要2017年3月才會陸續出貨

 

等著瞧。設計月報:1605期

等著瞧。設計月報:1605期

 

【線上工具】Closure Compiler

Javascript 的壓縮器 Closure Compiler,除了可將 Javascript 進行壓縮外降低網站流量消耗,還會進行優化與檢測程式中,是否有出錯或問題,並協助改善程式碼,減少bug的發生,而Closure Tools除了有線上版外,也可安裝在自己的主機中

 

【線上工具】googlefiber

Google 推出線上工具,可以測試自己上網的速度,不需安裝任何軟體,只要上這個網站,就能直接幫換算你的上傳速度與下載檔案的速度

 

【線上工具】smartmockups

情境圖線上合成工具,可以合成手機 iOS、Android、Windows Phone、Mac 等多種背景情境,只要上傳圖片,挑選環境,就會自動幫你合成起來,可以快速產生形象示意圖

 

【線上工具】Landscape

上傳照片幫你裁切支援社群網站的最佳尺寸 Landscape 比同類型工具更特別的地方,是能一次就能裁切社群媒體上各種專用尺寸,直接打包下載,是一個省工的好工具

 

【免費軟體】pdftrick

抓取 PDF 中的圖片檔案,不需要再用螢幕抓圖了,打開這個軟體在右側會顯示該PDF檔案中的圖片檔案,選好你要抓取的圖片後,再點選 GET IMG 後就可以將PDF中的照片轉存到電腦裡了

 

【設計素材】Sozai-Page 【素材ページ】

來自日本的食材圖庫,免費下載可用於商業用途使用,全部都是素色的白背景,而且會依照食材做分類,例如魚類、肉類、果類等等,照片拍攝的細節很清楚,網站也會持續新增照片,值得收藏的免費素材網站

 

【線上工具】maxwellito

在格紋子上畫畫已經畫膩了嗎? 試試看另類的像素風格,在三角形的格子裡做畫吧,畫到一半還可以將原始檔先存到電腦裡,下次要畫的時候只要上傳開啟就能繼續做畫,作品最後可以下載成 SVG 向量格式

 

【企業識別】2020 東京奧運主視覺

2020 東京奧運主視覺正式出爐,除了正選之外的作品,還有其它 3 件傑出作品,這些都是透過網友票選的以 運動表現、日本文化、世界和平、超越自我、團隊合作等多個主題,分別投票後再選出的,這樣的票選含蠻適合台灣借鏡參考

 

【精緻工藝】創意桌子設計收集

這一系列的創意桌子設計介介從很久以前就開始收集了,當初純粹是自己設計參考用,所以沒特別記錄設計師的名子與圖片來源,現在分享出來也想說幫這些作品的找到他們的創作者,因此大家要是知道哪張椅子的設計師,可以在文末留言,告知圖片編號與設計師的資料,我會持續更新並新增有趣的桌子設計作品給大家

 

【攝影美學】ANGÉLICA DASS

攝影師 ANGÉLICA DASS 將世界各地的皮膚色調以 Pantone 色票的方式標示出來,讓你更清楚的了解每個國家的膚色,即使是黑人的膚色也會有些許的差異,用色票的方式讓人更清楚中間的差異,也是繪畫時的參考依據

 

【平面設計】2016新一代各校系海報

這個 FB 粉絲頁,收集了各校各系在 2016年的新一代設計展的主視覺海報設計

 

【攝影美學】梁文音的部落婚禮記錄

臺灣原住名的婚禮記錄,少見的部落婚禮紀錄,新娘是知名歌手梁文音

 

【動畫影片】簡波爾多的官方音樂MV

簡波爾多的 Ma’agalim 官方音樂MV 故事描述在一個被遺忘的老竹篙商場,一個木製娃娃總是停留在那個時間和地點,有趣的運鏡與故事張力,配上音樂節奏讓畫面更有意境,適合上班聽的好音樂

 

等著瞧。設計月報:1604期

【線上工具】canva

具有簡易操作介面和豐富素材資源,此外提供很多精美的設計模版,可以製作海報、簡報、賀卡、社群封面等,需註冊後才可使用,但可以用 Facebook 或 Google+ 快速登入

 

【課程教學】Gates Notes

微軟共同創辦人比爾蓋茲(Bill Gates)在部落格 Gates Notes 撰寫書評,分享他對於一些書的心得,如果不知道今年要讀哪些書,不如逛逛比爾蓋茲的書單吧

 

【工具軟體】flinto

iOS App UI 動態製作工具,可以很輕鬆的製作出動態選單,甚至是富有節奏感的效果按鈕,目前只有 Mac 電腦可以使用,因為這是一套專門製作 iOS App 的開發者工具,可以先免費試用 14 天,有興趣的朋友可以下載玩看看

 

【線上工具】gifyoutube

可以將 Youtube 的影片轉成 GIF 圖的線上工具,只要輸入 Youtube 的網址,接著選著想要擷取的片段,馬上就能幫你做成動態 GIF 圖

 

【設計素材】Instant Logo Search

收錄數千款知名公司的 Logo 標誌,並提供向量圖格式 SVG 及 PNG 檔,可以當做商標設計的參考來源,方便修改製作

 

【線上工具】Placeit

線上自動合成工具,挑選出你想要的場景,上傳照片之後,自動幫你將兩個者合成起來,裡面的情境素材非常的多,手機、電腦、杯子、衣服、大樓都可以成為你合成的對像,上傳圖片之後還可以做簡易的微調修飾,非常簡單好用

 

【設計素材】Good Free Photos

這個網站的照片採用 CC0 授權,可用於商業用途,無須註冊登入就可以下載高解析的照片,跟介介自己的「視介免費圖庫」一樣,照片都是由站長自己拍攝,無償釋放出給大家下載使用

 

【線上工具】Google Keep

Google 推出的筆記工具,採用便條貼的方式記錄筆記,這些便條貼可以標記顏色、分類、標籤、增加共享協作、行事曆提醒等功能,每則便條貼還可以上傳圖片做註記,而且可以將便條貼裡的內容做成條列式的代辦事項,而且有出手機 APP 可以讓你隨身筆記即時同步,有隨時做筆記的朋友們可以試用看看

 

【線上工具】Byethost

阿呦,這不錯喔,屌喔,Byethost 提供免費的 PHP 網站主機,具備了 1TB 的空間與 50G 的流量,還可綁定自己的網域名稱,覺得不錯用的話可以直接付費升級,基礎方案為 3.99 美金/月,這是介介看過少數這麼凱的主機商,更正是佛心啦 XD

 

【網頁設計】kazuipress

來自日本的活版印刷公司的網站, 很有質感日式風格,看膩台灣印刷公司的網站,那就來看看這種小清新的網站設計

 

【字體設計】fontsoftheyear

上一則提到2015年的最佳字體,當然 2014 年的100個最佳字型,也順便分享給大家

 

【字體設計】awwwards

收錄來自 2015 年的100個最佳字型

 

等著瞧。設計月報:1603期

【設計素材】Public Domain Pictures

由攝影愛好者上傳的公共圖片資料庫,註冊才能下載,該網站的獲利模式就是當你要下載做高解析度時,需要額外支付費用

 

【印刷輸出】好感動。相簿 ingTouch

身為一個設計師,每個時期(換工作)有一本作品集,是一件非常合乎邏輯的一件事,這個網站即使只有一本作品集也可以印,尺寸從A4、A5到CD大小的尺寸都有,還可以指定頁數,成品的品質還不錯,沒有印刷的網紋,也沒有大圖輸出的墨色不均勻的問題,拿去面試時可以加分不少,當然這東西最佳用途,就是印成相本送給重要的人,順便可以露一手排版設計的功力 (挺胸) 當然拿來求婚時拿出來,肯定會讓女主角感動得淚眼汪汪

 

【線上工具】Imagify

免費線上圖片壓縮工具,提供三種不同程度的壓縮,非配破壞性壓縮、肉眼分辨不出的些許破壞壓縮,以及第三種以最低檔案大小為優先的破壞壓縮,就像是鍵達出奇蛋一樣,三個願望讓你一次滿足

 

【設計素材】Giphy

有GIF圖的博物館之稱的 Giphy 只需輸入任意的關鍵字,就能找到一大批同主題的 GIF 動態圖,搜索結果呈現的頁面中,圖片都是靜態的,避免眼花撩亂,想要看動態效果時,只需將滑鼠移動到圖片上,它才會動起來了,非常適合Facebook 粉絲小編上來找梗

 

【設計素材】stacksocial

一個販售自己專長的網站,你可以賣你的作品、照片、程式、書刊、點子,同時你也可以在上面購買相關的設計素材與知識工具,除了付費素材當然也有免費的素材可以下載,下載的條件就是幫該素材的頁面做社群分享一次,就可以免費下載素材回來使用。
誠實說:透過介介的連結註冊,完成第一筆消費時,介介會有購物抵用金獎勵,若這個舉動讓你感到反感的話,可以透過搜尋 stacksocial 也可以找到他們的網站

 

【線上工具】Browser Screenshots

微軟出品的線上網頁測試工具,可同時查看網站在不同 IE 瀏覽器平台呈現效果,同時也支援非 ie 瀏覽器的檢查,此外也具有線上抓取網頁擷圖畫面的功能

 

【品牌經營】蝦皮拍賣

過年這幾天介介在研究蝦皮拍賣的營運模式,主攻用手機就可以輕鬆經營網拍,主攻媽媽社群,也特別成立 FB 社群幫這群賣家做互動,甚至結合社群綁定FB帳號,你賣什麼東西你朋友有蝦皮帳號的人都可以快速看到,讓商品更快賣出,這幾個月竄紅的最大助因,就是選擇到全家取貨,賣家不需支付運費,所以商品的平均價格比 Yahoo 拍賣更便宜,非常有誠意(本錢)的要搶佔市場,更不用說現在不收上架費跟手續費這些費用,根本就是徹底滅掉其他拍賣平台啊,不過奸翹的台灣人,很快就可以找到漏洞可以鑽,那就是全家到店到店免運費,所以今天 A 公司要寄送給子公司只需要用1元(商品價格)學生搬家只要1元就能店到店搬家,總之有很多有趣的東西可以玩,介面也不錯,有興趣的話大家可以去玩玩

 

【線上工具】gridlover

CSS 文字的行距大小編輯器,即使顯示,所見即所得

 

【工作情境】Wallions

這個網站提供了非常多的免費電腦桌布,電腦桌面的背景圖,象徵了一個人的個性,除了放家人的照片、旅遊的記錄,不妨擺上幾張美美的圖,讓工作更有情境

 

【攝影美學】flickr

flickr 票選出 2015 最受歡迎的攝影作品,作品來自世界各地的攝影愛好者,不囉唆直接點連結來看吧

 

【字體設計】飢餓遊戲字體設計

電影飢餓遊戲裡的字體設計,電影中每個區域都有獨特的字體設計,網站設計也非常獨具風格

 

【精緻工藝】木材鑽孔彎曲

有想過這些木材也可以彎曲嗎? 在木板上用雷射切割讓平板木材可以任意彎曲,只需要在需要彎曲的地方打上多個規律的孔洞,木板就可以像書本一樣凹折,而且隨著雷射孔洞的形狀不同,也產生了不一樣的美感,有一種反覆的美

 

等著瞧。設計月報:1602期

201602-Design-Notes-590

【品牌經營】indiegogo

募資網站,可以接收全世界的募款計畫,比起 Kickstarter 的門檻還要來得低,Kickstarter 只提供限定的國家使用(須銀行帳號),而 indiegogo 只要有信用卡或 Paypal 就可發起募資,適合世界各地的設計師們,募集自己品牌的創業基金

 

【設計素材】digitalcollections

紐約公共圖書館,提供了十萬多張的歷史照片與文件的高畫質照片,提供大家免費下載無限制使用,有高解析度檔案,喜歡的話甚至可直接跟圖書館購買輸出的畫作,價格約50美金,另外也可以直接請博物館錶框,價格稍為貴一點,但是竟然都請圖書館輸出了,那就直接錶框回來,會更有紀念價值

 

【線上工具】whatcms

分析別人網站是使用什麼 CMS 做的,套用了哪些程式與外掛,只需要輸入對方的網址就可分析,網站開發人員必備的工具

 

【Photoshop】Jiemr.com

在學 Photoshop 時,學校老師都會從工具視窗教起,因此大家對這一條工具欄的觀念是固定不可變動的,其實這個介面是可變動的,例如介介最常用的內容感知移動工具,就被藏在修復工具的裡面,每次使用都要點開來用,非常麻煩,但是透過這篇教學設定,可以更快速的切換工具,大大的增加工作效率

 

【線上工具】Picsee皮克看見

有些網站的網址轉貼到Facebook上,無法抓取到正確的縮圖,透過這個短網址工具,可以在短網址上自訂縮圖,轉貼到臉書時就可以正常產出縮圖了,甚至在短網址的後面加個 + 的符號,就可以看到被點閱的次數,當然進階的用法就是換圖縮網址,做出圖文不符的連結 XD

 

【設計素材】finda.photo

提供免費可用於商業用途的圖庫,介介覺得最特別的地方,是在搜尋圖片的方式,除了關鍵字之外,也提供了依照色系去幫你快速找尋圖片,有找設計主視覺用的輔助圖非常方便

 

【線上工具】html2bbcode

將 html 語法直接轉換成 bbcode 論壇的語法,只需要將語法複製貼上就可以轉換了,以後不用再辛苦的重新編排了,是一個很實用的工具

 

【課程教學】TED x Taipei

海量的線上演講影片與文章,適合創業者與自我經營者使用,非常多免費的課程,在家裡就能輕鬆取得這些知識,中午吃便當時打開自己喜歡的主題,聽聽演講補充精神食糧吧

 

【課程教學】外觀專利圖收集

這個網站收錄許多有趣的外觀專利圖,雖然都是被註冊的外型圖,無法直接套用,但卻是激發創意的資料來源,甚至有些是市面上還沒出現的外觀結構喔

 

【設計素材】on.thisistap

由 thisistap 蒐錄網路上免費的 CC0 圖庫,可用於商業用途,這間公司主要提供免費與出租的 WordPress 服務,而這些免費的圖庫是要讓用戶省去找圖的時間,即使不是他們的會員,也可以免費下載使用

 

【設計素材】LibreStock

一個將目前CC0的圖片素材站網站的資料全部整合起來,透過 LibreStock 一次搜尋多個免費CC0無版權圖片網站,簡稱是懶人的最愛

 

【設計素材】Zerospace

來自台灣的「Asika Paradise 飛鳥新樂園」網站,收錄不少來自各大免費圖庫的相片資源,介面設計簡單、乾淨,具備搜尋功能可以快速搜尋你需要的素材,同時也列出了最熱門、最多人下載以及隨機推薦的免費相片。

 

【線上工具】Firealpaca

這套免費繪圖軟體,是來自有動漫王國之稱的日本,軟體的名稱很有趣就叫做 羊駝 又稱草尼瑪,有繁體中文介面,免費的繪圖軟體下載來玩看看吧

 

【線上工具】摩客 Mockplus

一個手機 APP 的規畫工具,具有非常多圖示、工具條、按鈕等等,除了可以免費下載安裝使用,還具有線上版,目前免費版本是無法下載回電腦使用,但是只需要支付 6 塊錢人民幣,就可以在一個月內無限次數的下載

 

【色彩計畫】designation

學習色彩心理學的一個網站,直接透過考試,每回答一個問題,就會立即回應你是否答對,同時說明這個色彩所對應的問題,會產生出什麼樣的心理情緒,一邊挑戰一邊學習的有趣網站

 

【自造體驗】DIY 攝影棚

超土炮,分享5個在家製作專業產品攝影棚的方法,材料隨手可得,再購買專業的攝影棚之前,先自己手工做一個吧

 

【攝影美學】福島核災後的照片

幅射事件之後的第四年,被大自然併吞的福島城市,再次的呈現在世人眼前,一份很有歷史感的紀錄攝影

 

【展覽活動】2015東京設計師週遊記

介介唸大學設計系時,一直想策畫將畢業旅行跟東京設計週展一起展出,無奈很多因素導致沒有成團,這篇東京設計師週的遊記滿足了我小小的缺憾,還蠻詳細的設計展覽遊記分享給大家

 

【插畫繪畫】黑色幽默插畫家

這位擅長黑色幽默插畫家,是來自西班牙的 Joan Cornellà’s 她的創作畫風非常簡單,裡面的角色有點像教科書裡面的圖畫人物,但是角色表情非常的鮮明,看過幾張作品之後就不會忘掉的風格,尤其是那充滿呆愣的法令紋更是 Joan Cornellà’s 的標誌,他的題材諷刺社會,包括了自拍棒、毆打無家可歸的人,反諷東西方的宗教信仰、惡搞嬰兒、顛覆兩性、整形、種族主義等

 

【網頁設計】2016 年的網頁設計趨勢

2016 年的網頁設計趨勢,扁平化設計、註冊使用社群帳號登入、大圖像主題、更精緻的動態 Load 圖、卡片式排版等

 

【攝影美學】雪花擬結攝影

攝影師 Don Komarechka 花費 5 年時間,拍攝 400 多張雪花照片,在台灣不常見下雪,更不用說拍攝雪花擬結的瞬間,如果你覺得他拍攝的很美,可以付費跟他購買一幅他的攝影作品,最小的 10 吋照片含框,價格約 180 美金

 

等著瞧。設計月報:1601期

【品牌經營】Facebook粉絲團留言抽籤小助手

經營粉絲頁的抽獎工具,免安裝,直接輸入塗鴉牆上的單則訊息網址,即可抽出獎項,甚至可以排除重複留言的帳號,甚至增加篩選條件只顯示有 TAG 人的留言,是一個非常省時省力的好工具喔

 

【線上工具】Pixlr

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

 

【設計素材】Google Art Prject

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

 

【線上工具】freegifmaker

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

 

【線上工具】FontReach

快速查詢這組字型被多少個網站使用,甚至有排行榜,也可以找出特定網站中使用的字型列表,是學習網頁設計與字體設計的輔助工具

 

【線上工具】escapemotions

火焰畫家,用滑鼠畫出你想要的火焰,運用碎形的運算,產生有趣的雷射火焰,可以拿來當素材使用

 

【免費字體】吐き溜

日本暗黑工房的搞怪恐怖字型,萬聖節裝可愛時也很好用,因為是日本字體,有些繁體字會有缺字,但也可以自己後製組合,總之免費的就盡量用吧

 

【線上工具】Hack.chat

輕量化的聊天室模組,可以直接在網頁上產出一個簡單的聊天室,有開放原始碼可以下載安裝到自己的網站裡面,非常輕量化的聊天室

 

【線上工具】green-name

將你的名子產出成一個GIF動畫,會依據每個漢字內的部首做不同一樣的動態變化

 

【課程教學】codecombat

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

 

【設計素材】Rijksmuseum

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

 

【設計素材】數位典藏與數位學習聯合目錄

來自台灣中央研究院 數位文化中心 的數位典藏計畫,以 CC0 授權的方式開放給大家下載,可應用在商業用途,裡面許多來自老台灣的素材,都是很有味道的老照片,此外還有不少的古籍書籍的高解析度掃描圖檔可以下載

 

【設計素材】visualhunt

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

 

【動畫影片】石頭的歷險

動畫短片,描述一顆石頭的歷險影片,曲折離奇的冒險,由大山變成小粉塵,再由小粉塵變成你意想不到的狀態,是一部非常有趣的動畫短片

 

【色彩計畫】星際大戰配色表

如果您的客戶是星戰迷的話,請務必看看這篇星際大戰各方陣營配色分析表,知其所好,必能百戰百勝,當然還是有例外的客戶啦 XD

 

【製程概念】多角度連結的餅乾榫

國外木工技術,餅乾榫(Biscuit Joint,亦稱檸檬片榫)Lamello設計了一個補強的件體,加上這個補強的件體,可實現多角度連結的功能,並且在傢俱外觀上看不到其連接的方式

 

【室內設計】隱形鐵窗

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

 

【企業識別】Ugmonk

Ugmonk 7週年套裝產品視覺風格設計,從概念設計到產品發布上市的一系列製作過程介紹

 

等著瞧。設計月報:1511期

【設計素材】Pixabay

這個平台提供了無版權的CC0授權圖片的分享,全部免費,可以應用在商業用途上使用,註冊後就可以下載高解析度的檔案,如果照片真的有幫助到您,可以用 Paypal 打賞攝影師,讓攝影師們拍攝更多的照片來分享

 

【犒賞設計】tixchart

設計工作者出國旅遊拍照取景當素材,順便犒賞設計也是一件非常合乎邏輯的一件是,這個廉價航空的比價網站,可以讓你知道什麼時段出國是最划算的,只需設定從哪個機場到哪個機場,它就會幫你算出美個時段的機票錢,有繁體中文介面

 

【設計素材】Music for Makers

每週一寄送免費音樂素材 Email 到你的信箱,可當背景音樂或影片剪接時使用

 

【設計素材】barnimages

兩位攝影師親自拍攝的相片,可免註冊直接下載,採用 CC0 授權釋出,簡單來說就是可用於免費用途,解析度還蠻高的,值得收錄

 

【課程教學】Photoshop 省時新功能

Photoshop 已經來到了第 25 個年頭了,介介簡單分享近期新增的功能與優化的項目,這篇教學重點偏向於【省時間】、【新手也會】希望可以幫各位設計師們省下更多的加班時間,讓設計師的黑心肝慢慢變回粉紅肝吧 (真的變成粉紅色請記得掛急診喔)

 

【設計素材】designcode

iOS 9 的 GUI iPad 版面下載,UI 設計師們快下載回來膜拜吧,但是他所提供的的檔案格式是.sketch,只能用 sketch 開啟 QQ

 

【設計素材】Mazwai

這個網站所提供免費的影片讓大家下載應用,可做商業用途與任意分享或修改影片內容使用,但必須標示原作者姓名,蠻多質感很棒的影片

 

【線上工具】smallpdf

PDF檔壓縮/合併/分割/解密,同時具有PDF、PPT、Excel、Word、JPG檔案互轉的功能

 

【線上工具】直物

每個設計人的血液裡,據說含有 79.3% 的【文具控】血統,這個網站專門販售未被人們發現的美好物品,並運用絕美照片與動人的文字魅力介紹給大家,快來犒賞一整天的辛苦工作吧

 

【設計素材】旅遊日記

以 CC0 開放授權的旅遊照片分享,由世界各地的人分享旅遊照片,無條件的讓大家使用,你也可以分享照片在上面,還能順便幫你的網站打廣告喔

 

【網頁設計】hiroshima

日本尾道旅遊宣傳,利用貓星人的低角度看世界,這個城市原來是這麼新鮮有趣,想像自己化身成輕盈的貓咪,邁開步伐跟著貓導遊,鑽入花草巷間,一探頭柳暗花明,一會兒跑到鄰居後院,就像找朋友串門子般的悠閒,非常有趣的城市旅遊網站。

 

【字體設計】hopesandfears

介介去歐洲旅遊時,看到經歷無數年的歷史建築,在上面的文字都是用石雕而成的,但是當你仰角看它時可是無法清楚看到字體的美,這個網站幫你們將他們畫成字符,你可以用滑鼠拖拉畫面,就能看到原始的狀態,學習老字體必看

 

【表演藝術】鏡子反射的表演藝術

很酷的視覺把戲!! 另用多面鏡子反射的原理,創造出一個獨特的空間, 無限創意精神與神一般的團隊默契

 

【製程概念】小鋼珠製作過程

軸承、培林、小鋼珠的製作過程

 

【製程概念】多角度的木工榫接工法

可支援多角度的木工榫接工法,學起來以後3D列印自己來做

 

【展望視界】鳥瞰近代中國

利用空拍機,鳥瞰近代中國,歷時兩年,跨越中國20個省區;歷經四季,記錄中國大江南北,中外合作,彙集頂尖製作力量,縱覽精彩美麗中國

等著瞧。設計月報:1510期

【設計素材】包裝刀模下載

上百款包裝刀模下載,內含紙袋、紙盒、展示盒等特殊包裝,都是向量格式的喔,內文有官方下載點與備用下載點

 

【設計素材】psdrepo

收集了世界各地的設計師所提供的 PSD 素材,範圍包含了按鈕、圖示、行動裝置、UI介面、網頁版型,免註冊免費下載並附有原始設計師的網頁說明

 

【線上工具】picasa2html

將 Google 相簿的公開照片,做成外連的 HTML 或 BB code 語法,直接用在部落格或是論壇上面都很方便,picasa 相簿也適用喔 教學

 

【線上工具】typeform

非常有趣的線上表單製作工具,介面非常的簡潔好看,而且內建非常多有趣的範本可以直接套用,例如婚禮邀請函、問卷、客服系統等等,支援中文輸入

 

【設計素材】iOS 9 GUI

iOS 9 的 GUI 介面的設計素材下載,是有國外許多設計師共同製作的,有 PSD 檔與 向量檔可以使用,UI 設計師必備的參考工具

 

【設計素材】sotm

開放街圖可用做商業使用,唯一的限制是,若對地圖有任何修改、更新,都得用開放格式將更新修改後的地圖更新至 OSM 社群,並同意開放授權,置於其他將地圖印出來販售、引用、加值服務或商業應用都是可以的,不需再用開放格式出來( 除非有修改地圖內容 ) 左邊連結是官網,地圖連結:https://4fun.tw/HXXz

 

【設計素材】Superfamous

這個網站託管了荷蘭設計師 Folker Gorter 的作品,可以讓大家使用在商業用途上面,不過要標註照片來原的出處,因為他的攝影作品是採用 Creative Commons 3.0 授權,適合當排版的配圖或網誌的主圖使用,他的作品風格很特殊,不同於一般的攝影風格,如果合你的胃口,那就不要客氣一口氣全部下載回來吧 (握拳

【設計素材】Flickr 美國太空署

美國太空署第一次登入月球時的數千張照片,隱藏至今,第一次公開釋放給大家使用,照片的解析度非常的高,感謝 Flickr 提供空間,快來看看阿姆斯壯眼裡的月球,左邊網址是官方介紹,下載的目錄請直接點此 https://4fun.tw/tO6A

 

【線上工具】硬是要縮

一個短網址服務功能,不同於 goo.gl 的短網只服務,硬縮的點擊數是隱密的,不會被有人查詢,還能預先將目標網站掃毒,以及目標網站的預覽圖,在設計文宣時可以將長串的網址做簡化,介面簡單好用直接輸入網址就可以了

 

【舒壓療癒】agar

網頁小遊戲用手機或電腦都可以玩,遊戲方法跟小精靈一樣,只能吃比你小的點點,路上有小糧食,吃越多體積越大,但體積越大動作會變慢,是一款可以組隊併吞對手的療育遊戲

按空白鍵可以分裂自己的養分給同國家的人

按W鍵,可以切割自己射向對方,將對方吃掉

 

【線上工具】wripwrapwrop

現在買禮物都習慣上網買直接送到家,方便但都沒有包裝,還是要另外買包裝紙才行(還是得出門)若能用印表機直接印包裝紙出來該有多好啊,這網站就提供了這項服務,花紋還可以自己挑選,甚至是用收禮者的名子當包裝紙的圖樣,是個簡單好用的免費線上工具 教學

 

【設計素材】HTML5 Zero

收錄網站模版資源,以支援 RWD 響應式網頁設計為主,響應式設計是依不同的手機、平板、螢幕自動調整為適合閱讀的版面配置,可以下載參考看看

 

【課程教學】olympus

景深合成・包圍式對焦的教學,專業攝影師-海野和男的昆蟲攝影記,有時候景深太多反而無法拍出商品的細節,這時候用包圍式對焦,就可以達到整個商品都可以拍的非常清晰,媽媽說的沒錯,拍照都騙人的啦~

 

效率提升檔案管理技巧

這篇檔案管理的技巧分享,讓我改變了很多觀念,本來以為我的檔案管理已經很好了,但有時要找檔案時還是會頓一下,可以騙自己很帥,但會影響到工作效率這件事實在是沒辦法騙自己,舉例來說,以前旅遊照片整理,資料夾命名是 “20150930 日本四國之旅” 但是要找的時候還要先回想一下是哪一年哪一月去的,想不起來就要從2013年後的資料夾一筆筆看,非常沒效率,現在改成下面這樣的分類

07 旅遊 國外 日本 廣島
07 旅遊 國外 日本 大阪
07 旅遊 台灣 高雄 美術館

數字是區塊劃分,可以快速的找到分類,後面再細區分小分類,資料夾變很多時,直接將旅遊的拉到一個資料夾內,另外照片檔案的命名我會用 Adobe Bridge 重新批次命名,自動套用拍攝日期與時間,這樣以後看照片的檔名就能知道是什麼時候拍攝,還能知道是上午還是下午拍攝的

 

【書籍設計】美食摺頁書

非常神奇有趣的美食摺頁立體書,整本書一打開來就是一份精緻的大餐,感覺如果餐廳用這個當菜單,一定會一堆人拍照上傳

 

【設計趨勢】blogs.adobe

從有網頁開始,按鈕佔了 UI 設計中非常重要的一部分,這篇文章介紹了從 web1.0 到現在的網頁按鈕的演化史

 

【製程概念】西班牙瓦片

西班牙瓦片的製造方法,這門工藝在台灣應該會感到很陌生而且不太可能會接觸到,但一旦了解他的製作原理,這些知識就會成為自己腦海裡的一門技藝,無時無刻的湧現出來,好的點子還是需要多方知識的累加

 

【設計趨勢】Qumarion

還記得學生時期學習畫人體素描,每次畫都只能畫固定的幾個姿勢,想要畫特殊的姿勢只好找朋友或家人幫忙,但畢竟不是專業的模特兒,畫到一半就喊累,根本事倍工半阿(事後還要請喝飲料),Qumarion 做出了一個機器人模型,變更機器人的姿勢,電腦裡的角色就會跟著變化,還可以錄製成動畫,就連手指頭都能依照模型,直接同步做出角色上的變化非常方便

 

等著瞧。設計月報:1509期

【犒賞工作】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 列印筆記本,方格紙,日曆紙通通都有,是一本可以用好幾年的概念筆記本喔,募資的計畫已經成功了,有興趣的話可以乘便宜趕快入手吧

等著瞧。設計月報:1508期

【素材】 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

史上最美的氣象動態圖,有颱風來的時候看,更美

等著瞧。設計月報:1507期

【線上工具】 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

收錄世界各地的優秀網頁設計的作品

等著瞧。設計月報:1506期

【素材】 Moveast

國外一位跟介介一樣將自己拍攝的照片釋出,讓大家可以自由下載使用,雖然畫質沒有很高,但運用在網站上面絕對是綽綽有餘

 

【素材】 Pixeden

提供版型與 UI 下載,甚至還要外掛可以下載,整個網站的介面非常清新易用

 

【課程教學】 Tuts+

非常豐富的 【Photoshop】 與 Illustrator 的技巧教學課程,由淺入深,不論是老手還是新手,都可以在這個網站上學到許多新的技巧。

 

等著瞧。設計月報:1505期

【線上工具】 Spruce

非常簡單的在圖片上增加文字,非常適合在社群網站上做圖,上傳一張照片,直接輸入文字後就完成了

 

【素材】 UI Cloud

超級龐大的使用者介面資料庫,超過 5萬種不同風格的 UI 元件,可以免費下載

 

【品牌經營】 accupass

活動通,當你想要發表作品或是辦設計講座,活動通能幫你處理報名、收費、統計、退費、簽到等等的雜事,你只需要支付報名費的2%,不過舉辦免費的講座或是發表會,則不需要支付任何的費用

等著瞧。設計月報:1504期

【線上工具】 pinterest

簡稱品味牆,可收集及整理視覺設計靈感的網路,甚至可以追縱跟你有同樣喜好的人,隨時接收他們新收集的美圖

 

【課程教學】 Designer News

收錄世界各地的設計師文章,可以掌握國外設計師針對時事所提出的觀點,例如 Apple Watch 上市後,外觀、材質、UI、製程等等,不論是批判或是讚美,都有人分享自己的觀點

 

【素材】 Seeklogo

這個網站收集了全世界各式各樣的企業Logo,此外提供了向量檔供大家下載,方便大家使用

訂閱文章通知!

訂閱接收獨家內容和通知

一起加入其他 671 位訂閱者的行列