Home

Origami est un outil créé par le team design Facebook permettant de créer des prototypes de manière visuelle à l’aide de Quartz Composer.

Origami est un outil créé par le team design Facebook permettant de créer des prototypes de manière visuelle à l'aide de Quartz Composer.

Quartz Composer est un outil gratuit sur Mac OSX permettant de créer de manière visuelle des animations et traitements graphiques. Néanmoins, il est compliqué avec ce logiciel de réaliser des prototypes d’applications mobiles ou web.

Grâce à Origami et l’équipe Design Facebook qui en est l’auteur, Quartz Composer vous permettra de créer en quelques minutes des prototypes avec effets et interactions.

Le gros avantage de ce toolkit est de permettre aux graphistes, webdesigners qui ne savent pas développer, de créer des prototypes animés de manière visuelle.

Prototypes mobiles & web visuels avec Quartz

Grâce à de nombreux composants embarqués, vous pourrez créer vos prototypes mobiles et web et les rendre interactifs. Voici quelques composants disponibles avec Origami:

  • Switch (Entre 2 états)
  • Scroll (dans une image)
  • Bouncy Animation, Classic Animation
  • Transition (Entre 2 valeurs)
  • Color Transition
  • Image Transition
  • Calques et groupes de calques
  • Progress
  • Hex Color
  • Cursor Control
  • Texte
  • Remplissage de calque
  • Button
  • Zone d’animation
  • Mockup de téléphone (iPhone, Android ou Windows Phone) ou iPad
  • Mockup Chrome
  • Timer
  • Counter 2
  • Index Switch
  • Velocity

Origami apporte aussi un certain nombre d’améliorations pour Quartz (Retina, toolbar, fullscreen…)

Télécharger Origami

Pour télécharger Origami, inscrivez vous en tant que développeur Apple, téléchargez Quartz Composer puis Origami.

Vous aimez ?

Site Officiel

Advertisements

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s