設計師必備!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。

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

關鍵字: #數位工具
本網站內容未經允許,不得轉載。
往下滑看下一篇文章
HPE Networking Instant On來助力,初咖啡打造像家一樣的咖啡體驗空間!
HPE Networking Instant On來助力,初咖啡打造像家一樣的咖啡體驗空間!

走進位於台中沙鹿四平街的「初咖啡」,芬芳滿室的咖啡香、溫暖療癒的陽光、綠意盎然的植栽,以及便捷舒適的空間體驗,不僅讓人流連忘返、更是訪客不斷回訪的關鍵。初咖啡主理人楊倩如表示:「我心中的理想咖啡廳不僅要有引人的裝潢外觀、舒適的空間規劃、便捷的WiFi服務,每一季,我們都會更換咖啡豆以滿足客戶嘗鮮的需求,此外,我們設有兩座咖啡豆烘培機器,以淺培、中培的方式處理咖啡豆,讓訪客可以品嘗最原始的咖啡風味。」

鉅晶
圖/ 數位時代

關鍵拼圖,初咖啡以HPE Networking Instant On完善咖啡空間體驗

初咖啡對理想的堅持,不僅自然而然的形成差異化服務優勢、吸引一群死忠消費者,挺過疫情衝擊後,初咖啡將咖啡廳二樓打造成小型體驗空間,開始提供各種咖啡課程、或者是做為舉辦小型活動的場地,為了順利擴展業務,初咖啡除進行相應的空間裝潢,更計畫更新店內的WiFi服務。
協助楊倩如一起打理初咖啡、主導WiFi設備升級工作的邱俊銘表示:「無論是咖啡、空間還是服務,我們的理念一直是:只要可以就做到最好。」以WiFi服務為例,一開始,初咖啡使用的是家用型WiFi AP,隨著裝潢的調整與訪客的增加,不僅店內空間出現WiFi連線訊號死角問題、一樓室外空間也無法連結WiFi,再加上WiFi AP的外觀與店內裝潢風格不搭,只能擺放在訪客看不到的吧檯櫃內空間,設備線材雜亂也影響連線品質,為改善這些問題,以及確保二樓空間也能夠順利連網,開始評估系列解決方案,最終決定採用HPE Networking Instant On系列產品:導入Instant On 1930系列交換器、在一樓室內安裝1台Instant On AP22、一樓戶外安裝1台Instant On AP17,以及在二樓安裝1台Instant On AP22。

鉅晶
圖/ 數位時代

邱俊銘進一步解釋會決定採用HPE Networking Instant On的原因有三:首先是既有的訊號死角與連線覆蓋率不足等問題迎刃而解,而且,HPE Networking Instant On只要透過網路線就可以供電,大幅降低室內與室外拉線問題,此外,美觀的外型也與初咖啡欲打造的空間氛圍一致,有相互加分的成效;其次是合作夥伴 – 鉅晶國際 – 提供專業且貼心的諮詢與技術支援服務,例如在一開始的評估階段就針對初咖啡的室內裝潢提出最佳規畫建議,以及在一周左右的時間完成施工與架設工作,安裝上線後,鉅晶國際的團隊也總是在最短時間內提供相應的支援;最後,同時也是最重要的是,系統設備高度整合且易於管理,完全符合初咖啡的管理需求。

鉅晶
圖/ 數位時代

「透過HPE Networking Instant On App,無論在哪都可以輕鬆掌握各個網路設備的即時運行狀況,甚至是從中找出異常事件、防範於未然。」邱俊銘面帶微笑地說,導入HPE Networking Instant On後,初咖啡又往理想–讓訪客可以像在家一樣的悠閒品嘗咖啡、渡過美好時光–邁進一步,是咖啡廳營運的最佳幫手。

鉅晶
圖/ 數位時代

為未來做最佳準備,初咖啡以別具一格的咖啡體驗持續擴展業務版圖

導入HPE Networking Instant On除有助於初咖啡解決當務之急:連網與管理問題,更為未來的商業擴展做好最佳準備,例如可以因應業務需求輕鬆設定、擴展WiFi 服務,以內建的安全性閘道和防火牆將業務與訪客流量分開,以及透過(遠端)監管的方式即早發現異常連線行為以降低惡意攻擊、將危害降低到最低,提供訪客安全無虞的WiFi連線體驗等。
「我們想提供給客戶最好的體驗,透過HPE Networking Instant On除可提供訪客提供高品質的連網服務,還可以進一步落實安全防護,這是以前想都沒有想過的事情。」邱俊銘面帶微笑地解釋,初咖啡除提供咖啡、餐飲服務,販售自家烘培的咖啡商品,以及開設與咖啡相關的課程與活動,亦不排除開設二店甚至是三店,在這樣的前提下,功能強大且可輕鬆管理的WiFi服務顯得尤其重要,不僅能完善空間服務體驗,也讓團隊可以無後顧之憂的衝刺咖啡等核心業務。
「我們十分滿意HPE Networking Instant On帶來的絕佳使用體驗,除會視需求擴展使用,也會不藏私地介紹給同業。」關於HPE Networking Instant On的未來規劃,邱俊銘如是說道。

本網站內容未經允許,不得轉載。

登入數位時代會員

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

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
台日半導體新局 全解讀
© 2024 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓