酷站兩連發！超多免費可商用素材的Stocky+圖片展示模版網站

編者按：今天這兩個酷站，一個是擁有大量免費可商用素材（圖片/音樂/影片）的Stocky，一個是提供免費圖片展示模版的Magic Mockups，兩個都相當好用，已附上具體教程，建議收藏。

如果你在工作上也會需要合法、安心使用的素材，無論是相片、音樂、影片或向量圖，都能在接下來介紹的「Stocky」網站找到。這個網站近期在國外討論區相當熱門，而類似網站也有越來越多的趨勢。

Stocky 不僅是一個免費圖庫，集合相片、影片、音樂及向量圖，也就是可以在一個網站中找到所有的素材類型。網站動線非常明確，無須注冊登入即可下載。

值得一提的是這些素材并不是從各個網站收錄而來，而是由 Stocky 團隊制作，釋出讓所有人免費下載，也就是說你可以使用網站提供的免費相片、在后制影片時加入音樂片段，或將下載的圖標用于開發軟件、應用程序。

Stocky 的所有內容皆可用于個人或商業用途，無須標注來源、連結回原頁面，唯獨不可販賣這些素材，或將它重新打包放在其他網站上供人下載。

Stocky

注：國內打開速度較慢，建議搭梯子訪問。

開啟 Stocky 網站后，從上方選單點選你要瀏覽的素材類型，或者直接從首頁往下卷動就會持續加載新的內容。

Stocky 的素材收藏方式還蠻好瀏覽的，例如相片分類下可以找到不同主題為主的相片集，點選后可以預覽全部圖片，同時會標記出這個主題共有幾張相片。

在音樂部分，Stocky 收藏的數量還不算多，但一樣能夠在線預覽試聽。

當你點選任何一項素材后，會有更詳細說明及預覽圖，點選下方「Download」按鈕即可取得該素材。喜歡的話，亦可利用分享按鈕來傳送到社群網站。

如果在 Stocky 找不到你要的素材，盡管放馬過來！Stocky 團隊開放內容要求頁面讓使用者提交建議，若你需要的主題在網站里找不到，歡迎提供任何想法點子。

Magic Mockups

Magic Mockups 是一款免費模版產生器，可以將屏幕截圖畫面轉化成真實世界場景素材，對于一些新上線的網絡服務來說，可能會需要類似相片，但大多數 Mockups Generator 價格并不便宜，因此促成了 Magic Mockups，讓使用者能夠免費制作自己需要的素材圖。

下圖是我使用 Magic Mockups 制作的相片范例。

Magic Mockups 內建一般筆電、智能型手機、平板計算機、iMac 等不同主題，比較特別的是有些素材可能有兩個屏幕，Magic Mockups 允許在相片里不同屏幕上分別設定不同的網頁或擷圖，使相片看起來更加真實生動。如果你想同時在一張相片中展示桌面端和手機版畫面，那么 Magic Mockups 有一些相片素材可以做到。

這項服務制作出來的素材 100% 免費！采用 CC0 授權沒有版權限制，也不用標注姓名出處或連回原網站，且能下載的尺寸非常多樣，從最小的 960×640 到長度 5000+ 像素，無論要使用在投影片、設計展示或網站都很適合。

STEP 1

開啟 Magic Mockups 網站后，從左側尋找要使用的相片素材，上方有各種相片分類，點選后相片會顯示于網站右側就能開始進行編輯。

將鼠標光標移動到相片屏幕上方，會顯示出該范圍支持的相片大小。舉例來說，下圖顯示的屏幕尺寸是 1440×900 ，如果你想獲得最好的顯示效果，記得準備適當的擷圖尺寸大小，超過的話雖會自動縮小相片，其實也是能正確顯示，但可能會有一點模糊。

STEP 2

上方有兩種加入擷圖的方式，一種是上傳相片（Upload Image），另一種是輸入網址來自動抓取縮圖（Capture URL），我建議自己先用截圖軟件抓好網頁或應用程序畫面，再把它加載服務里，因為自動抓圖方式可能會無法正確顯示中文內容。

STEP 3

點選 Magic Mockups 相片里要套用圖片的屏幕或上方的「Upload Image」，選擇截圖后就能上傳、整合到相片的特定范圍，如果不喜歡此效果，點選相片右邊的「X」將它刪除重設。

STEP 4

最后，點選上方「Download」來選擇你需要的相片尺寸大小，Magic Mockups 提供尺寸包括：960×640、1280×853、1600×1067、1920×1280、3000×2000 和最多 5000+ 像素！

雖然底下較大圖片尺寸后方會顯示黃色驚嘆號圖標，但依然可以免費下載，不過因為制作大圖會耗費更多服務器資源，Magic Mockups 希望使用者能贊助網站以維持這項服務營運。

「優設酷站22連發！」

1. 免費圖庫+導航收集站：《酷站兩連發！高品質免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發！漸變色方案全聚合網站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發！寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發！游戲配色網站+免費美女素材特供網站》
9. 在線配色+字體推薦：《酷站兩連發！在線配色神器+英文字體推薦網站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發！用代碼呈現DRIBBBLE作品+16進制顏色網站》
11. 無縫紋理+多邊形背景：《酷站兩連發！專注無縫紋理素材站+多邊形背景生成器》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com