Herramientas para el diseño de pantalla

Vista previa del material en texto

herramientas para el 
diseño de pantalla
Documento de lectura
1
Figma 
 
Es una aplicación para diseñar interfaces que se ejecuta en el navegador, pero en realidad es mucho 
más que eso. Me atrevería a decir que es probablemente la mejor aplicación para proyectos de diseño 
colaborativo en equipos. Figma te brinda todas las herramientas necesarias para la fase de diseño del 
proyecto, incluidas las herramientas vectoriales capaces de ilustrar completamente, así como aquellas 
para la creación de prototipos y la generación de código para el traspaso (Bracey, 2018).
Proto.io
 
Proto.io es una plataforma de creación de prototipos de aplicaciones lanzado en 2011 y desarrollado por 
la División de SNQ digital Labs. 
2
Adobe XD
 
Adobe XD, o Adobe Experience Design, es una herramienta de edición de gráficos que funciona para 
crear interfaces de páginas web y de aplicaciones. Permite al diseñador enfocarse en la experiencia del 
usuario al navegar, con un rango mínimo de error y en el menor tiempo posible. 
Esta herramienta te permite diseñar interfaces digitales para aplicaciones móviles, PC o Mac, o sitios 
web. Crear una imagen preliminar de la interfaz de algún proyecto en el que estés trabajando es mucho 
más fácil que con otras herramientas. Una de las ventajas es que te ayuda a ahorrar tiempo, ya que la 
imagen preliminar te da la oportunidad de hacer cambios rápidos, en caso de ser necesarios, antes de 
llegar a la etapa de programación.
Sketch
 
Sketch es una herramienta para Mac especializada en el diseño de interfaces. Fue pensada para lograr 
excelentes resultados con poco esfuerzo. Y ofrece soluciones mucho más fáciles y rápidas que otras 
herramientas similares, que te ayudarán a crear proyectos interesantes.
3
Principle
 
Principle facilita el diseño de interfaces de usuario animadas e interactivas. Ya sea que esté diseñando el 
flujo de una aplicación multi pantalla o nuevas interacciones y animaciones, Principle lo ayuda a crear 
diseños que se ven y se sienten increíbles.
Marvel
 
Marvel tiene todo lo que necesita para dar vida a las ideas y transformar la forma en que crea productos 
digitales con su equipo. Poner el poder del diseño en manos de todos.
Diseñe y cree prototipos rápidamente con nuestras herramientas intuitivas de diseño y creación de 
prototipos. Genere instantáneamente especificaciones de diseño y conecte integraciones que potencian 
su flujo de trabajo. Desde baja hasta alta fidelidad, Marvel lo apoya en cada paso del camino
4
InVision
 
InVision es un programa para prototipar apps muy parecido a Marvel, aunque más potente en algunos 
aspectos que comentaremos en esta entrada. Es parecido a Marvel en el sentido que Marvel parte 
de la idea que el usuario suba sus pantallas ya diseñadas y a partir de ahí poder añadirle diferentes 
interactividades mediante gestures y diferentes transiciones entre pantallas. Así, el funcionamiento 
básico de InVision (y Marvel) es que el usuario diseñe previamente unas pantallas con otro programa 
para hacer prototipos, luego suba esos prototipos a la plataforma y empiece a añadirle interactividades 
de manera que esas pantallas queden entrelazadas entre sí.
InVision, además, ofrece muchas funcionalidades relacionadas con trabajar en equipo. En este sentido, 
lo podríamos considerar como una herramienta de gestión de proyectos. Como los prototipos son 
una genial herramienta de comunicación entre un equipo y/o entre diseñador-clliente, contar con un 
programa de prototipado que facilite la comunicación entre los miembros de este equipo y con el cliente 
es una gran idea. Así ahorramos una larga cadena de e-mails caóticos y tediosos y podemos tener la 
información justo donde pertenece.
5
Bibliografía
Bracey, K. (26 de Nov de 2018). Encatotuts. Obtenido de https://webdesign.tutsplus.com/es/articles/
what-is-figma--cms-32272
Crua, C. (12 de Enero de 2018). iebschool. Obtenido de https://www.iebschool.com/blog/herramientas-
prototipado-analitica-usabilidad/