线框图过程对每个新的ui项目都至关重要。在进入颜色和排版之前，您必须首先考虑用户体验。这一切都始于良好的线框图。
许多设计师更喜欢在纸上工作，但线框工具包也可让您以数字方式工作。我已经在网上策划了最好的线框图ui工具包，您可以免费下载并重复用于所有移动和web界面设计的项目。
1.jolly ui
jolly ui工具包为设计人员提供免费和优质资源。它是最好的手绘线框工具包，你可以找到大量的导航菜单，滑块，按钮和常见的页面元素。
如果您只需要一些基本的东西来帮助您入门，那么就抓住这个免费版本。它有psd和ai格式，所有元素都是完整的向量。
2.基本线框套件
线框图应该是一个非常简单的过程。黑白效果最佳，这就是为什么这款basic wireframe kit是sketch用户的绝佳选择。
所有元素都经过精心设计，可以很好地融入任何类型和风格的网站。它也是sketch的简单ui工具包之一，因此对于任何远离adobe软件的人来说，它都是必备资源。
3.teracy
有关sketch元素的更完整集合，请查看teracy线框工具包。
这个完全免费的sketch资源提供了许多常见的ui元素，包括下拉列表，输入字段，面包屑和幻灯片小部件。 teracy更关注网站元素，但它也有很多移动应用程序元素。
4.蓝色线框
一些设计师将线框视为整个项目的蓝图。这就是为什么这种蓝色线框套件是美学和实用性的绝佳选择。
它是另一个sketch ui工具包，可以免费用于所有项目。每个元素的独特设计为您的线框图带来了一些魅力。 由于所有元素都是向量，因此您可以调整它们的大小而不会丢失质量。
5.精明素描ios线框套件
网站设计公司认为移动应用程序需要像网站一样被线框化，而savvy sketch ios套件非常适合iphone应用程序设计人员，当然，设计人员还可以多了解《可在线获得免费评论的9个网站》，对于程序设计人员来说也是非常的有帮助。
此ui工具包经常使用新功能进行更新，最新版本专注于ios 10.它完全免费使用，此ui工具包非常准确，可以轻松地将线框转换为完整的应用程序。
6.basiliq
线框图通常在纸上完成，但在数字化时可以更容易。这就是为什么像basiliq这样的ui套件带来两全其美的原因。
您可以获得适用于photoshop的全数字ui工具包，其中所有元素看起来都像纸上的草绘项目。
此套件最适用于网站模型，因此如果您在photoshop中构建网站，请考虑在获取详细信息之前抓取此套件的副本。
7.响应线框
我最喜欢这些线框元素的是它们的简单性。真正的低保真线框显示了ui的外观和行为，而不提供任何细节。
psd文件在dropbox上免费提供。对于任何项目来说，它都是一个有趣的线框工具包，它依赖于非常简单的常见页面元素形状。
8.betheme免费ui工具包
betheme是由一个名为muffingroup的团队创建的全面优质wordpress主题。但他们发布了一款名为betheme ui的免费线框工具，对设计师来说同样有价值。
网站设计公司分享的这个是一款高保真套件，整个使用蓝色。仍然是一个很好的选择，因为你收到的物品数量庞大。
9.ultimate wireframe ui工具包
medialoot提供了大量优质商品，但他们确实有一个名为the ultimate wireframe ui kit的免费赠品。
从技术上讲，有一个高级许可证，其中没有商业用途的归属条款。但是，大多数设计师可以使用免费包，因为它包含相同的元素。基于这个psd的大量文件大小，我认为它应该被称为“终极”线框工具。
10.应用程序样机ui
来自高级网站的另一个免费赠品资源是来自pixeden的这款app wireframing套件。每个屏幕都有一个典型iphone的大小，您可以随意重新排列页面元素。每个项目都是矢量形状，超级容易调整大小和重新设计。
如果您正在为iphone或任何ios设备进行设计，那么没有更好的资源可以开始 - 特别是如果您喜欢从低保真线框开始。
11.bootflat ui工具包
这个免费的bootflat ui工具包以着名的bootstrap框架命名。 它有一个大的psd文件，并提供了一些可以一次又一次重复使用的常见网站元素。
bootflat色彩鲜艳，设计精良，并且具有许多动态元素，如下拉列表和定价表。 这在线框图和最终模型设计中都很有效。您甚至可以将其与另一个psd线框图配对，以便在界面设计过程的后期使用它作为最终的高保真模型。
但无论你是photoshop爱好者，illustrator用户还是素描爱好者，这里都有适合每个人的线框工具包。