【設計資源】Subtle Patterns – 免費下載之 pattern 素材網站

Subtle Patterns 首頁

今天要跟大家分享的好站,是「 Subtle Patterns 」:這個可以提供上傳以及免費下載 pattern 素材的網站。
除了是免費資源以外,特別的是,此網站提供了即時預覽套用網頁背景圖的效果,下載方式也很簡單,該有的關鍵字搜尋功能也有,以下就來讓小編為大家分別介紹一下吧… 閱讀全文

in Free Resource 好康報報, Good Design 好站報報

CSS教學 – 重複背景圖之語法練習

步驟一:HTML架構

今天要來分享的 CSS 語法練習,其實是之前有一篇「固定背景圖教學文」的延伸版,要教大家利用上一篇的網頁版型,來做重複背景圖片的語法練習。
如果是第一次加入的新朋友,要請您先參考上一篇之後,再來 follow 本篇教學才會比較銜接得上喔!請大家先準備好兩張素材圖片,我們就要進入正式的練習囉!
Ready~~~ Go!… 閱讀全文

in CSS 教學 - 網頁排版

免費背景圖圖樣下載 : 夏日藍白 – 共12組

藍白pattern-1

哇~開始放暑假了!
說到夏天最經典的顏色組合,當然就是要海洋藍搭配清爽的白色啊~
小編在這邊,特別幫大家蒐集整理了12組免費 pattern ,有各式深淺不同的藍或白交錯,圖案類型有素雅也有童趣的,但都很適合夏天使用喔~ 閱讀全文

in Free Resource 好康報報

【 Photoshop 入門教學 】 – 形狀工具拼貼照片

範例完成圖

學生們都要放暑假了,就算是上班族,應該也有不少人在規劃夏天的出遊行程吧?
拍了出遊的紀念照片,是否想要利用 Photoshop 作一些不同的視覺效果呢?
這次小編要教大家利用「形狀工具」來做出帶點立體感的照片拼貼效果,簡單又容易上手,歡迎新、舊朋友們一起來練習… 閱讀全文

in Photoshop 影像設計

CSS 教學:Google Fonts 免費雲端字體-實作篇

步驟一:新建HTML

大家好,上次已經有介紹過「 Google Fonts 」這個雲端字體的免費資源,這次的教學分享,小編會利用一個簡單的網頁版型來作示範,實際教大家如何將雲端上面的字體套用到自己的網頁裡。不論是「 Google Fonts 」或是 CSS 語法的初學者,都別錯過這次練習的好機會喔… 閱讀全文

in CSS 教學 - 網頁排版, Free Resource 好康報報, Good Design 好站報報

Peakpx-可線上裁切圖片的免費圖庫

哈囉~這次要來分享的是一個提供免費下載的圖庫 Peakpx,
這個圖庫很特別的是可以自行選擇、調整需要的圖片大小,
當你需要清晰、高畫質的圖片時,來這個網站搜尋吧! 閱讀全文

in Free Resource 好康報報, Good Design 好站報報