Googleがあらゆるオンライン検索で頼れる相棒であるのと同じように、ProtoPieは高忠実度プロトタイプのためのリアルなインタラクションを作り出す、頼りになるプロトタイピングツールです。しかし、この得意分野が少し諸刃の剣になっていました。ProtoPieは、リアルなページ内マイクロインタラクションを備えた最先端の高忠実度プロトタイプを作成できます。一方で、追加のレスポンスを使わずにシーン間のカスタムトランジションを作るのは、いつも直感的とは言えませんでした。
皆さんの一部がProtoPieコミュニティや、最も多くの投票を集めた機能要望のひとつで指摘していたように、ProtoPieでシンプルなシーン遷移を作るのに、本来よりも時間がかかっていました。
ProtoPie 6.1で、この煩わしさはすべて終わりを迎えます。Smart Jumpを使えば、シーン間のカスタムトランジション作成は手間のかからない作業になります。それだけではありません。Figmaのフレーム間のインタラクションも、ProtoPieにJumpレスポンスとしてインポートできます
Smart Jumpとは何ですか？
Smart Jumpは、Jumpレスポンスの一部である新しいトランジションタイプです。対応するオブジェクトを自動でアニメーションさせることで、シーン遷移をすばやく作成できます。
Smart Jumpを使うと、次のようなインタラクションを簡単に作成できます。
オーバーレイの展開
スケルトンローダー
プルして更新
長押しメニュー
...そのほかにもたくさんあります！
使い方を学ぶには。
詳細を見るでJumpレスポンスについて学びましょう。
Smart Jumpはどのように動作しますか？
FigmaのSmart Animateと同様に、Smart Jumpはシーン間で対応するレイヤーの違いを検出し、それらを自動でアニメーション化します。
この違いには、次のプロパティの変更が含まれます。
位置
サイズ
回転
不透明度
半径
塗り
境界線
影
スクロール
ProtoPieは、2つのシーン間における名前とレイヤー階層に基づいて、どのレイヤーが互いに一致するかを把握します。
たとえば、シーンAにアイコンがあり、シーンBにも同じアイコンがありますが、位置が異なります。Smartトランジションを使ったJumpレスポンスでシーンAからシーンBへジャンプすると、このアイコンはジャンプ時に自動でアニメーションします。
ProtoPie 6.1以前は、同じ結果を得るには、どちらか一方のシーン、または両方のシーンに追加のレスポンスが必要でした。今では、面倒な作業をすべてやってくれる単一のJumpレスポンスだけで十分です。継続時間、イージング、遅延を調整して、思い描くあらゆるカスタマイズが可能です。
FigmaのインタラクションをJumpレスポンスとしてインポート
クリック可能なプロトタイプの出発点としてFigmaを使っていますか？ProtoPieで中断したところから再開し、クリック可能なプロトタイプを高忠実度プロトタイプへと仕上げましょう。
ProtoPieは、Figma内のフレーム間のインタラクションを、インポート時に自動的にJumpレスポンスへ変換します。フレームにSmart Animateトランジションが含まれている場合、それらはSmartトランジション付きのJumpレスポンスとしてシームレスにインポートされます。
つまり、より複雑なインタラクションを追加する前に、ProtoPieでシーン間のトランジションを再作成する必要はもうありません。そこは私たちにお任せください。ProtoPieが最も得意とする高忠実度プロトタイピングに集中できます。
Smart JumpやProtoPieのほかの高度な機能で、ほかにどんなことができるのかを知るには。
ProtoPieは初めてですか？
ProtoPie は、デザイナーにとって最も簡単な高忠実度プロトタイピングツールです。UI/UXデザインのアイデアを、モバイル、デスクトップ、Web、そしてIoTに至るまで、高忠実度プロトタイプに変えましょう。コードもエンジニアの手助けも不要で、非常にリアルで実製品のようなプロトタイプを作成し、インタラクションデザインのアイデアを探索・検証・テストできます。
