素材模版

提供網頁設計或與設計相關的免費資源,包括免費圖示、網頁模版、音樂音效等素材。

Stock Up 免費圖片搜尋引擎,一次查找 9 個圖庫網站相片

Stock Up 免費圖片搜尋引擎,一次查找 9 個圖庫網站相片

先前我曾經介紹過免費下載高解析度圖片的 15 個最佳圖庫網站、以及 46 個免費圖庫網站總彙整,使用者可以從網站內輕鬆下載、找到許多高畫質的圖片,而這些網站提供的圖片皆能夠免費使用。如果你覺得到各個網站尋找圖片太耗費時間,本文要介紹的服務可以一次讓你搜尋九個圖庫網站的免費相片內容。

閱讀全文 »

Coolors 簡單、快速的選色產生器,為你找出配色靈感

Coolors 簡單、快速的選色產生器,為你找出配色靈感

很多時候我們會需要用到配色工具,尤其在對顏色毫無頭緒的情況下,例如製作簡報、網頁或設計產品時,好的配色不僅能抓住使用者目光,更能精準傳達出你要的感覺。之前我曾介紹過 Adobe Kuler 提供免費色票、顏色資訊網站,深獲許多朋友喜愛,或者你還可以透過 0to255 來快速選色,本文要介紹一款免費色彩產生器,能快速產生美麗的配色。

閱讀全文 »

iconmelon 為網頁設計而生的免費 svg 圖示資料庫

iconmelon 為網頁設計師而生的免費 svg 圖示資料庫

iconmelon 是一個相當好用的 svg 圖示資料庫,svg 圖示是比較新的 HTML5 技術,透過簡單的語法來載入向量圖案,利用 CSS3 來加入樣式,也具備檔案原有的濾鏡效果,優點是在跨瀏覽器時可以得到一致的效果,而且檔案較小,不過僅支援較新的瀏覽器。如果你開發網頁時也需要用到圖示,不妨來 iconmelon 找找,這裡有大量的免費圖示可以免費下載使用。

閱讀全文 »

Stylify Me 快速獲取網站配色、字型等風格資訊

Stylify Me 快速取得網站配色、字型等風格資訊

設計網頁除了參考現有網站的排版、架構外,更需要的就是觀摩別人是怎麼配色、選擇字型,好的設計不但能讓整體網頁質感加分,還有助於讓訪客更容易了解網站動線,而不會在瀏覽時迷路。Stylify Me 是一個讓你快速獲取某個網站配色、字型設定的線上工具,只要輸入網址,即可分析出網頁使用的所有顏色配置,包括背景顏色、文字顏色、字型、字體大小等資訊。

閱讀全文 »

Placekitten 產生特定大小的小貓範例圖片,製作網頁、平面設計師適用!

Placekitten 產生特定大小的小貓範例圖片,製作網頁、平面設計師適用!

對於製作網頁或平面設計師來說,當主要的圖片尚未放入時,仍需要先使用範例圖片來填充某些區塊,這在英文稱為 Placeholder,意思就是佔用某個範圍的意思,不過若要自行製作特定大小的圖片也太費時間,先前我介紹過可以透過修改網址,產生特定大小範例圖片的服務,例如 Fake Images Please 或是 Placehold.it,都可以利用一行鏈結來產生圖片,如果你覺得這些服務產生的圖片太過呆板,可以使用本文要介紹的 Placekitten,它能依照你的需要,產生特定尺寸的小貓圖。

閱讀全文 »