Wireframe de página web o interfaz es en realidad una presentación esquemática de bloques de contenido o partes de una interfaz web o una aplicación. Wireframe es una guía visual que representa un "esqueleto" de una página web/interfaz.
Con la ayuda del wireframe se puede fácilmente representar el diseño de página, la disposición de bloques de contenido, la navegación del sitio, etc. En los wireframes no hay imágenes y textos, ya que el enfoque principal es centrarse en la funcionalidad, el comportamiento, y la prioridad de los contenidos.
En otras palabras, no se centra en el diseño sin en lo que hace una pantalla. Los wireframes son presentados como dibujos o bocetos y pueden ser producidos por medio de software o aplicaciones de terceros. Wireframes se centran principalmente en:
- Tipos de información mostrada.
- Funciones.
- Reglas de presentación de algunos tipos de información.
- Efecto de diferentes escenarios de muestra.
Aquí se puede encontrar un ejemplo de uso metafórico de wireframing, el sitio es webwithoutwords.
A primera vista se puede encontrar sólo los cuadrados con cruces, pero al colocar el cursor en cada uno de ellos, el contenido aparece.
Probablemente tiene una pregunta: "¿Por qué necesito kit de wireframing para Photoshop, si hay programas especiales y aplicaciones para eso?"
- Si está utilizando Photoshop cada día, no se necesita aprender a usar una nueva aplicación, sólo tiene que arrastrar a la ventana de PS uno de estos PSDs y empezar a hacer las maquetas (mock-up).
- En Photoshop no está limitado con la restricción o limitación de algunas otras funcionalidades de la aplicación, en PS se puede hacer casi cualquier cosa con su maqueta, guardarla y utilizarla más trade.
- Se puede tener más de una página de wireframe, mantenerlas en capas separadas y luego usar "Layer Comps" y "Smart Objects" para ahorrar tiempo.
- Se puede personalizar fácilmente su wireframe.
- Generalmente Photoshop es mejor que otras aplicaciones.
Ahora Usted sabe por qué wireframing en Photoshop es mejor que wireframing en otras aplicaciones, así que vamos a examinar los PSDs gratuitos de wireframes. Le ofrecemos una lista de recursos impresionantes donde se puede obtener kits de wireframe de photoshop gratis y usarlos en su maquetas de diseño.
Todos estos kits contienen elementos similares de diseño, (incluyendo los botones, la navegación, los bloques de contenido) pero todos ellos son diferentes. También hay varios kits para interfaces móviles, allí encontrará los elementos más ligeros de los interfaces de iPad, iPhone.
* * *
Free Sketching Wireframing Kit
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
* * *
