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»

Cleanmock, una potente herramienta para crear mockups desde el navegador

Cleanmock

A la hora de presentar nuestro producto, es importante que el material promocional del mismo sea de calidad y tenga aspecto profesional. Por suerte, a día de hoy no es necesario hacer uso de herramientas como Photoshop para crear los mockups de nuestra aplicación o página web, ya que contamos con herramientas gratuitas que nos permiten obtener resultados profesionales desde el navegador. Recientemente nos ha llamado la atención Cleanmock, una potente herramienta para crear mockups en cuestión de pocos minutos.

Tal y como podéis comprobar en la imagen que ilustra este artículo, el editor de Cleanmock cuenta con una interfaz de lo más simple e intuitiva. Para empezar a utilizar la herramienta solo tenemos que registrarnos y subir las imágenes que queramos utilizar. A continuación podremos elegir entre decenas de mockups diferentes agrupados en categorías como «web», «iPhone» o «Android».

Continúa leyendo «Cleanmock, una potente herramienta para crear mockups desde el navegador»

Velositey, complemento de Photoshop para generar plantillas de sitios web (mockups)

mockups templates sitios web photoshop

Velositey es una acción para Photoshop (Photoshop action) que busca facilitar la vida de los diseñadores o de cualquier otro que se ponga a la tarea de prototipar la plantilla de un sitio web mediante la popular herramienta de Adobe. Para esto, ofrece una barra de herramientas integrada a la interfaz de Photoshop con la que será posible ir añadiendo los diferentes elementos de su composición.

La barra flotante la conforman tres simples pestañas: Layout, Style y Tools. La primera recoge diseños predeterminados y opciones suficientes para definir la estructura y distribución de los diferentes elementos de la nueva plantilla: cabeceras (con o sin logo), sliders, la sección del contenido (especialmente sus columnas) y el footer (con diferentes modelos de disposición para sus bloques).

Ya en Style se definen más a fondo los detalles de cada elemento (guí­as, espaciamientos y algunos vectores) y en Tools se le dan los retoques finales (a menos que se quiera seguir con la edición de forma independiente) eliminando elementos innecesarios, especificaciones de fuentes, í­conos extra y los detalles para su exportación en formatos rápidos (SVG, PNG y JPG).

Para descargar Velositey de forma gratuita hace falta publicar un tweet o crear una publicación en Facebook para recomendarlo a otros usuarios, sin embargo, esto se hace automáticamente con un par de clics. Está disponible para Photoshop CS6 y Photoshop CC. Las instrucciones de instalación y algunas notas importantes se encuentran en el archivo Readme.txt dentro de la carpeta comprimida descargada. Por si fuera poco es software libre y es compatible con Bootstrap.

Enlace: Velositey

concept.ly – Una solución ideal para presentar diseños web a nuestros clientes

conceptly

Hemos comentado ya muchas aplicaciones creadas para el desarrollo y presentación de bocetos y prototipos. Basta buscar por mockups en cualquier buscador para entender las necesidades que los diseñadores tienen a la hora de obtener feedback de su trabajo, registrando las opiniones de los clientes y manteniendo el histórico de todos los comentarios realizados durante el contrato.

Nos presentan ahora concept.ly, un nuevo proyecto que se abre en fase beta y que promete ser gratuito para todos los que ayuden a probarlo en dicha etapa. Con él podemos subir nuestros diseños, presentarlos de forma organizada y crear puntos de control en cada región de las imágenes subidas, donde los clientes pueden opinar y los diseñadores pueden obtener el feedback deseado.

Son muchas las funcionalidades ofrecidas, desde el cambio rápido de una versión a otra, hasta el sistema de informes con todas las informaciones enviadas por clientes y trabajadores, permitiendo la colaboración en grupo y ofreciendo un sistema para compartir los diseños con un simple click.

Concept.ly ha sido creado por los responsables de yodiz.com, sistema de gestión de tareas y problemas que permite agilizar el trabajo en grupo y el desarrollo de proyectos con varios responsables.

moqups, herramienta en HTML5 para crear diagramas, mockups y wireframes

mockup app ipad

Bien sea para empezar a crear los primeros bocetos del diseño de una web o hasta para hacer un mockup de una aplicación móvil, siempre es necesario tener a la mano una herramienta de maquetación fácil de usar, minimalista, funcional, completa y preferiblemente gratuita. Eso es moqups que además suma a tales caracterí­sticas su funcionamiento en HTML5.

No es innovador en cuanto a su temática pues son bastantes las opciones, de hecho Juan Diego hace tiempo mencionaba varias de ellas, pero por lo que realmente destaca es por la calidad de los resultados, por el manojo de herramientas disponibles (en especial plantillas y formas predeterminadas), por la velocidad, gratuidad y porque no necesita valerse de plugins u software extra para trabajar.

El registro es necesario para guardar las creaciones o compartirlas, aunque no necesita confirmación ví­a email para empezar a gestionarlas o descargar los resultados. Por cierto, estos últimos se pueden conseguir en formato PDF o PNG.

Enlace: moqups | Ví­a: @rodrigobarreir

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»