カーソルアニメーション:複数のカーソルがページを組み立てる
カーソルアニメーションは、実際のページで組み立ての様子を再生します。それぞれ色の違う複数のカーソルが、デザインツールで作業するように、訪問者に見える画面を組み立てていきます。カーソルはパーツの左上の角を押すと十字カーソルに変わり、反対側の角まで選択枠をドラッグします。その間に枠の中でパーツが描き出され、サイズがリアルタイムに表示され、画面の端から点線のガイドが伸びてきます。見出しと段落は、ドラッグではなく 1 文字ずつタイピングされます。ファーストビューは読み込み時に、残りはスクロールして画面に入ったときに組み立てられ、各カーソルは作業を終えた場所で止まります。
使い方
ページを選ぶ
ランディングページ、プロダクトのワークスペース、ジャーナル記事のいずれかから始め、プレビューをスクロールして、各部分が画面に入るたびに組み立てられる様子を確認します。
カーソルを調整する
何を組み立てるか(スクロールに合わせて、ファーストビュー、ページ全体)、テキストの出し方、ペースを選びます。「カーソル」リストでは、各カーソルに色、名前、画像(写真またはロゴを 1 つのカーソルに、またはすべてのカーソルに)を設定し、カーソルを追加または削除して、名前タグのサイズと組み立て後のカーソルの動きを選びます。
使うか、エクスポートする
無料の UX Pilot アカウントでログインすると、ページを UX Pilot キャンバスに配置したり、エクスポートしたりできます。