21個免費的UI界面設計工具、資源及網站

2020-12-14 開源中國

來自51CTO的文章，本文將介紹一些UI界面與設計使用的元素、軟體和網站。內容很豐富，適合用戶體驗設計師、界面設計師、產品設計師、JS前段開發、手機產品設計以及iPad和平板電腦產品設計等使用。

Lumzy

官方地址：http://www.lumzy.com/

Lumzy是一個網站應用和原型界面製作工具。使用Lumzy，您可以輕鬆創建UI模型並即時發送到客戶電腦中。 Lumzy還具有團隊協作編輯工具。 

Mockingbird

官方地址：https://gomockingbird.com/

Mockingbird（中文名：百舌鳥）是一個在線工具，它使您輕鬆地創建UI界面模型，預覽UI，並可以共享你的版面編排效果圖。 

The Pencil Project

官方地址：http://pencil.evolus.vn/en-US/Home.aspx

為設計圖表和用戶界面圖形原型開發的一個自由和開源工具。 

Dojo

官方地址：http://dojotoolkit.org/

Dojo提供了強大的性能並節省您的時間。這是適合經驗豐富前端開發者的JS開發工具包。 

Mocklinkr

官方地址：http://www.mocklinkr.com/

自定義排版託管工具Mocklinkr，讓你不用再擔心沒有漂亮版面

MockFlow

官方地址：http://www.mockflow.com/signup/

MockFlow是一個在線工具，用戶界面設計和協作版面編排工具。 

Serena Prototype Composer

官方地址：http://www.serena.com/products/prototype-composer/index.html

Serena Prototype Composer是製作流程圖，模擬程序流程和用戶界面設計程序。 

Cacoo

官方地址：http://cacoo.com/

Cocoo是一個用戶友好的在線繪圖工具，允許你創建一個如網站地圖，線框，UML和網絡圖圖等。 Cacoo可以免費使用。 

DENIM

官方地址：http://dub.washington.edu:2007/denim/

一個早期非正式的網站和用戶界面設計工具 

Hot Gloo

官方地址：http://www.hotgloo.com/

網上應用線框 

User Interface Design Framework

官方地址：http://www.webalys.com/design-interface-application-framework.php

一個免費提供網頁設計師使用的用戶界面設計工具。 

Pattern Tap

官方地址：http://patterntap.com/

可以尋找一些設計資源與模式等。 

User Interface Design Patterns

官方地址：http://ui-patterns.com/

提供一些熱門的用戶UI界面設計模式參考圖，分類很詳細，如果設計網站或UI界面可以上去找一些資源，很不錯。 

Patternry

官方地址：http://patternry.com/

Patternry是用戶界面設計模式庫的目的是幫助解決常見的接口設計問題。

Mephobox

官方地址：http://box.mepholio.com/

UI設計界面資源欣賞參考網站。 

Android Asset Studio

官方地址：http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html

可以在線生成圖表，只需要輸入參數即可 

Mobility

官方地址：http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/

移動用戶界面設計使用，可以輸入參數進行測試，很方便 

Android UI Elements Set

官方地址：http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/

可以自由設定Android作業系統的用戶界面元素。 

OSX Leopard GUI Set

官方地址：http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/

該軟體包含一些常用的Photoshop原文件和PNG文件，這些元素都是用來設計GUI界面的素材，通過該軟體你可以快速製作出一些出色的界面 

ALL In One Web Elements Kit

官方地址：http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

網頁布局元素大集合,PSD文件。 

iPad GUI Set

官方地址：http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

iPad平板電腦上設計布局用的元素集合。 

續篇：19個免費的UI界面設計工具及資源

相關焦點

  • UI設計網站 | 常用的UI設計網站大集合
    UI設計網站推薦學ui網http://www.xueui.cn學UI網是一個發布高質量設計教程和分享設計經驗的免費UI中國http://www.ui.cnwww.ui.cn-（原iconfans）界面設計垂直社區、中國人氣最高的圖形界面互動設計平臺。
  • 25 個實用網站工具推薦
    給大家整理了 25 個前端相關的學習網站和一些靠譜的小工具，包括一些小遊戲、教程、社區網站和博客，以及一些資源網站，希望可以幫助到大家！
  • 2019年杭州ui設計學習課程大綱免費分享
    Ui設計師現在可以說是一門非常吃香的行業之一，很多轉行學習的，也有剛畢業就來學習充電的，目的只有一個，就是能進入這門高薪的行業工作，想學習ui設計，門檻不高，所以，只要你想要學習都可以學，但是現在的ui設計師可不是簡單的P圖師，除了數量的熟悉軟體之外還得了解一下設計的基礎和理論知識
  • 乾貨 | 25個實用前端網站工具推薦
    給大家整理了 25 個前端相關的學習網站和一些靠譜的小工具，包括一些小遊戲
  • 移動開發人員必備的15個設計資源網站
    而對於移動開發人員來說，首要做的就是抓住客戶的注意力，而一個簡潔優美的界面和充滿感覺的設計最能打動客戶，所以移動網頁設計是尤為重要的。除此之外，移動網頁設計還要兼具一下兩方面的功能，一個是功能直觀明了，讓用戶不需指導就可以上手使用;另一個是為用戶帶來新鮮感，改變他們的生活方式。如何才能實現符合以上要求的網頁設計呢?我們在這裡整理了一些移動應用設計的資源，希望可以對大家有所幫助。
  • UI設計需要學什麼軟體?
    Ui設計用什麼軟體更好？ Ui設計需要學什麼軟體？有很多想從事ui設計行業的朋友都很迷茫不知道該怎麼開始，又如何去選工具讓自己更快的提升能力。然後就是ai，dobe illustrator是一種應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟體，作為一款非常好的矢量圖形處理工具，Adobe Illustrator廣泛應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和網際網路頁面的製作等！需要學習軟體的同學，大家可以百度搜索錦子會，去錦子會博客下載更多學習資源！如想要了解我的，請百度搜索羅錦，歡迎了解更多我的設計之路！
  • 【UI分享】界面設計工具都在這裡了
    也是在2003年，Axure RP 的第一個版本誕生，交互體驗設計師也有了自己的生產力工具。2020年，已有越來越多的界面設計工具相繼出現，並越來越成熟。下面我們會對每一個設計軟體做詳細的分析和對比，幫助大家更好的選擇適合你的設計軟體。這裡也給大家分享他們對應的學習網站，感興趣的同學可以深度學習。
  • （親測好用）20+免費圖庫圖標素材工具類網站合集
    ，反正挺土的，而且學壞了之前免費下的東西現在居然要積分了，但是免費資源還是有的。，資源很多，但是免費使用有限制，往往只能下一個，所以儘可能的讓同事幫忙下載吧！ui設計插圖，這個網站的素材非常多，還可以選擇配色。
  • 專為電商網站提供的20種免費設計工具
    雨果網從外媒近日的報導中了解到，不管是從零開始創建電商網站還是想更新網站的外觀，商家們都會發現有些免費的在線設計工具十分有幫助。 以下就列出了一些專門提供給商家的免費在線設計工具，包括了字體、樣式、logo、圖片、網站設計、團隊協作及設計靈感的設計工具。所有這些工具都是免費的，儘管有些提供了額外的高級設計工具。 Adobe Color Adobe Color用一個簡易的顏色輪盤做成了顏色面板，設置基色並得到四種互補的顏色。
  • 15個免費設計資源網站——設計師福利 01
    他除了一點點的天賦以外，還收藏了大量的資源素材。如果你是設計師，經常偷偷的把好資源網站藏起來自己用，分享後擔心別人超過你的能力。其實，大家可以多多分享，不同的人看待素材的角度是不一樣的，能否很好的利用素材也是一門學問。本文分享15個來自medium的推薦，相信能幫助的你的設計工作上。
  • 史上最全的25個UX/UI設計靈感類網站
    不論是UI設計師還是UX設計師每天花在找尋設計靈感的時間通常不會少於2小時以上，而多虧現在網際網路的發展迅速，使得我們可以輕易就能從網上獲取各種設計資源和設計靈感。本篇文章收集了最佳的25個UX和UI設計靈感類的網站，史上最全的靈感資源文章，沒有之一。
  • UI界面設計是什麼?
    UI界面設計是什麼？我們來解釋一下。對於用戶的界面，我們想一下，我們日常生活中接觸到的哪些是用戶界面？我們的手機界面、電腦界面、iPad界面、還有車載系統界面、VR界面等。將這些界面設計劃分為三類：PC端UI設計、移動端UI設計、其他UI設計。
  • 免費分享幾個高質量的辦公資源網站
    免費分享6個高質量的辦公資源網站好的資源素材，能為我們提供設計規劃的靈感，同時也能提高辦公效率，應急時候拿來主義也不是不可以。小編在平時的工作中，經常要借鑑或使用一些現成的素材及模版。因此有一個好的工具和理想的資源就事半功倍了。
  • 職涯建議丨UI設計網站內容大分類
    對於初學UI設計或者互動設計的設計師，有很多知識來源於網絡資源的共享，有的選擇了一些UI設計培訓機構學習基礎，有的選擇了在各大網站上吸取知識
  • 參加ui設計培訓都應該知道的事!天津ui設計培訓機構
    正打算學習ui設計的你，不論是想通過線上學習、線下學習還是自學，小築都希望給你一些建議，能夠在ui設計的學習道路上不迷路，不走彎路。 今年的市場情況不是很理想，也給了很多求職者重重一擊尤其是大部分的應屆生同學們，也讓很多人意識到了學習一門技能的重要性，想當然ui設計成了熱門之選。
  • 不可錯過的實用前端工具
    給大家整理了 25 個前端相關的學習網站和一些靠譜的小工具，包括一些小遊戲、教程、社區網站和博客，以及一些資源網站，希望可以幫助到大家！，針對網站前端代碼的一個工具，上面有各種效果的案例特效（炫技），可以在他們的 demo 基礎上開發自己的前端設計。
  • UI設計哪個學校好?零基礎學UI設計教程分享
    UI設計哪個學校好？零基礎學UI設計教程分享。沒有任何基礎到底適不適合學習ui設計，多久可以學會，如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單，很多職場轉行和畢業的新手小白系統的學習幾個月都能學會，所以大家想學習ui設計其實不要太過於擔心。
  • Adobe宣布圖形化界面設計工具XD CC免費計劃
    Adobe宣布圖形化界面設計工具XD CC免費計劃2018-05-16 10:56出處/作者：cnBeta.COM整合編輯：Alan責任編輯：leijunhua Adobe近日宣布宣布圖形化界面UX設計工具XD CC免費計劃（Starter Plan），向所有Adboe CC用戶（Mac/Linux/PC/iOS/安卓）免費提供XD CC工具使用權，並且免費開放Typekit字體工具和Creative Cloud庫訪問權
  • 23個全學科免費資源網站,備課效率提升50%!(趕快收藏)
    （本群為教師群僅限教師加入）快要開學了，你們是不是在備課、整理教案時，總會苦惱資源何處找？今天大樹就整理了23個中學全學科老師最想要的資源網站，幫助大家尋找靈感，提升效率！優點：全站免費，無需註冊，下載方便，教程版本齊全缺點：網站界面顏值太低，容易彈出廣告界面優點：一個非常好的數學在線課程平臺，擁有學生版、教師版缺點：需要數據統計或學習評價等服務，需要付費優點：教學理念先進，幫助科學學科教師的提升教學缺點：只有單一學科資源優點：豐富、海量、新穎、創新
  • 中小幼老師收藏最多的21個資源網站,提前給你!
    今天圖圖整理了 21 個中小幼全學科老師收藏比較多的網站，幫助大家尋找靈感，提升備考/工作效率。2.人民教育出版社官網直屬於教育部的專業出版社，這裡除了免費電子教材，還有教學設計供參考。13.我要自學網有豐富的教程，而且是免費的，包括電腦辦公，平面設計，影視動畫等等，裡教師講解很詳細，教程豐富。