12个线框图示例，来自Dribbble的UX设计师分享。-IAMUE

在设计过程的最初阶段，我们知道很有可能直接选择word或邮件原始需求。但是，用线框技术解决问题有很多好处，它可以节省时间，更易于发现可用性问题，并让设计人员专注于创造可靠的用户体验

一些设计师喜欢创造更多的表现性高保真线框，而另一些设计师则喜欢通过只使用纸张和Sharpie来保持简单。下面，我们从Dribbble收集了一些我们最喜欢的线框框架示例，以展示它们的外观，并为您的下一个项目提供一些启示。

自由设计师Alex Dovhyi跳过笔和纸，尝试用Freehand创建这些线框。 Alex说：“这个特定的页面代表了预览和基本信息。”

Julio Castellano分享的VR远程风险预判应用的用户流程。 “这个项目是教育新员工需要在有危险的地点工作。有了这个应用程序，他们可以在去哪里工作之前体验到高品质的360VR图像，好像真的已经在那里场景，有助于让员工评估过去工作的风险，julio解释说。

Martyna Królikowska 为Wearly品牌设计的线框，这是一款销售服装的平台。

旅游博客着陆页的线框。 by Zahid Hasan Zisan.

Dribbble应用早期的线框图，Krisztina Szerovay。

看看哈维尔·奥利弗（Javier Oliver）对事件页面的低保真线框是如何进行高保真的，然后是最终的UI。

James Boross为Bitesize Chef应用程序设计的线框可以很容易地看到用户点击后会发生什么。

Go Nimbly设计师Grant Helton说：“对于我最新的原型，我添加了一个应用程序流程的线框来引导您进入每个屏幕。对于这些屏幕中的每一个，我都添加了一个浮动页脚，允许用户看到他们在特定流程中的位置，并根据需要跳转。“我们正在挖掘这个由InVision制作的线框。

Swapnil Borkar为Lyearn登陆页面设计一个有趣的手绘。

Shojol Islam.真正简洁的作品。该线框用于REPTO平台。

UX设计师Jovan Belic使用漂亮的动画来展示线框。

莫妮卡·高尔文（Monica Galvan）向我们展示了笔与纸的线框图和素描中的线框图之间的比较。

12个线框图示例，来自Dribbble的UX设计师分享。