freeCodeCamp/guide/spanish/visual-design/wireframing/index.md

20 lines
1.2 KiB
Markdown
Raw Normal View History

2018-10-12 19:37:13 +00:00
---
title: Wireframing
localeTitle: Wireframing
---
## Wireframing
Una estructura alámbrica es una ilustración bidimensional de la interfaz de una página que se centra específicamente en la asignación de espacio y la priorización del contenido, las funcionalidades disponibles y los comportamientos previstos.
Wireframing es una forma de diseñar una aplicación a nivel estructural. Una estructura alámbrica se usa comúnmente para diseñar contenido y funcionalidad en una página que toma en cuenta las necesidades y los viajes de los usuarios. Los wireframes se usan al principio del proceso de desarrollo para establecer la estructura básica de una página por estas razones, los wireframes generalmente no incluyen ningún estilo, color o gráfico. Los wireframes también ayudan a establecer relaciones entre las distintas plantillas de un sitio web.
Encuentre recursos adicionales en Wireframing [aquí](http://www.experienceux.co.uk/faqs/what-is-wireframing/)
## Herramientas de alambre
* [Maravilla](https://marvelapp.com/home)
* [InVision](https://www.invisionapp.com/)
* [Proto App](https://proto.io/)
* [Lucidchart](https://www.lucidchart.com/pages/examples/wireframe_software/)
* [Lápiz](http://pencil.evolus.vn/Default.html/)