<-- IE錯誤修正 --> Caself 提供 800 種免費紋理背景圖片下載,網頁設計必備素材推薦 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2017-10-12
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Caself 提供 800 種免費紋理背景圖片下載,網頁設計必備素材推薦

Click the image to open in full size.

我在設計網頁時傾向使用單色背景,不過很多時候選擇合適的背景圖看起來會使網站更有質感,也讓視覺上不會過於呆板,那麼要去那裡找到這些素材呢?之前曾經介紹「Hero Patterns 免費 SVG 重複背景圖產生器,CSS 程式碼複製貼上快速套用」就是相當值得加入書籤收藏的背景產生器,透過它能建立出具有重複背景效果的圖案,除此之外,Subtle Patterns 和 Novapattern 分別提供 400 個高品質紋理背景素材和 Photoshop 可編輯的圖片讓使用者免費下載。



本文要再來推薦一款我最近找到的免費資源「Caself」,提供相當多免費紋理背景圖片,目測大約有超過 800 種圖案!可直接線上預覽、測試套用效果,還內建 CDN 鏈結讓使用者在不用下載的情況下快速使用到自己的網站、部落格成為背景圖案,完全不會耗費自己的流量。

Caself 使用 Amazon S3 空間托管圖片,無論是速度或穩定性都非常優異,當然因為圖片不大,採用 CSS 方式重複顯示,其實下載圖片、上傳到自己空間使用也是不錯的方式。

網站名稱:Caself
網站鏈結:http://www.caself.me/

使用教學

STEP 1

開啟 Caself 網站,每一頁大約會顯示 20 種不同的背景圖,根據網站說明,這些背景圖部分使用 CC 授權,也有一部分是採用 CC0 授權,當你將游標移動到下載或取得鏈結前底下會跳出授權資訊。

Click the image to open in full size.

STEP 2

從上方選單可找到熱門背景圖(Hot)或從下拉式選單選擇你有興趣的背景類別。

Click the image to open in full size.

STEP 3

當你將游標移動到圖片上,會顯示「View」按鈕,點擊後該背景會自動套用到目前網頁,讓你直接預覽背景效果,不過因為 Caself 可以看到背景的範圍不大,也受限於其他元素的顏色,可以的話直接點擊旁邊的「CDN & URL」取得圖片網址,套用到自己的網站可能會更準確一點。

Click the image to open in full size.

STEP 4

要如何將背景圖片下載或作為自己網站背景使用呢?只要點擊素材左側的「Download」就能下載原始圖片囉!前面有提到 Caself 也提供免費的 CDN 圖片分流網址,點擊「CDN & URL」可以取得這張圖片的開放式鏈結,使用時請記得注意下方跳出的授權方式。

Click the image to open in full size.

Caself 也在 About 頁面提供最簡單的 CSS 載入背景圖案教學,直接附上程式碼範例,如果不知道要怎麼把 Caself 圖片設定成背景的開發者可以參考,當然 Google 一下也會有不少教學,總之這個網站是個很不錯的素材來源,尤其你需要紋理背景時可以來這裡搜尋看看。

值得一試的三個理由:
  1. 提供 800 種紋理背景圖片,可下載 PNG 圖片無需註冊
  2. 內建 Amazon S3 的 CDN 圖片網址,直接套用於網站 CSS
  3. 替代一般單色背景,讓網頁看起來更有質感
喜歡 Caself 提供 800 種免費紋理背景圖片下載,網頁設計必備素材推薦 嗎?歡迎將免費資源網路社群加入書籤,以 FacebookTwitterGoogle+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆
相似的主題
主題 主題作者 討論區 回覆 最後發表
Directregister 提供 .NU 免費頂級網域名稱(一年),立即搶註你的網址 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2013-07-09 04:42 PM
Site5 提供免費高品質 WordPress 佈景主題 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2012-02-15 11:10 AM
Edublogs 為教師和學生提供的免費WordPress部落格 wowria 精選好用APP等相關網站資源 (Website Reviews) 0 2010-01-04 08:52 PM


主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +9。現在的時間是 10:50 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2017,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2