0

Pencil, una muy buena alternativa para hacer Mockups (1era. Parte)

En este artículo voy hablar sobre una increíble herramienta Open Source (Gratuita), que nos ayudara mucho para hacer los Mockups de nuestras aplicaciones. Con esta herramienta podemos hacer Mockups para Webs, Aplicaciones .NET,  aplicaciones Android e iOS, etc.

 

pencil

 

Sin duda alguna es una herramienta muy potente, su instalador no supera los 24MB y no requieres tener una supercomputadora para usarla.

Les mostraré todo lo que pueden lograr con las herramientas de Pencil. 

Menús y Herramientas de Trabajo.

El entorno de Trabajo en Pencil está formado por: El menú principal, menú archivo,  menú edición, Herramientas de Zoom, Menú formato de texto, Herramientas de Ubicación y Tamaño, Menú Alinear, Herramientas de Tamaño y Espacio, Herramienta de  Color, Menú formato de Línea, Las Colecciones de Objetos y el Wrapper (Contenedor de  Objetos).

A continuación podemos ver el Entorno de Trabajo de Pincel:

 

Entorno de trabajo de Pencil
Entorno de trabajo de Pencil

 

El menú principal.- Este es el menú por defecto de Pencil, en el podemos encontrar  opciones como: Ver Pantalla Completa (F11), Gestionar Cliparts, Cambiar las opciones del Programa, etc.

Menú Archivo.- En este menú tenemos las opciones de Guardar, Abrir, Imprimir y Crear  un Nuevo Documento.

Menú edición.- En este menú tenemos las clásicas opciones de Copiar, Pegar y Cortar  en Pencil.

Herramientas de Zoom.- Con esta herramienta podemos aumentar, disminuir o mostrar  el tamaño por defecto del Wrapper.

Menú formato de texto.- Acá tenemos herramientas para Cambiar el tamaño del Texto,  cambiar tipo de Texto, Negrita, Copiar los estilos de un objeto, etc.

Herramientas de Ubicación y Tamaño.- Con estas herramientas podemos darle una  ubicación más precisa a nuestro objeto dentro del Wrapper y asimismo darle un tamaño  más preciso del objeto.

Menú Alinear.- Acá encontraremos herramientas para alinear nuestro objeto dentro del  Wrapper, ya sea de manera horizontal y vertical. 

Herramientas Igualar Tamaño y Espacio.- Estas herramientas nos ayudan a igualar un  objeto a otro objeto, tanto en ancho, alto, espacio o padding.

Herramienta de Color.- Acá podemos modificar el color de relleno y color de los  contornos de nuestros objetos.

Menú formato de Línea.- Con estas herramientas podemos aumentar o disminuir el  borde de nuestro objeto, así mismo le podemos dar un estilo de borde CSS tales como  doted, dashed, solid, etc.

Las Colecciones de Objetos.- En esta sección encontramos todos los elementos que  usaremos para armar nuestro Mockup (menú, botón, input text, scrollbar, progress bar,  flow charts, loading animation, etc.)

Wrapper (Contenedor de Objetos).- En este espacio colocaremos y trabajaremos con  los objetos que forman parte del Mockup de nuestra aplicación.

Cómo Obtener Pencil.

Para descargar Pencil, nos dirigimos a la siguiente página:
http://pencil.evolus.vn/

 

Cómo descargar Pencil
Cómo descargar Pencil

 

Luego le damos click al botón Download de color Naranja que aparece en la Página   principal, o nos dirigimos al menú Donwloads en donde también podemos descargarnos  Pencil. Además en la página web oficial de Pencil podemos encontrar muchos Templates y  Plugins creados por los usuarios más avanzados de Pencil. De igual forma en la página web encontraremos un WIKI, esta te puede alimentar con  más información sobre Pencil.

En una siguiente Parte les mostrare cada una de las Colecciones que trae Pencil, y  de paso les explico para que pueden utilizar dichas herramientas.

Esta Colección de Objetos es extensa, así que he decidió dedicarle un próximo articulo completo.

Descarguen Pencil y empiecen a practicar, es muy divertido, practico y dinámico hacer  mockups con esta gran herramienta Open Source.


AutorPor Juan Castro Lurita
Juan es “Engineer especialista en Web development”, Autocad Civil 3D, Graphic Design, Linux, 3D Modeling, Marketing Digital, UX/UI/ Eye Tracking, SEO, SAM, etc. Puedes seguirle aquí: TwitterLinkedinPinterestGoogle +FacebookWeb

Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /web/htdocs/www.uxinperu.com/home/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273