Mock up/Maqueta de Interfaces. Conjuntos de Wireframes Gratuitos para Photoshop

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.

free photoshop wireframe kits
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.

iPad Sketch Elements AI

free photoshop wireframe kits

* * *

Free Sketching Wireframing Kit

free photoshop wireframe kits

* * *

Free Photoshop Wireframe Kit

free photoshop wireframe kits

* * *

The Ultimate Wireframe UI Kit

free photoshop wireframe kits

* * *

Web Design Wireframe Kit

free photoshop wireframe kits

* * *

Mini Wireframing Kit

free photoshop wireframe kits

* * *

Web Design Wireframe Kit PSD

free photoshop wireframe kits

* * *

iPhone App Wireframe PSD

free photoshop wireframe kits

* * *

Flat Wireframe

free photoshop wireframe kits

* * *

Apple Device Wireframes

free photoshop wireframe kits

* * *

Wirekit

free photoshop wireframe kits

* * *

Flat UI Kit Free

free photoshop wireframe kits

* * *

Webpage Wireframe Stencil

free photoshop wireframe kits

* * *

Wireframe Blueprint

free photoshop wireframe kits

* * *

iOS7 Wireframe Kit

free photoshop wireframe kits



Diane Parks

Diane trabja como una redactora del blog MonsterPost España desde hace muchos años. No imagina su vida sin escribir, aprender algo nuevo cada día, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. ¡Síguela en Facebook!