Créer des maquettes interactives dans Inkscape

Grâce à l’extension Interactive mockup, il devient facile de créer des interactions dans Inkscape

Lors de la création d’un webdesign ou en général d’une interface, après la création de maquette, il faut souvent en faire une présentation, si possible fidèle au résultat final. Grâce à la nouvelle extension Interactive Mockup, Inkscape vous perment maintenant de créer des interactions pour passer d’un élément à l’autre et simuler la navigation dans un site ou une application. Prenons un exemple simple :

Nous avons plusieurs pages maquettées, avec des éléments sensés renvoyer vers d’autres.

  1. Sélectionnons un menu ou un bouton
  2. Et l’élément sur lequel il doit nous mener
  3. Allons dans Extensions > Web > Interactive Mockup
  4. Sélectionnons le type d’événement dans la liste
  5. Appliquons puis fermons la fenêtre
  6. Puis enregistrons en SVG
  7. Lors de la demo, ouvrons le fichier dans un navigateur.

Toutes les interactions créées fonctionnent.

Cette extension a été développée par Activdesign et nous sommes heureux que les membres d’Inkscape aient acceptés son intégration dans la version 1.0.

 

 

 

 

Créer des maquettes interactives dans Inkscape

Créer des interactions dans Inkscape pour présenter des maquettes interactives SVG dans un navigateur

publié le 30 avril 2020, mis à jour le dans Tips (francophone),

Further reading