你可曾好奇過設計師是如何擁有這麼多的資源，得以在限時之內完成每個文案呢？以下我們就要替你解惑，介紹你 40 個好用的資源，你可以從裡面找到包括網站、PSD 檔、UI 元件，以及網頁模板等等的材料，最最最重要的一點就是，這些資料全都免費供你下載使用。

所以就趕快將這篇加入你的書籤吧! 協助你成功地完成每一個計劃。

• Fribbble

如果你是個剛起步的網站，需要入門款的網頁模板，你可以從這裡入手，搜尋你要 PSD 檔，也可以找到漂亮的圖示。

• Behance project template

許多人想將 project 放到 Behance 上，但是卻是困難重重，不妨先閱讀及了解這篇文章，才好上手這個俏皮的網頁背景模板。

• psddd.co

另一個超好用的網站，你可以在這找到免費的 PSD 檔、背景模板或 UI 元件。

• COLOURlovers

色彩的搭配對你來說總是難事嗎? 快來個網站找靈感吧!

• CG textures

一個超棒的網站，在這你可以找到及下載到許多免版稅圖像，從石頭、天空到樹的圖像都有，適合需要繪景的你!

• Subtle Patterns

你在找高畫質的圖案及花樣嗎? 來這你可以下載到高達 400 種不同的圖案，重點是都免費!

• Webydo

幫你免費設計一個網站，只想大喊一聲哈雷路亞!

• GuideGuide

網頁設計的起步最難了，尤其當你找的入門書又超難懂! 來這看看吧，包準你設計網頁會輕鬆更多!

• No more banding

當我們使用 photoshop 並用 branding 時，你有沒有老是覺得畫面不夠平滑很令人惱怒，那就到這個網站看看吧，他可以幫你撫平這些條紋。

• Gridzzly

可以自製網格紙並印出來的網站，假如你時常需要畫草稿，這個網站簡直就是為你量身打造的!

• Makeappicon

當你設計完圖示後，可以幫你轉成 iOS 跟 android 通用的系統

• Perfect Effects 3

替攝影師量身打造的網站，在 Photoshop、Lightroom、Photoshop Elements or 或 Aperture 需要費時很久的修圖效果，用 Perfect Effects 3 可以輕輕鬆鬆地打造出來。

• Cut & Slice

幫助你整理需要的頁面，並分門別類地排好

• Layrs Control 2

像是 Photoshop 的免費延伸版，裡面有七種草件供你使用，簡化你繁雜的工作。

• Hexy

用 photoshop 的時候，一個一個的圖層是不是老是讓你爆炸，Hexy 可以讓你輕鬆地增添效果到你想要的畫面上，讓你輕易上色。

• WhatTheFont!

想要知道各個網站使用的字體是什麼嗎? 只要將你有興趣的字體截圖後，上傳到這網站，它就能幫你辨別。

• Typewolf

它將各式網站使用的字體秀給設計者看，並主動推薦設計者他們想要或類似的字體。

• Size Marks

它有點像草創版的 photoshop，適合網頁設計師跟前端開發工程師，它可以幫你紀錄下各個圖層上字體的間距。

• Velositey Version 2

幫你在幾秒內設計好一個網頁，並供你好幾種網頁模板選擇。

• FontAwesomePS

你可以在這找到想要的圖示，同時也可以簡單地就弄好你想要圖層。

• Liveshare PS

透過這個平台，你可以即時的在線上分享 ps 文件給你想要傳送的人，同時沒有人數的上限，假如你有什麼要修改的，你也可以在平台上修改，它會立刻幫你做修訂，並直接顯示最新的版本給你所想要分享的人。

• Photoshop Share plugin

用這個平台，也可立即分享你在 photoshop 的創作給別人。

• Prisma

以拉的色表總是不能和 photoshop 協調嗎? 此軟體幫你一致性兩者。

• Free Lorem Ipsum Generator

最棒的亂數假文生產器，適用於 Photoshop、Illustrator、InDesign 和 Dreamweaver。

• Free Behance Presentation Builder

幫你用 PSD 檔跟 PS Action 做出 Behance 的文件夾報告。

• Kaku

適用於 photoshop，幫你的文字曾轉換成各種語言。

• Instagram Filters

它算是 Instagram 的復刻版，卻又適用於 photoshop，提供 13 種很不錯的濾鏡

• VSCO Cam Effect in Photoshop Tutorial

現在在 photoshop 裡也可以用 VSCO 的效果了，結果真的是美的冒泡，快點試試看吧!

• Social Kit

幫你客製化所有的社群網路介面

• Mobile UI Blueprint psd files

由 Chrometaphore 設計，提供免費的 UI 元件跟 PSD 檔

• Free Images

提供超過 395,000 張的免版稅圖像供你下載

• UI Cloud

提供 46,608 以上的 UI 元件供使用者下載，是現在世界上最大的 UI 元件數據庫

• Mock Up Zones

圖像設計公司，提供 10 款免費的版面設計給你家的 iPad、iPhone、甚至名片跟 t 桖都可。

• Macbook Air and Thunderbolt Display

由設計師 Jozef Mak 操刀，可套用 Macbook Air 和 Thunderbolt 的超美 PSD 檔。

• Greyscalegorilla 3D Tutorials

此網站擁有者曾是 OFFF 2010 的發言人，他的網站是許多藝術家必訪之處，裏頭有太多靈感可供參考。

• Vray Materials

假如你需要免費的 Vray Materials，來這就對了!

• Blendme

算是 Adobe Photoshop 和 Illustrator 的延伸版，裡面包含熱門的圖示，且不需要離開 Photoshop 和 Illustrator 的程式。

• AdobeKnowHow

近期才由 Adobe 發表，提供給初學者熟悉 Adobe 任何的程式

• Tuts+

提供初學者許多程式的教學，然而老鳥也可透過這些教學溫故知新

• Pixeden

不容錯過的一個網站，和前面所提的 Fribbble 一樣提供許多免費的模板或是文字效果

轉貼自 https://flipermag.com/2015/06/09/designer-5/

(資料來源:thenextweb; 圖片來源: *spo0ky*, CC Licensed)