ドッキングプロパティパネルと UI ガイドの再検討

私たちのデザイン目標の1つは、気を散らすことのないデザインタイム体験を提供することです。その一環として、デザインフローのどの段階にいるか、また文脈の中での機能を明らかにするようにしています。

George Abraham Last Updated Feb 26, 2025 3min read

このアップデートでは、プロパティパネルとUIガイドを再検討しました。

プロパティパネルのドッキング

ラピッドプロトタイピングでは、選択した要素の近くにプロパティパネルを表示することで、次に何をすべきかを理解しやすくなりました。これは、アプリケーションの新規ユーザーにとって特に便利です。ただし、UI 要素が多い場合や複雑な画面がある場合は、プロパティパネルを固定位置に配置することを好む場合があります。

これで、プロパティパネルをデザインサーフェイスの右側にドッキング/ピン留めして、ツールボックスと統合できます。ドッキングすると、このパネルは他のツールボックスアイテム(UI要素、スクリーンパーツなど)とスペースを共有します。スプリッターを使用してPEを高くするか、スプリッターをダブルクリックして取り付けることができます。

Rulers & Guides Revisited(定規とガイドの再訪)

定規とガイドの最初のバージョンでは、それらはデザインキャンバスの一部でした。時間が経つにつれて、誤ってガイドを追加する可能性が高くなることに気付きました。以前の提案は、ガイドを使用する場合はガイドを非表示にすることでした(cmd / Ctrl + L)。それにもかかわらず、定規とガイドをキャンバスから離れたデザインサーフェイスの端に移動することで、手直ししました。

新しいガイドを追加するには、ルーラー領域をクリックするか、クリック+ドラッグアクションを使用します。クリック+ドラッグアクションは、このアップデートの新機能であり、他のデザインツールを使用している人には馴染み深いはずです。ガイドをダブルクリックして、正確な値を入力することもできます。

また、ガイドが UI 要素に会ったときに通知するための新しいスナップインジケーターも追加しました。

デザインサーフェイスのその他の変更

「エレメントとレイヤー」(E&L)パネルは、ツールボックスの 3 番目のタブになりました
UI 要素、スクリーンパーツ、および E&L パネルの表示は、名前付きタブをクリックすることで切り替えることができます。
キャンバスのクイックアクションツールバー (スクリーンショット、ズームなど) をデザイナーの右下の領域に移動しました。
保存、元に戻す、やり直し、その他の頻繁なアクションがプライマリツールバー領域に表示されるようになりました。
ジャーナルナビゲーションアクションは、ミニインタラクションエクスプローラーで使用できます。これに慣れていない場合は、デスクトップのWebブラウザーで前後に動作して、UI状態間をジャンプします。

このアップデートで表示される変更の概要を簡単に視覚的に説明します。

このアップデートの入手方法

マシンにインストールされている Indigo Studio のバージョンを更新する方法は次のとおりです。

起動時に更新を自動的に確認するオプションがオンになっている場合、Indigo の起動時にダイアログボックスが表示されます。[更新] をクリックするだけで、あとは Indigo Studio が行います。これが簡単なアプローチです。
何らかの理由でアップデートを自動的にチェックしないことを選択した場合は、MENU > HELP & ABOUTに移動し、「CHECK FOR UPDATES」オプションを使用してください。

Indigo Studio for Interaction Prototypingについて

操作方法

ドッキング プロパティ パネルと UI ガイドの再検討