线框图过程对每个新的 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 线框套件

 
  WordPress 网站设计公司认为移动应用程序需要像网站一样被线框化,而 Savvy Sketch iOS 套件非常适合 iPhone 应用程序设计人员,当然,设计人员还可以多了解《可线上获得免费评论的 9 个网站》,对于程序设计人员来说也是非常的有帮助。
 
  此 UI 工具包经常使用新功能进行更新,最新版本专注于 iOS 10. 它完全免费使用,此 UI 工具包非常准确,可以轻松地将线框转换为完整的应用程序。
 
  6.Basiliq

  线框图通常在纸上完成,但在数字化时可以更容易。这就是为什么像 Basiliq 这样的 UI 套件带来两全其美的原因。
 
  您可以获得适用于 Photoshop 的全数字 UI 工具包,其中所有元素看起来都像纸上的草绘专案。
 
  此套件最适用于网站模型,因此如果您在 Photoshop 中构 WordPress 建网站,请考虑在获取详细信息之前抓取此套件的副本。
 
  7. 响应线框

  我最喜欢这些线框元素的是它们的简单性。真正的低保真线框显示了 UI 的外观和行为,而不提供任何细节。
 
  PSD 档案在 Dropbox 上免费提供。对于任何专案来说,它都是一个有趣的线框工具包,它依赖于非常简单的常见页面元素形状。
 
  8.BeTheme 免费 UI 工具包

  BeTheme 是由一个名为 MuffinGroup 的团队建立的全面优质 WordPress 主题。但他们导出了一款名为 BeTheme UI 的免费线框工具,对设计师来说同样有价值。
 
  WordPress 网站设计公司分享的这个是一款高保真套件,整个使用蓝色。仍然是一个很好的选择,因为您收到的物品数量庞大。
 
  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 多用户还是素描爱好者,这里都有适合每个人的线框工具包。