El mejor diseño es un boceto: Wireframing

Wireframes, conocidos como prototipos, storyboard, blueprints, boceto, esquema de página, plano de pantalla …  son guías visuales que representan la organización de los elementos en una página web. No hay elementos gráficos decorativos, ni colores ni detalles, la intención es comunicar aspectos muy generales de la organización. Sirven como herramienta de comunicación y discusión entre profesionales, diseñadores y clientes.

Cuantas veces nos sentimos bloqueados sin saber por dónde empezar. Dibujar en papel tus ideas es un paso importante para el desarrollo de un proyecto o diseño web, coger el lápiz y realizar un brainstorming te va ayudar a definir toda la estructura de tu proyecto. Yo lo he comprobado y siempre empiezo mis diseños con un lápiz.

Vale, no te gusta usar lápiz y papel, lo descartamos, prefieres herramientas digitales para compartir el boceto de tu diseño web con tus clientes o con tus amigos. Para eso tenemos las herramientas wireframing que te van ahorrar tiempo, te van a ayudar con los detalles de tu sitio, con la funcionalidad y el contenido antes de iniciar tu diseño web. Un wireframing es el paso previo a la realización del diseño web en Photoshop (u otro software que uses).

En este artículo veremos herramientas, artículos y descargas de wireframing y otros recursos para mostrar, compartir y mejorar nuestro diseño web.

Interfacesketch:plantillas para bocetar a mano

Plantillas gratuitas que te van ayudar a dibujar a mano bocetos  para móviles, web y tabletas.

Generatedpaper:plantillas en papel digital

Descarga de hojas de papel impresas para el uso diario,  personalizables y para diferentes proyectos. Gratuitas

Pencil Project

Herramienta gratuita con versión para MAC y PC, así como una extensión para Firefox.

Moqups

App en HTML5 para crear UI, prototipos, bocetos o wireframes

Powermockup

Herramienta con plantillas y herramientas para crear wireframes directamente en PowerPoint

Balsamiq Mockups

Una de mis preferidas. Con versión para Mac, PC y Linux

Axure

Potente herramienta desktop que te ofrece desde su web miles de librerías y recursos para crear tus bocetos

I love wireframes

Interesante web donde inspirarte y compartir diseños de prototipos y bocetos

Virgilio

Profesional a tiempo completo o como freelance. Diseñador web y gráfico, director de arte, especialista Apple, viviendo en Madrid. www.godigital.es

10 Comments

Leave a Reply

Your email address will not be published.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies