許多設(shè)計(jì)師更喜歡在紙上工作，但線框工具包也可讓您以數(shù)字方式工作。我已經(jīng)在網(wǎng)上策劃了最好的線框圖UI工具包，您可以免費(fèi)下載并重復(fù)用于所有移動(dòng)和Web界面設(shè)計(jì)的項(xiàng)目。
 

　　1.Jolly UI

　　Jolly UI工具包為設(shè)計(jì)人員提供免費(fèi)和優(yōu)質(zhì)資源。它是最好的手繪線框工具包，你可以找到大量的導(dǎo)航菜單，滑塊，按鈕和常見的頁(yè)面元素。
 

　　如果您只需要一些基本的東西來(lái)幫助您入門，那么就抓住這個(gè)免費(fèi)版本。它有PSD和AI格式，所有元素都是完整的向量。
 

　　2.基本線框套件

　　線框圖應(yīng)該是一個(gè)非常簡(jiǎn)單的過(guò)程。黑白效果最佳，這就是為什么這款Basic Wireframe Kit是Sketch用戶的絕佳選擇。
 

　　所有元素都經(jīng)過(guò)精心設(shè)計(jì)，可以很好地融入任何類型和風(fēng)格的網(wǎng)站。它也是Sketch的簡(jiǎn)單UI工具包之一，因此對(duì)于任何遠(yuǎn)離Adobe軟件的人來(lái)說(shuō)，它都是必備資源。
 

　　3.Teracy

　　有關(guān)Sketch元素的更完整集合，請(qǐng)查看Teracy線框工具包。
 

　　這個(gè)完全免費(fèi)的Sketch資源提供了許多常見的UI元素，包括下拉列表，輸入字段，面包屑和幻燈片小部件。 Teracy更關(guān)注網(wǎng)站元素，但它也有很多移動(dòng)應(yīng)用程序元素。
 

　　4.藍(lán)色線框

　　一些設(shè)計(jì)師將線框視為整個(gè)項(xiàng)目的藍(lán)圖。這就是為什么這種藍(lán)色線框套件是美學(xué)和實(shí)用性的絕佳選擇。
 

　　它是另一個(gè)Sketch UI工具包，可以免費(fèi)用于所有項(xiàng)目。每個(gè)元素的獨(dú)特設(shè)計(jì)為您的線框圖帶來(lái)了一些魅力。 由于所有元素都是向量，因此您可以調(diào)整它們的大小而不會(huì)丟失質(zhì)量。
 

　　5.精明素描iOS線框套件

 

　　網(wǎng)站設(shè)計(jì)公司認(rèn)為移動(dòng)應(yīng)用程序需要像網(wǎng)站一樣被線框化，而Savvy Sketch iOS套件非常適合iPhone應(yīng)用程序設(shè)計(jì)人員，當(dāng)然，設(shè)計(jì)人員還可以多了解《可在線獲得免費(fèi)評(píng)論的9個(gè)網(wǎng)站》，對(duì)于程序設(shè)計(jì)人員來(lái)說(shuō)也是非常的有幫助。
 

　　此UI工具包經(jīng)常使用新功能進(jìn)行更新，最新版本專注于iOS 10.它完全免費(fèi)使用，此UI工具包非常準(zhǔn)確，可以輕松地將線框轉(zhuǎn)換為完整的應(yīng)用程序。
 

　　6.Basiliq

　　線框圖通常在紙上完成，但在數(shù)字化時(shí)可以更容易。這就是為什么像Basiliq這樣的UI套件帶來(lái)兩全其美的原因。
 

　　您可以獲得適用于Photoshop的全數(shù)字UI工具包，其中所有元素看起來(lái)都像紙上的草繪項(xiàng)目。
 

　　此套件最適用于網(wǎng)站模型，因此如果您在Photoshop中構(gòu)建網(wǎng)站，請(qǐng)考慮在獲取詳細(xì)信息之前抓取此套件的副本。
 

　　7.響應(yīng)線框

　　我最喜歡這些線框元素的是它們的簡(jiǎn)單性。真正的低保真線框顯示了UI的外觀和行為，而不提供任何細(xì)節(jié)。
 

　　PSD文件在Dropbox上免費(fèi)提供。對(duì)于任何項(xiàng)目來(lái)說(shuō)，它都是一個(gè)有趣的線框工具包，它依賴于非常簡(jiǎn)單的常見頁(yè)面元素形狀。
 

　　8.BeTheme免費(fèi)UI工具包

　　BeTheme是由一個(gè)名為MuffinGroup的團(tuán)隊(duì)創(chuàng)建的全面優(yōu)質(zhì)WordPress主題。但他們發(fā)布了一款名為BeTheme UI的免費(fèi)線框工具，對(duì)設(shè)計(jì)師來(lái)說(shuō)同樣有價(jià)值。
 

　　網(wǎng)站設(shè)計(jì)公司分享的這個(gè)是一款高保真套件，整個(gè)使用藍(lán)色。仍然是一個(gè)很好的選擇，因?yàn)槟闶盏降奈锲窋?shù)量龐大。
 

　　9.Ultimate Wireframe UI工具包

　　MediaLoot提供了大量?jī)?yōu)質(zhì)商品，但他們確實(shí)有一個(gè)名為The Ultimate Wireframe UI Kit的免費(fèi)贈(zèng)品。
 

　　從技術(shù)上講，有一個(gè)高級(jí)許可證，其中沒(méi)有商業(yè)用途的歸屬條款。但是，大多數(shù)設(shè)計(jì)師可以使用免費(fèi)包，因?yàn)樗嗤脑??；谶@個(gè)PSD的大量文件大小，我認(rèn)為它應(yīng)該被稱為“終極”線框工具。
 

　　10.應(yīng)用程序樣機(jī)UI

　　來(lái)自高級(jí)網(wǎng)站的另一個(gè)免費(fèi)贈(zèng)品資源是來(lái)自Pixeden的這款app wireframing套件。每個(gè)屏幕都有一個(gè)典型iPhone的大小，您可以隨意重新排列頁(yè)面元素。每個(gè)項(xiàng)目都是矢量形狀，超級(jí)容易調(diào)整大小和重新設(shè)計(jì)。
 

　　如果您正在為iPhone或任何iOS設(shè)備進(jìn)行設(shè)計(jì)，那么沒(méi)有更好的資源可以開始 - 特別是如果您喜歡從低保真線框開始。
 

　　11.Bootflat UI工具包

　　這個(gè)免費(fèi)的Bootflat UI工具包以著名的Bootstrap框架命名。 它有一個(gè)大的PSD文件，并提供了一些可以一次又一次重復(fù)使用的常見網(wǎng)站元素。
 

　　Bootflat色彩鮮艷，設(shè)計(jì)精良，并且具有許多動(dòng)態(tài)元素，如下拉列表和定價(jià)表。 這在線框圖和最終模型設(shè)計(jì)中都很有效。您甚至可以將其與另一個(gè)PSD線框圖配對(duì)，以便在界面設(shè)計(jì)過(guò)程的后期使用它作為最終的高保真模型。
 

　　但無(wú)論你是Photoshop愛好者，Illustrator用戶還是素描愛好者，這里都有適合每個(gè)人的線框工具包。