設計師必備!40個免費資源全家桶,UI元件、設計模板通通都有

2019.12.20 by
免費資源網路社群
設計師必備!40個免費資源全家桶,UI元件、設計模板通通都有
免費資源網路社群
從初學者到專業設計師必藏40種免費資源網,其中包括PSD檔、UI元件以及網頁模版等等的相關素材,使用簡便、輕鬆玩出好設計。

你可曾想過,設計師們都從那裡獲得大量資源,以幫助他們完成手邊的專案呢?這裡有一份絕佳的免費資源列表,包括網站、PSD檔、UI元件以及網頁模版等等的相關素材,最重要的是這些資源完全免費!並可自由下載使用。

只需要點選網站標題或擷圖,就會帶你到相對應的免費資源網站。

把這篇文章加入書籤,你便可以隨時回頭來查看這份精采絕倫的免費資源列表,讓龐大的資源幫助你獲得成功。喜歡的話,也別忘記把這篇文章分享、轉貼給你的好友。

1. Fribbble

Fribbble提供網站適用圖示、一些iPhone模型及建立登錄頁面的PSD檔等資源。

免費資源網路社群

2. Behance Project Template

許多人在發佈專案至Behance網站時感到無所適從。該如何才能讓它看起來正確?首先,請先閱讀這篇文章(英文),然後下載漂亮的背景模版。

免費資源網路社群

3. psddd.co

另一個獲取免費PSD檔的好網站,同時也提供背景模版和UI元件。

免費資源網路社群

5. CG textures

一個可以下載相片的免費圖庫。內容從石頭、天空到大自然,應有盡有。

免費資源網路社群

6. Subtle Patterns

需要一些高畫質的圖樣嗎?不用再看了,Subtle Patterns提供來自全世界超過400種的圖樣,供使用者免費下載。

免費資源網路社群

7. Webydo

讓你免費設計一個網站,無須學會程式碼。大喊一聲:哈雷路亞!

免費資源網路社群

8. guideguide

網頁設計對每個人來說不見得是簡單的事,但這裡提供你簡單的方法!

免費資源網路社群

9. No more banding

當使用Photoshop的漸層時,有沒有因為不夠圓滑而感到灰心。利用這個動作,讓它看起來更加平滑。

免費資源網路社群

10. Gridzzly

讓你自製網格紙,並將它列印出來!對於要畫草圖來說非常方便。

免費資源網路社群

11. Make app Icon

這個工具會自動為你的圖示設計重新調整大小,依照iOS和Android手機應用程式需要的格式進行最佳化。

延伸閱讀:MakeAppicon一鍵快速產生iOS、Android適用的應用程式圖示

免費資源網路社群

12. Perfect Effects 3

專為攝影師而設計。Perfect Effects 3是一款直觀又強大的工具,可以很容易地為照片加入效果,一些在 Photoshop、Lightroom、Photoshop Elements或Aperture需要費時才能做出來的效果,在Perfect Effects 3可以輕鬆辦到。

免費資源網路社群

13. Cut & Slice

使用Cut & Slice可以在彈指間將圖片輸出成不同裝置適用的格式。

免費資源網路社群

14. Layrs Control 2

一款免費的Photoshop外掛,集合七種程式來簡化你繁瑣的工作。

免費資源網路社群

15. Hexy

每次選取圖層、高亮文字,開啟選色工具來抓取特定範圍的Hex值是否讓你感到痛苦。利用Hexy可讓你快速使用滴管工具,並將顏色複製到剪貼版。

免費資源網路社群

16. What The Font!

看到某個字型,想知道它的確切名稱嗎?把擷圖上傳到What The Font就能從資料庫中找到最相近的結果。

延伸閱讀:Fontface Ninja一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案

免費資源網路社群

17. Typewolf

Typewolf將各式網站使用的字型直接顯示出來,並有針對類似字型提供的個人建議。

免費資源網路社群

18. Size Marks

Size Marks對網頁設計師或前端工程師來說是個很實用的Photoshop外掛。這個外掛能幫你標記出矩形選取框的間距。

免費資源網路社群

19. Velositey Version 2

Velositey讓你在Photoshop內快速設計出一個網頁,並有多種模版和模組可選擇。

免費資源網路社群

20. FontAwesomePS

搜尋圖示,然後點選建立新圖層形狀,並能夠輕鬆編輯。

免費資源網路社群

21. Liveshare PS

透過LiveShare PS,你可以利用 LiveShare 會議來線上分享Photoshop文件給其它使用者,而且沒有人數限制。如果你想修改你的Photoshop檔案,他們也能立即在LiveShare裡看到變化——甚至不用按下儲存按鈕!

免費資源網路社群

22. Photoshop Share plugin

使用Layer Hero’s Photoshop Share外掛在Photoshop裡直接分享你的設計。

免費資源網路社群

23. Prisma

Illustrator的選色器無法和Photoshop協調嗎?Prisma將所有應用程式同步。

免費資源網路社群

24. Free Lorem Ipsum Generator

最佳的Lorem Ipsum測試文字產生器,針對Photoshop、Illustrator、InDesign和Dreamweave設計。

延伸閱讀:12個你應該知道的中英文假字、文章產生器(Lorem Ipsum)

免費資源網路社群

25. Free Behance Presentation Builder

幫你利用一個免費的PSD檔和PS Action來建立你的Behance個人資料簡報。

免費資源網路社群

26. Kaku

一個簡單的Photoshop外掛,幫你把你的文字圖層翻譯成其他語言。

免費資源網路社群

27. Instagram Filters

為Photoshop加入Instagram的13種濾鏡效果。

免費資源網路社群

28. VSCO Cam Effect in Photoshop Tutorial

透過Photoshop也可以使用VSCO Cam的濾鏡特效啦!

延伸閱讀:VSCOcam:精緻濾鏡與優雅介面,充滿底片風格的質感相機

免費資源網路社群

29. Social Kit

Social Kit由Made by Source設計,包括社群網站的封面圖、個人圖片和廣告橫福。

免費資源網路社群

30. Mobile UI Blueprint psd files
免費行動裝置UI元件PSD檔,由Chrometaphore設計。

免費資源網路社群

31. Free Images

前身為sxc.hu,Free Images提供超過395,000免費圖庫圖片下載。

免費資源網路社群

32. UI Cloud

全世界最大的使用者介面設計資料庫,提供超過46,608種UI元件免費下載。

延伸閱讀:UICloud免費UI素材搜尋引擎,含GUI設計作品全部免費下載!

免費資源網路社群

33. Mock Up Zones

Mock Up Zones是一個免費圖片設計公司,提供iPads、iPhones、商務名片和T恤的免費版面設計模版。

免費資源網路社群

34. Macbook Air and Thunderbolt Display

由設計師Jozef Mak創作,免費的Macbook Air和Thunderbolt顯示器PSD檔。

免費資源網路社群

35. Greyscalegorilla 3D Tutorials

與這網站的站長都是OFFF 2010講者,我得說他是一個友善且有才華的藝術家。他的網站是許多3D藝術家的靈感來源,也提供可供你學習的教學。

免費資源網路社群

36. Vray Materials

超愛這個網站!如果你需要免費的Vray materials素材,可以來這裡找找。

免費資源網路社群

37. Blendme

這個外掛可以讓Adobe Photoshop和Illustrator搜尋成千上萬的資源,無須離開應用程式,其中包括熱門的免費圖示集。

免費資源網路社群

38. Adobe KnowHow

Adobe最近剛上線的新網站,這網站提供你一些Adobe產品的免費初學者課程。

免費資源網路社群

39. Tuts+

一個絕佳的網站,提供你多種應用程式的教學。不僅為初學者,也為專業人員。

免費資源網路社群

40. Pixeden

Pixeden是你不能錯過的網站,收錄許多免費資源,包括網站設計、模版和特效等等。

免費資源網路社群

如果你想尋找免費圖庫,可參考以下幾篇文章:

本文參考資料為40 Resources Every Designer Should Know, 原作者是荷蘭平面設計師兼部落客 Jennifer Cirpici。

本文授權轉載自:免費資源網路社群

延伸閱讀

每日精選科技圈重要消息