素材

對於設計師而言，參考他人的設計作品是激發靈感的一個好方法。在獲取這些寶貴的設計資源方面，Unblast 網站絕對是一個值得考慮的首選。Unblast 匯集了全球頂尖設計師的作品，提供精選的免費設計資源供使用者下載。Unblast 涵蓋了廣泛的設計範疇，例如商店的遮陽棚、包裝紙袋、廣告看板，甚至是衣服字樣等等。這些設計不僅提供了詳細的設計說明，還提供了 Ps 或 Ai 檔案供下載，方便後續的設計工作。此外，Unblast 還提供了各種 Mockup、字型、模板、圖標、圖形和 3D 模型等設計資源，能夠幫助每位設計師節省大量的搜尋時間，直接獲取高品質的設計素材。無論是專業設計師還是偶而插花，Unblast 都是不可或缺的設計資源。

ManyPixels 收錄範圍根據各種常見的分類進行了整理，這些分類包括科技、網頁設計、財務或企業、分析、運動、職業、人物和活動、地理、城市、科學、環境、美食、健康和季節等，而這些插圖，均可以由使用者自訂插圖的主色調，直接在線上預覽效果，完成後點選要下載的格式即可。不僅如此，ManyPixels 還有 Outline、Monochromatic、Isometric、Flatline 和 Two Color 等插圖風格可選。

至於，圖片怎麼來？網路上有很多免費的素材可供運用。例如，irasuton「ゆるかわいい無料イラスト素材集」 網站，提供可愛類型的手繪插圖素材。它包含了豐富的範圍，涵蓋季節插畫、職業、體育、商業金融、上學插圖、花朵植物、12生肖、食物、便當、新年賀卡等各式圖片，並且可以選擇下載彩色或黑白版本。

GIF Shift 是一個專為改變 GIF 圖像內容的免費線上 AI 工具。使用者只需上傳所需的 GIF 動畫圖片，然後輸入替換的文字指令（Prompt）和選擇轉換的風格（anime 或 vibrant）。接著，GIF Shift 便會根據文字指令利用 AI 技術來替換 GIF 中的人物，並將其轉換為所選擇的風格。如果使用者沒有自己的 GIF 圖片，GIF Shift 網站上也提供了豐富的 GIF 素材供瀏覽和使用。值得一提的是，使用 GIF Shift 無需註冊，也沒有使用次數限制，且轉換後的成品不會附帶浮水印，為使用者提供了便利的轉換體驗。

DroneStock 是一個免費的線上影片素材資源庫，專為使用者提供由無人機（UAV，Unmanned Aerial Vehicle）拍攝的精彩影片片段。透過關鍵字或分類，如建築學、海灘和海洋、橋樑、慶典、城市景觀、沙漠、健身與保健等，使用者可以輕鬆瀏覽各種影片素材。所有影片均以高達 4K 的畫質呈現，並且免版稅，依照 CC0 許可證提供，可完全免費應用於個人和商業專案，而且無需註冊。

不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器，瀏覽網頁時，應該都會在其網址列或其瀏覽分頁上，看到該網站的代表圖示或是瀏覽器所預設的圖示，若加入書籤或我的最愛也會在其列上出現該網站的代表圖示，方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站，製作過程相當簡單，只要上傳圖片後，接下來就是下載應用，其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔，以利後續應用。

近來流行將各種移動裝置的外型當圖片的相框使用，像是筆電、手機、平板、電腦、手錶...等，都是相框的素材，也有很多的網站提供各大廠牌相關裝置的圖片外框可以使用，像是 MockDrop及Magic Mockups 都是屬於這類的服務。
Apple Design Resources 這個網站是由 Apple 官方網站所建立，其提供旗下軟、硬體的相關設計資源，包含 Mac、iPhone、iPad、Apple Watch 等產品的圖片外框與 UI介面及圖示，讓有需要的使用者都可以自行下載運用。

影片若要公開就必須考慮背景音樂的合法性，所幸，網路上還是有很多具水準且可商用的音樂素材網站可讓我們下載並免費使用，Royalty Free Background Music 這個服務是由 Audio Trimmer 與 TuneSurfers Music 聯手合作下的產物，主要提供高品質且可商用的音樂曲目集並供所有使用者下載與應用在電影、遊戲、YouTube 影片...內，曲目均可線上試聽，滿意後免註冊即可下載。

用於靜態設計的圖片素材，不僅資源豐富且易於取得，但對於影片要用的背景音效素材，除了創作門檻高之外，資源相對稀少，除了先前所介紹的「YouTube Studio 音效庫」，「フリー効果音素材 くらげ工匠」及「Facebook 聲音資料庫」外，由英國廣播公司 BBC 所維護的 Sound Effects 這個網站也相當不錯，其收錄超過三萬個音效，內容涵蓋飛機、動物、掌聲、鐘錶、人群、工業、軍事、運動、玩具等 23個類別，更棒的是他還推出混音器，可將各種聲音進行混音產生另種音效，而這些 WAV 與 MP3音效可供個人、教育或研究免費使用，商業使用則須付費取得授權。

bgMaker 是一個操作簡單卻又很實用的線上背景圖片產生器，除了可透過 bgMaker 所設計的方格來產生簡單的圖形之外，也可以增加或減少排版版面大小、自訂色彩，且在每個改變的過程中，均會產生相對應的網頁背景圖以供預覽。相關的線上免費服務還可以參考 Tartan Maker 線上免費的網頁背景圖片製作服務。

Blush 是一個蒐集由世界各地藝術家所帶來插圖，每幅插圖已經由網站定義出可更換的部件，用戶只須按照自己的喜好，就可以自行變換插圖中的部件，例如顏色、場景、人物姿勢、人物配件等，不同風格的圖片，各自有各自的可以變換部件，完成的圖片，可免費下載成 PNG 圖檔，個人與商業均可自行運用，也無須註明出處。

網站的製作不論是初學程式或已經是高手，可能都會覺得寫 Code 來實現功能會比對網站整體顏色該如何配置來的簡單許多，因為，如何用色才能得滿分，始終是沒有標準答案的，只能說用傳統常見的顏色呢就是中規中矩，若用色大膽，有人欣賞就是創新，沒人欣賞就便垃圾了。當然，我們也可以到 BrandColors 這個網站來參考與了解知名網站是如何進行顏色搭配的，若覺得喜歡，也可下載該網站的用色 CSS 檔案，方便後續的應用。