25 lines
1.4 KiB
Markdown
25 lines
1.4 KiB
Markdown
---
|
||
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/) |