¿Cuáles son las mejores herramientas para mostrar interacciones para mi diseño?

Sí. Hay muchas herramientas que puedes usar. Su pregunta utiliza específicamente la animación como elemento central del diseño. Pero hay más. Puedes tener elementos ocultos, puedes tener gestos y muchos más. Estas son algunas de las herramientas que puede usar:

Photoshop / Sketch: bueno para hacer pantallas estáticas y puede tener múltiples estados para crear un gif animado

Adobe After Effects: puede usar AE para ir un paso más allá con la animación

Invision / Marvel: esto se puede usar para unir pantallas y hay algunas transiciones incorporadas disponibles

Proto / Pixate / Priciple: para más interactividad

Keynote: muy poderoso si conoces los trucos

Finalmente, la forma más poderosa es solo bocetos dibujados a mano.

Aquí hay algunas publicaciones de blog que he escrito sobre el tema:

¿Cuál es la herramienta de creación de prototipos perfecta para mí?

Uso de Principle para crear prototipos de aplicaciones móviles

Jugando con Pixate

Adobe planea lanzar una nueva herramienta que se vea interesante

Proyecto Cometa de Adobe

Lograr la animación que muestra interacciones (micro interacciones AKA) sin codificación –

1. Bocetos de papel / Adobe Illustrator / Bohemian coding’s Sketch para obtener imágenes.

Luego animar usando powerpoint / keynote.

2. Adobe Illustrator + After Effects

3. Pixate

La opción 2 puede producir animaciones de mejor aspecto que 1, pero se puede hacer clic en 1. Puede agregar efectos de construcción, acción y construcción en la opción 2.

[

Opción 3, Pixate [creo ..] es cliqueable y admite animaciones.

Prueba powerpoint / keynote, pixate.

También existe la forma de Relativewave.

Te pondré al día.