Découvrez Atomic pour des maquettes PSD animées

Scroll this

Dans votre travail de graphiste ou d’intégrateur, vous réalisez des maquettes avec Photoshop ou Sketch à vos clients. Mais voilà, imaginons que vous avez fait une maquette pour un site en Long Page parallax, ou une application mobile axée à fond sur le Material Design, ou bien encore une histoire interactive… et bien vous voudriez bien animer vos maquettes pour impressionner vos clients, ou mieux, visualiser sa demande. Différentes solutions existent : transformer la maquette en un énorme GIF animé, faire une animation Flash de la maquette… Mais ça prend du temps.

 max-blog-post4-1

Et si vous essayiez Atomic.io ? C’est nouveau, c’est en bêta et c’est sympa.

Atomic.io permet de réaliser des animations d’interaction depuis vos maquettes JPEG. Le principe est simple : vous importez vos pages en format image (JPG, GIF, PNG ou SVG), puis les différents éléments pour pouvoir réaliser vos interactions. Enfin, vous partagez le « prototype » ainsi créé à vos clients ou responsables. Cette vue permet aussi de déposer des commentaires pour un travail collaboratif efficace.

max-blog-post4-2

Par exemple, vous avez en page 1 votre maquette d’une interface de player audio. Vous pouvez ajouter des animations qui se produiraient si vous cliquiez sur le bouton Lecture, ou bien lors de l’affichage de la playlist. Que ce soit pour une vue sur mobile ou desktop, tout est prévu.

max-blog-post4-3
Cliquez ici pour un exemple de prototype

C’est actuellement réservé aux utilisateurs de Chrome. L’inscription est facile et rapide (pas de validation d’email pour le moment) et vous pouvez même intégrer de nouveaux utilisateurs pour le partage du même compte.

C’est à découvrir ici : www.atomic.io

Submit a comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *