---
title: Wireframing
localeTitle: 线框
---
## 线框

线框是页面界面的二维图示，专门关注内容的空间分配和优先级，可用功能和预期行为。

线框图是一种在结构层面设计应用程序的方法。线框通常用于在页面上布置内容和功能，其考虑用户需求和用户旅程。由于这些原因，线框在开发过程的早期用于建立页面的基本结构，线框通常不包括任何样式，颜色或图形。线框还有助于建立网站各种模板之间的关系。

查找有关Wireframing的其他资源[这里](http://www.experienceux.co.uk/faqs/what-is-wireframing/)

[

## 线框工具

* * *

](http://www.experienceux.co.uk/faqs/what-is-wireframing/)

[](http://www.experienceux.co.uk/faqs/what-is-wireframing/)*   [](http://www.experienceux.co.uk/faqs/what-is-wireframing/)[奇迹](https://marvelapp.com/home)
*   [的InVision](https://www.invisionapp.com/)
*   [Proto App](https://proto.io/)
*   [Lucidchart](https://www.lucidchart.com/pages/examples/wireframe_software/)
*   [铅笔](http://pencil.evolus.vn/Default.html/)