??11個(gè)免費(fèi)線框套件
2018-12-10 15:41:14
聚景科技
線框圖過程對每個(gè)新的UI項(xiàng)目都至關(guān)重要。在進(jìn)入顏色和排版之前，您必須首先考慮用戶體驗(yàn)。這一切都始于良好的線框圖。
許多設(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)航菜單，滑塊，按鈕和常見的頁面元素。
如果您只需要一些基本的東西來幫助您入門，那么就抓住這個(gè)免費(fèi)版本。它有PSD和AI格式，所有元素都是完整的向量。
2.基本線框套件
線框圖應(yīng)該是一個(gè)非常簡單的過程。黑白效果最佳，這就是為什么這款Basic Wireframe Kit是Sketch用戶的絕佳選擇。
所有元素都經(jīng)過精心設(shè)計(jì)，可以很好地融入任何類型和風(fēng)格的網(wǎng)站。它也是Sketch的簡單UI工具包之一，因此對于任何遠(yuǎn)離Adobe軟件的人來說，它都是必備資源。
3.Teracy
有關(guān)Sketch元素的更完整集合，請查看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ì)為您的線框圖帶來了一些魅力。 由于所有元素都是向量，因此您可以調(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)評論的9個(gè)網(wǎng)站》，對于程序設(shè)計(jì)人員來說也是非常的有幫助。
此UI工具包經(jīng)常使用新功能進(jìn)行更新，最新版本專注于iOS 10.它完全免費(fèi)使用，此UI工具包非常準(zhǔn)確，可以輕松地將線框轉(zhuǎn)換為完整的應(yīng)用程序。
6.Basiliq
線框圖通常在紙上完成，但在數(shù)字化時(shí)可以更容易。這就是為什么像Basiliq這樣的UI套件帶來兩全其美的原因。
您可以獲得適用于Photoshop的全數(shù)字UI工具包，其中所有元素看起來都像紙上的草繪項(xiàng)目。
此套件最適用于網(wǎng)站模型，因此如果您在Photoshop中構(gòu)建網(wǎng)站，請考慮在獲取詳細(xì)信息之前抓取此套件的副本。
7.響應(yīng)線框
我最喜歡這些線框元素的是它們的簡單性。真正的低保真線框顯示了UI的外觀和行為，而不提供任何細(xì)節(jié)。
PSD文件在Dropbox上免費(fèi)提供。對于任何項(xiàng)目來說，它都是一個(gè)有趣的線框工具包，它依賴于非常簡單的常見頁面元素形狀。
8.BeTheme免費(fèi)UI工具包
BeTheme是由一個(gè)名為MuffinGroup的團(tuán)隊(duì)創(chuàng)建的全面優(yōu)質(zhì)WordPress主題。但他們發(fā)布了一款名為BeTheme UI的免費(fèi)線框工具，對設(shè)計(jì)師來說同樣有價(jià)值。
網(wǎng)站設(shè)計(jì)公司分享的這個(gè)是一款高保真套件，整個(gè)使用藍(lán)色。仍然是一個(gè)很好的選擇，因?yàn)槟闶盏降奈锲窋?shù)量龐大。
9.Ultimate Wireframe UI工具包
MediaLoot提供了大量優(yōu)質(zhì)商品，但他們確實(shí)有一個(gè)名為The Ultimate Wireframe UI Kit的免費(fèi)贈(zèng)品。
從技術(shù)上講，有一個(gè)高級許可證，其中沒有商業(yè)用途的歸屬條款。但是，大多數(shù)設(shè)計(jì)師可以使用免費(fèi)包，因?yàn)樗嗤脑亍；谶@個(gè)PSD的大量文件大小，我認(rèn)為它應(yīng)該被稱為“終極”線框工具。
10.應(yīng)用程序樣機(jī)UI
來自高級網(wǎng)站的另一個(gè)免費(fèi)贈(zèng)品資源是來自Pixeden的這款app wireframing套件。每個(gè)屏幕都有一個(gè)典型iPhone的大小，您可以隨意重新排列頁面元素。每個(gè)項(xiàng)目都是矢量形狀，超級容易調(diào)整大小和重新設(shè)計(jì)。
如果您正在為iPhone或任何iOS設(shè)備進(jìn)行設(shè)計(jì)，那么沒有更好的資源可以開始 - 特別是如果您喜歡從低保真線框開始。
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線框圖配對，以便在界面設(shè)計(jì)過程的后期使用它作為最終的高保真模型。
但無論你是Photoshop愛好者，Illustrator用戶還是素描愛好者，這里都有適合每個(gè)人的線框工具包。