4.

1 Herramientas de Construcción de Interfaces de Usuarios

MockPlus: es una herramienta muy sencilla de aprender a manejar y usar, no técnica
(WYSIWYG) a la vez que potente, que permite conceptualizar ideas de productos y
servicios digitales a perfiles no técnicos involucrados en su desarrollo. Puede diseñar
prototipos sin escribir código línea por línea. Si eres diseñador, es posible que no seas
muy bueno escribiendo código. Por lo tanto, necesita una herramienta como Mockplus
que le ayude a ahorrar tiempo innecesario en la creación de prototipos. Su función de
diseño de arrastrar y soltar permite colocar componentes a voluntad, en cualquier lugar
que necesite. Además, también puede usar arrastrar y soltar para conectar diferentes
páginas.

Balsamiq: Los elementos de arrastrar y soltar de Balsamiq hacen la vida más fácil
Si lo que estás buscando es un cableado rápido, Balsamiq es una sugerencia
importante. Puede desarrollar rápidamente la estructura y los diseños para sus
proyectos con facilidad. Los elementos de arrastrar y soltar facilitan la vida y puede
vincular botones a otras páginas. Esto significa que puede comenzar rápidamente a
planificar sus interfaces y luego compartirlas con su equipo o clientes.

Axure: es una gran herramienta que tiene proyectos más complejos.

Axure siempre ha sido una de las mejores herramientas de cableado en el mercado y es
ideal para proyectos más complejos que requieren datos dinámicos. Con Axure, puede
concentrarse realmente en proyectos de maquetas que son más técnicos y requieren
atención adicional cuando se trata de estructura y datos.

Adove Comp: Si desea crear una estructura alámbrica sobre la marcha, Comp es una
necesidad.
Adobe Comp es una buena adición para aquellos que se encuentran creando y
conceptualizando sobre la marcha. ¿Tienes una tableta con un lápiz inteligente? La
descarga valdrá la pena por si acaso la inspiración te impone desarrollar un nuevo
concepto para un diseño cuando estás lejos de tu espacio de trabajo principal.

Sketch: Sketch es una herramienta muy popular dentro de la comunidad de diseño que
le permite crear interfaces y prototipos de alta fidelidad. Una de las excelentes
características es Symbols, donde puede diseñar elementos y elementos de UI para
reutilizarlos. Esto ayuda a crear sistemas de diseño y mantener sus interfaces
consistentes. Desde allí, puede exportar fácilmente su diseño a un prototipo
seleccionable. Si eres usuario de InVision, asegúrate de revisar el complemento Craft.
Adobe XD: XD es una buena opción si está encerrado en un flujo de trabajo de Adobe

Carvajal Contreras Edgar de Jesus

Adobe XD ofrece el mejor entorno para proyectos digitales bajo la colección de
herramientas de diseño de Adobe Creative Cloud . Si es un usuario entusiasta de Adobe
y es nuevo en XD, puede que no encuentre la interfaz muy parecida a la de Adobe para
comenzar: es un salto si ha estado diseñando en Photoshop por un tiempo. Pero se apila
a las otras herramientas líderes que existen, y vale la pena si eres un gran fanático de
Adobe.

4.2 Herramientas para la Construcción de aplicaciones WEB

InVision Studio: Con InVision Studio puede crear un diseño responsivo en una sola mesa
de trabajo
Los sueños de muchos diseñadores de UI están a punto de hacerse realidad con InVision
Studio. Aún en su versión inicial, esta herramienta lo ayudará a crear hermosas
interfaces interactivas con una gran cantidad de funciones. Puede crear animaciones y
transiciones personalizadas a partir de una serie de gestos e interacciones. Además,
puede dejar de pensar en crear numerosas mesas de trabajo para múltiples dispositivos,
ya que se puede lograr un diseño receptivo dentro de una sola mesa de trabajo. Esto
ahorra mucho tiempo, por lo que puede pensar en más ideas.

MockFlow: es un conjunto de aplicaciones que son muy útiles para una serie de tareas
en el proceso típico del proyecto. Principalmente, la aplicación WireframePro es una
buena herramienta alternativa de creación de prototipos para su uso, especialmente si
está probando algunas ideas nuevas.
Si solo necesitas crear wireframes, entonces echa un vistazo a MockFlow. Es genial para
trabajar en ideas iniciales y le permite crear diseños básicos rápidamente, que a veces
es todo lo que necesita para tener pensamientos en una forma presentable.

Proto.io: Proto.io puede llevarte desde un boceto en bruto hasta un prototipo realista.
Proto.io es un candidato increíble para crear prototipos realistas desde ideas en bruto
hasta diseños completos. La herramienta también ofrece muchas posibilidades para sus
proyectos, incluidas animaciones detalladas y también animaciones vectoriales
personalizadas. Puede comenzar desarrollando ideas iniciales con un estilo dibujado a
mano, luego conviértalos en wireframes y termine con un prototipo de alta
fidelidad. Los complementos de Sketch y Photoshop realmente ayudan si desea diseñar
utilizando otras herramientas, pero Proto.io maneja bien el proceso de diseño de

Carvajal Contreras Edgar de Jesus

extremo a extremo. Otras características como las pruebas de usuario también
ayudarán a validar sus diseños. Esta es una solución de lugar todo en uno con un gran
número de marcas de confianza que ya la utilizan.

Templated: Esta herramienta ofrece una colección de unas 850 plantillas gratuitas en
HTML5 y CSS3 que podremos descargar sin límite. Todas estas plantillas están liberadas
bajo la licencia de Creative Commons, es decir, que podemos utilizarlas y modificarlas
incluso a nivel comercial.

Sublime text: es un editor de código multiplataforma, ligero y con muy pocas

distracciones.

Una herramienta creada para programar muy intuitiva y preparada para que no te
distraigas. Nos permite tener varios documentos abiertos mediante pestañas, e incluso
emplear varios paneles para los que usen más de un monitor.Ahora ya podremos
empezar a diseñar nuestro proyecto web de principio a fin. Sin embargo, si tienes
cualquier problema, necesitas ayuda para el diseño de tu web o quieres
que profesionales certificados desarrollen tu sitio web, en Yeeply podremos ayudarte
con tu proyecto de desarrollo web.

Carvajal Contreras Edgar de Jesus