色は匂えど散りぬるヲ

株式会社アジケ代表のブログ。清濁併せ呑むようなものが好物です。

スマホアニメーションのプロトタイプUIを無料でつくれる「Origami」が動画のチュートリアルを公開

f:id:dubhunter:20150317124554p:plain スマートフォンのUI作成時にプロトタイプツールを使う人も多いだろう。

デザインシンキングやUXデザイン時には、短い期間で試行錯誤を繰り返していくというワークフローになる。 なるべく早くプロトタイプをつくり、その精度を徐々に高めるのが重要になるので、プロトタイピングツールに注目が集まるのもうなずける。

そのプロトタイピングツールのひとつである Facebook の「Origami」が動画のチュートリアルを公開した。

facebook.github.io

サンプルの動きもイメージがわきやすい

f:id:dubhunter:20150317124631g:plain

さまざまなアクションに対してUXを高めるためのアニメーションサンプル

f:id:dubhunter:20150317124916g:plain

動画のチュートリアルも充実

Introduction to Origami from Facebook Origami on Vimeo.

Mac アプリの Sketch と連携がよさげ。

Origami は無料で利用できる。 ただし、apple の developer アカウントと紐付いているのでその部分だけは注意が必要だ。