---
title: Wireframing
localeTitle: Wireframing
---
## Wireframing

Um wireframe é uma ilustração bidimensional da interface de uma página que se concentra especificamente na alocação de espaço e priorização de conteúdo, funcionalidades disponíveis e comportamentos pretendidos.

O wireframing é uma maneira de projetar um aplicativo no nível estrutural. Um wireframe é comumente usado para dispor o conteúdo e a funcionalidade em uma página que leva em consideração as necessidades do usuário e as jornadas do usuário. Os wireframes são usados ​​no início do processo de desenvolvimento para estabelecer a estrutura básica de uma página por esses motivos, geralmente os wireframes não incluem nenhum estilo, cor ou gráfico. Os wireframes também ajudam a estabelecer relações entre os vários modelos de um site.

Encontre recursos adicionais em Wireframing [Aqui](http://www.experienceux.co.uk/faqs/what-is-wireframing/)

[

## Ferramentas de wireframes

* * *

](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/)[Maravilha](https://marvelapp.com/home)
*   [InVision](https://www.invisionapp.com/)
*   [Proto App](https://proto.io/)
*   [Lucidchart](https://www.lucidchart.com/pages/examples/wireframe_software/)
*   [Lápis](http://pencil.evolus.vn/Default.html/)