從靈感發想到效率提升,學設計必知的 30 個「免費設計資源」

俗話說:「工欲善其事必先利其器。」在完成一個好設計的過程中除了自己的實力外,好的輔助資源也很重要!不管是設計本科或是想踏入設計領域的自學人都非常適合將這篇文章存下來以備不時之需。文章已用大標分門別類,大家可以依據自己的需求尋找段落觀看。

靈感、近期趨勢參考庫

在開始做設計前,很重要一點的當然就是要有靈感!而隨時吸收新知也是設計人不可或缺的,所以這裡第一項就先來和大家分享這些取得靈感和趨勢的網站吧!

1. Pinterest

這個網站幾乎是所有設計領域人的必用網站!裡面的內容五花八門又豐富,大家習慣在這尋找靈感、觀察近期趨勢,如果你是自學更不能錯過這個網站。

8

2.Behance

同樣是設計人的愛用網站,和 Pinterest 不同的是這個網站會提供的是「整個專案」紀錄,內容會更仔細深入些。

Behance

3. Dribbble

在 Dribbble 可以看到網站上當紅的設計作品,同時也可以從中了解目前流行趨勢。

10

 4. Tumblr

這個網站的型態比較像部落格,有些人會在這裡經營自己的作品,同時也可以觀摩到其他人的作品。

12

5. Issuu

這個網站的呈現方式就像是在翻閱書本,而現在把作品集上傳到 Issuu 更是很常見的,在這裡除了可以看到不同設計人的作品集外,也可以閱讀很多雜誌。

11

6. Vimeo

在這裡可以看到的主要是動態作品,或是一些名人的專訪影片。

28

圖片、材質檔案庫

有了靈感後,進到實行階段時難免會碰上需要使用一些素材的時候,這時不用出門、也不必自己拍,以下這些網站就可以為你帶來方便。

8. textures.com

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

5

9. Free Images

少見的中文圖庫,裡面提供超過 300,000 張的免版稅圖像提供下載。

22

10. Unsplash

內有眾多分類的高清圖,也可以直接輸入英文關鍵字找尋自己要的圖片。

26

11. Pexels

和上個網站一樣是很多人愛用的商用高清圖庫。

29

12. Life of pix

除了可以在這找到高清圖外,也提供一些免費的短片影像讓大家下載使用。

27

13. CDMOOD

特別適合給室內設計領域的人!裡面有許多室內裝潢、傢俱和材質參考圖。

6

圖案、ICON 供應網站截圖

有時候在設計向量圖形就常需要用上 icon,又或者偶爾會需要有圖案的背景來點綴,如果嫌麻煩可以把幾個網站當懶人包來使用。

14. Subtle Patterns

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

7

15. ICONFINDER

雖然裡面一部分需要付費才可以取得,但只要先勾選免費,仍有很多 icon 可以挑選。

14

16. Font Awesome PS 

在這裡找到想要的圖示後還可以再細部調整圖示形狀。

15

網頁、介面設計速成懶人包

網頁與介面的設計常需要參考模板,如果是要為個人做個小網站也可以在以下幾個網站滿足需求喔!

17. UI Cloud

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

23

18. invision

可以將網頁的使用效果、操作方式在此呈現,相當容易上手,網路上也有很多的教學。

4

19. Velositey

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

1

20. Webydo

同上幫助你免費設計一個網站,簡單易懂。

2

21. PSDD.co

你可以在這找到免費的原始編輯檔如 PSD檔、OTF檔或背景模板及 UI 元件。

3

提高創作效率的小工具

運用一些小工具可能就能讓我們的工作時間少掉好幾個小時,這樣的好事何樂而不為,快來看看有哪些網站可以提升我們的效率吧!

22. Layrs Control 2

像是 Photoshop 的免費延伸版,裡面有七種草件可以簡化你繁雜的工作。

19

23. Kaku

適用於 photoshop,將文字轉換成各種語言。

16

24. Makeappicon

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

17

25. Gridzzly

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

18

26. Typewolf

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

21

解決設計上困擾的小幫手

針對設計會碰上的小煩惱也有一些公司貼心地推出了解決的軟體,來看這之中是否有自己長久無法解的困擾吧!

27. Prisma

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

31

28. myfonts

只要將你有興趣的字體截圖上傳到這網站,它就能幫你辨別。

20

設計教學影片

學習軟體除了翻書、買課程或瞎找 youtube 外,最後再提供大家一些免費的軟體教學影片,如此就可以省下尋找的時間和額外的花費了!

29. Tuts+

主要是提供「平面設計」方面的教學,多使用 Ps 和 Ai。

24

30. Greyscalegorilla 3D Tutorials

由別於上個網站,這個網站主要教的是動態設計和一些 3D 的內容,比較適合動畫領域的人。

25

科技的時代為我們帶來了許多便利,這麼多好用工具的誕生更造福了許多人。得到免費提供的同時,當然要趕緊用好用滿,如果有遺漏或推薦的網站也歡迎再留言告訴我,會再幫大家補上。

章芷瑗
安靜的才是苦口良藥。__〈奇妙能力歌〉
安靜的才是苦口良藥。__〈奇妙能力歌〉

更多文章


READ MORE

更多文章

READ MORE

LOGIN

SIGN UP

FORGOT
PASSWORD

請輸入你的帳號或電子郵件位址。你將收到含有建立新密碼鏈結的電子郵件。