Godzilla. 2018-12-10
網(wǎng)站建設
11個免費線框套件,可加快您的設計工作流程
線框圖過程對每個新的UI項目都至關重要。在進入顏色和排版之前,您必須首先考慮用戶體驗。這一切都始于良好的線框圖。
許多設計師更喜歡在紙上工作,但線框工具包也可讓您以數(shù)字方式工作。我已經(jīng)在網(wǎng)上策劃了最好的線框圖UI工具包,您可以免費下載并重復用于所有移動和Web界面設計的項目。
1.Jolly UI
Jolly UI工具包為設計人員提供免費和優(yōu)質(zhì)資源。它是最好的手繪線框工具包,你可以找到大量的導航菜單,滑塊,按鈕和常見的頁面元素。
如果您只需要一些基本的東西來幫助您入門,那么就抓住這個免費版本。它有PSD和AI格式,所有元素都是完整的向量。
2.基本線框套件
線框圖應該是一個非常簡單的過程。黑白效果最佳,這就是為什么這款Basic Wireframe Kit是Sketch用戶的絕佳選擇。
所有元素都經(jīng)過精心設計,可以很好地融入任何類型和風格的網(wǎng)站。它也是Sketch的簡單UI工具包之一,因此對于任何遠離Adobe軟件的人來說,它都是必備資源。
3.Teracy
有關Sketch元素的更完整集合,請查看Teracy線框工具包。
這個完全免費的Sketch資源提供了許多常見的UI元素,包括下拉列表,輸入字段,面包屑和幻燈片小部件。 Teracy更關注網(wǎng)站元素,但它也有很多移動應用程序元素。
4.藍色線框
一些設計師將線框視為整個項目的藍圖。這就是為什么這種藍色線框套件是美學和實用性的絕佳選擇。
它是另一個Sketch UI工具包,可以免費用于所有項目。每個元素的獨特設計為您的線框圖帶來了一些魅力。 由于所有元素都是向量,因此您可以調(diào)整它們的大小而不會丟失質(zhì)量。
5.精明素描iOS線框套件
網(wǎng)站設計公司認為移動應用程序需要像網(wǎng)站一樣被線框化,而Savvy Sketch iOS套件非常適合iPhone應用程序設計人員,當然,設計人員還可以多了解《可在線獲得免費評論的9個網(wǎng)站》,對于程序設計人員來說也是非常的有幫助。
此UI工具包經(jīng)常使用新功能進行更新,最新版本專注于iOS 10.它完全免費使用,此UI工具包非常準確,可以輕松地將線框轉(zhuǎn)換為完整的應用程序。
6.Basiliq
線框圖通常在紙上完成,但在數(shù)字化時可以更容易。這就是為什么像Basiliq這樣的UI套件帶來兩全其美的原因。
您可以獲得適用于Photoshop的全數(shù)字UI工具包,其中所有元素看起來都像紙上的草繪項目。
此套件最適用于網(wǎng)站模型,因此如果您在Photoshop中構(gòu)建網(wǎng)站,請考慮在獲取詳細信息之前抓取此套件的副本。
7.響應線框
我最喜歡這些線框元素的是它們的簡單性。真正的低保真線框顯示了UI的外觀和行為,而不提供任何細節(jié)。
PSD文件在Dropbox上免費提供。對于任何項目來說,它都是一個有趣的線框工具包,它依賴于非常簡單的常見頁面元素形狀。
8.BeTheme免費UI工具包
BeTheme是由一個名為MuffinGroup的團隊創(chuàng)建的全面優(yōu)質(zhì)WordPress主題。但他們發(fā)布了一款名為BeTheme UI的免費線框工具,對設計師來說同樣有價值。
網(wǎng)站設計公司分享的這個是一款高保真套件,整個使用藍色。仍然是一個很好的選擇,因為你收到的物品數(shù)量龐大。
9.Ultimate Wireframe UI工具包
MediaLoot提供了大量優(yōu)質(zhì)商品,但他們確實有一個名為The Ultimate Wireframe UI Kit的免費贈品。
從技術上講,有一個高級許可證,其中沒有商業(yè)用途的歸屬條款。但是,大多數(shù)設計師可以使用免費包,因為它包含相同的元素。基于這個PSD的大量文件大小,我認為它應該被稱為“終極”線框工具。
10.應用程序樣機UI
來自高級網(wǎng)站的另一個免費贈品資源是來自Pixeden的這款app wireframing套件。每個屏幕都有一個典型iPhone的大小,您可以隨意重新排列頁面元素。每個項目都是矢量形狀,超級容易調(diào)整大小和重新設計。
如果您正在為iPhone或任何iOS設備進行設計,那么沒有更好的資源可以開始 - 特別是如果您喜歡從低保真線框開始。
11.Bootflat UI工具包
這個免費的Bootflat UI工具包以著名的Bootstrap框架命名。 它有一個大的PSD文件,并提供了一些可以一次又一次重復使用的常見網(wǎng)站元素。
Bootflat色彩鮮艷,設計精良,并且具有許多動態(tài)元素,如下拉列表和定價表。 這在線框圖和最終模型設計中都很有效。您甚至可以將其與另一個PSD線框圖配對,以便在界面設計過程的后期使用它作為最終的高保真模型。
但無論你是Photoshop愛好者,Illustrator用戶還是素描愛好者,這里都有適合每個人的線框工具包。
文章評論: