Plantillas para crear bocetos de apps usando papel y lápiz

Hay muchas aplicaciones y plataformas en general que nos permiten dibujar bocetos de aplicaciones directamente desde el ordenador. Solo tenemos que arrastrar y soltar componentes, crear botones, elegir plantillas y dejar que la idea tome forma. Estas plataformas tienen un metodo de trabajo muy similar entre ellas, con opciones gratuitas y opciones de pago que permiten tener más o menos flexibilidad a la hora de crear el proyecto final.

Aún así, hay mucha gente que prefiere pensar y probar diseños con lápiz y papel, y para ello en UIPrint ofrecen de forma gratuita plantillas para imprimir. Continúa leyendo «Plantillas para crear bocetos de apps usando papel y lápiz»

Smartmockups ya está en español, para crear mockups sin usar Photoshop

Hay varios generadores de mockups en el mercado, y Smartmockups es uno de los más conocidos.

El objetivo de este tipo de plataformas es permitir la creación de mockups dentro del navegador, ofrecer una herramienta de diseño basada en la web para todos los diseñadores profesionales y no profesionales, profesionales del marketing y agencias que necesitan obtener imágenes de marketing e imágenes de productos de forma fácil y rápida. Continúa leyendo «Smartmockups ya está en español, para crear mockups sin usar Photoshop»

mailette – Enví­a tus diseños a tu cliente y espera su feedback

En mailette.com tenemos una solución sencilla para todos los profesionales del diseño que busquen un feedback rápido de sus clientes.

Solo tenemos que enviar el diseño que hemos realizado a la cuenta de email de mailette (detectará quiénes somos al leer el remitente) y recibir un link que podremos divulgar a quien lo solicitó. Al abrir el enlace, sin necesidad de registro, podrá ver el trabajo, con un menú para acceder a cada sección, y opinar sobre el mismo, opinión que recibiremos de forma cómoda y organizada, sin saturar la cuenta de correo de nadie con imágenes más pesadas de lo deseado.

Existen alternativas más complejas y completas, aunque para muchos no es necesario llenar una aplicación de funcionalidades que no serán usadas.

Os dejo con el ví­deo de presentación: Continúa leyendo «mailette – Enví­a tus diseños a tu cliente y espera su feedback»

4 apps de Android para Diseñadores y Programadores Web

Aunque no tengáis ningun Android en este momento, con la cantidad de tabletas y móviles que están usando este sistema operativo, os aseguro que vale la pena asomarse a este mundo.
Os dejo aquí­ con algunas aplicaciones para diseñadores gráficos, complementando el anterior artí­culo: Editores de imágenes en Android:

Color Pal


Para navegar y elegir el color perfecto para vuestros trabajos, con opción de ver paletas completas.
Continúa leyendo «4 apps de Android para Diseñadores y Programadores Web»

iPhone Mockup – Para hacer prototipos de aplicaciones para móviles


iPhone mockup es una aplicación de dibujo que nos permite crear bocetos de aplicaciones para iPhone, aunque también nos ayuda a desarrollar prototipos de otras aplicaciones móviles.
Podemos elegir dos estilos: el de dibujo manual o el de imágenes predefinidas. En el segundo tendremos una colección de elementos que podremos arrastrar en nuestro panel principal, así­ como permitiendo subir imágenes de nuestro ordenador, ayudando a los clientes a tener una idea más clara del tipo de programa necesario.
El sistema se encuentra en versión alpha, recordando que no garantizan el almacenamiento de los datos, de forma que si lo usáis para crear un boceto, guardadlo fuera de iPhone Mockup para evitar sustos.

Wirify – Transforma cualquier página web en un borrador

Si vais a empezar un proyecto de diseño web y queréis discutirlo con el cliente basando las ideas en la estructura de alguna web ya existente, Wirify os puede ayudar, y mucho.

Se trata de un bookmarklet (un enlace que se puede arrastrar en la barra de favoritos de vuestro navegador) que al pulsarlo transforma la página web que estáis viendo en un diagrama de estructura, mostrando los bloques de texto y los gráficos, para poder facilitar la discusión.

En la captura superior podéis ver un ejemplo de lo que hace, transformando la página de The New York Times en un boceto donde queda clara la estructura del contenido.

Ví­a webresourcesdepot