FUKUOKA, JAPAN
← ブログ一覧に戻る
tool

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

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

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

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

Origamifacebook.github.io

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

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

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

[vimeo 120349147 w=500 h=313]

Introduction to Origami from Facebook Origami on Vimeo.

[vimeo 120354536 w=500 h=312][vimeo 120440430 w=500 h=312]

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

[vimeo 120452278 w=500 h=312]

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