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

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

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

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

1. Fribbble

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

image_1.jpg
圖/ 免費資源網路社群

2. Behance Project Template

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

image_2.jpg
圖/ 免費資源網路社群

3. psddd.co

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

image_4.jpg
圖/ 免費資源網路社群

5. CG textures

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

image_5.jpg
圖/ 免費資源網路社群

6. Subtle Patterns

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

image_6.jpg
圖/ 免費資源網路社群

7. Webydo

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

image_7.jpg
圖/ 免費資源網路社群

8. guideguide

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

image_8.jpg
圖/ 免費資源網路社群

9. No more banding

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

image_9.jpg
圖/ 免費資源網路社群

10. Gridzzly

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

image_10.jpg
圖/ 免費資源網路社群

11. Make app Icon

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

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

image_11.jpg
圖/ 免費資源網路社群

12. Perfect Effects 3

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

image_12.jpg
圖/ 免費資源網路社群

13. Cut & Slice

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

image_13.jpg
圖/ 免費資源網路社群

14. Layrs Control 2

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

image_14.jpg
圖/ 免費資源網路社群

15. Hexy

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

image_15.jpg
圖/ 免費資源網路社群

16. What The Font!

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

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

image_16.jpg
圖/ 免費資源網路社群

17. Typewolf

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

image_17.jpg
圖/ 免費資源網路社群

18. Size Marks

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

image_18.gif
圖/ 免費資源網路社群

19. Velositey Version 2

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

image_19.jpg
圖/ 免費資源網路社群

20. FontAwesomePS

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

image_20.jpg
圖/ 免費資源網路社群

21. Liveshare PS

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

image_21.jpg
圖/ 免費資源網路社群

22. Photoshop Share plugin

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

image_22.jpg
圖/ 免費資源網路社群

23. Prisma

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

image_23.jpg
圖/ 免費資源網路社群

24. Free Lorem Ipsum Generator

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

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

image_24.jpg
圖/ 免費資源網路社群

25. Free Behance Presentation Builder

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

image_25.jpg
圖/ 免費資源網路社群

26. Kaku

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

image_26.jpg
圖/ 免費資源網路社群

27. Instagram Filters

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

image_27.jpg
圖/ 免費資源網路社群

28. VSCO Cam Effect in Photoshop Tutorial

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

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

image_28.jpg
圖/ 免費資源網路社群

29. Social Kit

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

image_29.jpg
圖/ 免費資源網路社群

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

image_30.jpg
圖/ 免費資源網路社群

31. Free Images

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

image_31.jpg
圖/ 免費資源網路社群

32. UI Cloud

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

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

image_32.jpg
圖/ 免費資源網路社群

33. Mock Up Zones

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

image_33.jpg
圖/ 免費資源網路社群

34. Macbook Air and Thunderbolt Display

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

image_35.jpg
圖/ 免費資源網路社群

35. Greyscalegorilla 3D Tutorials

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

image_36.jpg
圖/ 免費資源網路社群

36. Vray Materials

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

image_37.jpg
圖/ 免費資源網路社群

37. Blendme

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

image_38.jpg
圖/ 免費資源網路社群

38. Adobe KnowHow

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

image_39.jpg
圖/ 免費資源網路社群

39. Tuts+

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

image_40.jpg
圖/ 免費資源網路社群

40. Pixeden

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

image_41.jpg
圖/ 免費資源網路社群

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

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

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

關鍵字: #數位工具
往下滑看下一篇文章
突破摩爾定律極限!台灣奈微光用矽光子技術打造「會聞的晶片」,開創感測新藍海
突破摩爾定律極限!台灣奈微光用矽光子技術打造「會聞的晶片」,開創感測新藍海

在後摩爾定律時代,台灣奈微光不僅是開發出一款新晶片,更在於證明了創新不必只沿著摩爾定律持續追求製程極限,採取橫向發展同樣能找到市場著力點,台灣奈微光正運用 CMOS(Complementary Metal-Oxide-Semiconductor)製程,打造出全球少見、能「嗅聞」世界的感測平台,這場從臺大實驗室技術啟程的冒險,正讓臺灣半導體產業看見另一條通往未來的道路。

跨足大健康與車用,奈微光用矽光子打造感測新藍圖

台灣奈微光所研發的矽光子感測晶片樣品,針對多波段應用所設計的多樣化解決方案。
台灣奈微光所研發的矽光子感測晶片樣品,針對多波段應用所設計的多樣化解決方案。
圖/ 數位時代

正當全球半導體產業競相投入奈米級製程競賽,追求更小、更快的晶片時,台灣奈微光卻選擇了一條截然不同的道路。「我們的核心技術就在於光子 IC 設計。」台灣奈微光董事邱俊榮說明,他們所做的是「光的晶片」,與傳統專注於電子電路的 IC 完全不同。

長久以來,市場上若要製造中長波紅外光的光源,普遍會採用化合物半導體。然而,化合物半導體不僅成本高、良率較低,且在光譜調控上存在不少挑戰,台灣奈微光則突破性地利用 CMOS製程,直接從矽基底打造出中長波紅外光光源,顛覆了以往的作法。

邱俊榮強調,這都要歸功於臺灣半導體 CMOS 製程的高度成熟與優異良率,讓台灣奈微光能在成本上取得絕對競爭力,打破中長波紅外光技術高昂的門檻。「我們是透過 CMOS的半導體製程設備,把晶片延伸到矽光子光源與矽光子感測器。」他指出,「這就是台灣奈微光最核心的差異化。」台灣奈微光的矽光子技術,也催生出最具顛覆性的應用──微量氣體的連續偵測。傳統上,偵測微量氣體多依賴大型設備,或是藉由薄膜與電化學感測器,體積龐大、造價不菲,且難以持續監測,必須等待薄膜變化才能得到數據,台灣奈微光則運用中長波紅外光,透過氣體吸收特定波長時產生的能量變化,實現即時且連續的濃度偵測。

在應用面,台灣奈微光鎖定「大健康」與「汽車」兩大領域:希望未來能將這項技術導入智慧衣等穿戴裝置,持續監控呼吸與體內氣體變化,也可應用於電動車市場,偵測鋰電池異常釋放的氣體,為車輛安全嚴格把關。

挑戰摩爾定律侷限橫向創新,打開感測市場新局

台灣奈微光持續以矽光子技術挑戰摩爾定律的侷限,開創感測市場新局,展現臺灣半導體橫向創新的實力與決心。
台灣奈微光持續以矽光子技術挑戰摩爾定律的侷限,開創感測市場新局,展現臺灣半導體橫向創新的實力與決心。
圖/ 數位時代

這項突破性的感測能力,也展現出台灣奈微光對半導體產業發展脈絡的深刻洞察,傳統的半導體產業長期依循摩爾定律,追求單位面積內電晶體數量的極大化,也就是線寬持續縮小、功能不斷堆疊,屬於典型的「縱深式」發展,然而,隨著製程推進至1奈米世代,單台曝光機設備高達4億美元,資本支出急遽膨脹,物理極限與成本效益成為產業面臨的重大挑戰。

台灣奈微光選擇另闢蹊徑,他們將半導體製程的應用「橫向」擴展。邱俊榮指出,即便在傳統 IC 領域中,微米級製程線寬早已鮮少被提及,但在感測器等應用領域依然蘊藏廣大潛力,台灣奈微光正是運用這些「尚未被徹底開發」的微米級製程,結合自家的矽光子技術,開發出光源與感測器晶片,創造全新的應用價值,這意味著,臺灣半導體產業不只在奈米級製程領域具備領先地位,還能進一步將既有資產延伸至更多元的應用場景,而不必一味追逐最先進的製程節點。

「我們不是照著摩爾定律的方向往下挖掘,而是打開另一種可能,只要做一些物理上的調整,就能產生中長波的光源,還能偵測中長波紅外光,甚至在同一顆晶片上就可同時偵測到紫外光。」邱俊榮強調,這正是對半導體生命週期的延伸。他也提到,台灣奈微光的目標並非爭奪市場,而是藉由技術替換,協助既有產品升級、實現價值加值(value-add)。

不過,若要讓這項劃時代的光感測技術真正落地並普及至廣大市場,仍需面對商業化與規模量產的多重挑戰。為了推動晶片功能從單一走向多元,並提升其多波段的精確調控能力,台灣奈微光申請了經濟部產業發展署所推動的「驅動國內 IC 設計業者先進發展補助計畫」(簡稱晶創IC補助計畫),期望加速技術成熟與市場部署。

AI時代新戰局,台灣奈微光技術應用的無限可能

此計畫的核心目標,是讓單一晶片實現「多波段(multi-band)有效控制的微分辨識」。過去,台灣奈微光所開發的晶片多以單一功能為主,而透過晶創 IC 補助計畫的資源,將協助他們推進晶片功能的多元化。

這項技術的挑戰,在於如何精準控制多個光譜的發射。邱俊榮形容,以前的設計就像一次將所有光譜全部釋放,現在則能做到「要A動、BC不動」或「C動、AB不動」等更細膩的調控,要達成這種「誰要動、誰不動」的精準控制,必須增添新的光罩設計與更複雜的驅動機制,雖然這意味著更高的開發成本,但能顯著簡化後端機構,加速產品量產與推向市場的進程。

台灣奈微光預計在2026年6月前完成這項技術開發進入投片階段。儘管從投片到實際市場落地仍需時間,但他們已開始與紡織、電動車鋰電池、半導體廠房氣體偵測等產業客戶溝通布局,力求縮短市場開發週期。同時,在迎接AI的時代,數據品質與廣度更是關鍵。邱俊榮認為,台灣奈微光的矽光子感測技術,能為AI提供更精確、即時與連續的數據。透過晶片同時測量多種身體參數並實現每秒連續偵測,將提供豐富且精準的「身體密碼」數據,不僅能協助AI進行更深入的演算找出過去未能捕捉的變化規律,更將賦能AI在大健康等領域做出巨大貢獻。

目前,台灣奈微光正積極與半導體廠房氣體偵測廠商、大健康品牌客戶及跨產業夥伴合作。展望未來,台灣奈微光不僅要透過晶創IC補助計畫將晶片功能多元化,更將持續深化技術,證明台灣半導體產業不只在極限製程上領先,更能橫向開拓無限的市場潛力,為全球帶來前所未有的感測應用突破。

|企業小檔案|
● 企業名稱:台灣奈微光
● 董事長:張坤昱
● 核心技術:CMOS製程的先進矽光子光源晶片模組與感測晶片模組
● 資本額:新臺幣4.5億元

|驅動國內IC設計業者先進發展補助計畫簡介|
在行政院「晶片驅動臺灣產業創新方案」政策架構下,經濟部產業發展署透過推動「驅動國內IC設計業者先進發展補助計畫」,以實質政策補助,引導業者往AI、高效能運算、車用或新興應用等高值化領域之「16奈米以下先進製程」或「具國際高度信任之優勢、特殊領域」布局,以避開中國大陸在成熟製程之低價競爭,並提升我國IC設計產業價值與國際競爭力。

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
蘋果能再次偉大?
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓