作業の進め方
Create Canvas は、対話を通じて複数の動くデザイン案を検討するワークスペースを構築します。ソースで定義されたレジストリの各プレビューには、安定した ID と読みやすい名前があります。名前をコピーして特定のバージョンを指定し、専用ハンドルでプレビューを移動し、パンやズームで全体を見渡せます。
内容はソースファイルに置き、ブラウザーのストレージにはレイアウトを記憶させます。この区別によって追加依頼が明確になります。別案には独自の識別子と状態を与え、既存案を変更するときは位置を維持します。本番への移行を依頼しない限り、実験はローカルに留めます。
想定される成果物
- 名前付きライブプレビュー項目を管理する、ソース定義のレジストリ。
- 移動ハンドル、カメラ操作、対応するグローバルテーマ選択を備えたキャンバス。
- 保存されたカメラと項目の位置、および検証済み・未検証の操作を示す報告。
ブリーフからレビューまで
- 01安全なライブプレビューを用意する
新しいキャンバスを作る前に既存のものを確認します。プロジェクトのフレームワークを使い、合成データを渡したプレビューを1つマウントして、独立したラベルと移動ハンドルを設けます。
- 02独立した別案を追加する
新しいバリエーションごとに、安定した ID、一意の名前、独立した状態を割り当てます。内容を追加しても、以前の案と測定済みの位置は維持します。
- 03移動中も入力を保持する
キャンバスのジェスチャーを、文字入力、選択、入れ子のスクロールから分離します。portal 本来の動作を保ち、コピー、移動、ズームでプレビューが再マウントされないか確認します。
- 04配置を保存し動作を検証する
範囲を制限したカメラ値、対応テーマ、位置をレジストリ ID ごとに保存します。動作すると報告する前に、再読み込み、不正なストレージデータ、該当デバイスのジェスチャーを検証します。