Adobe Muse でのオブジェクトへの別のステートの割り当て

Adobe Muse CC 2015.1 の機能強化／2016 年 2 月　

Web ページ上のさまざまなオブジェクトにステートトランジションを適用することにより、デザインをより面白く、アピールするものにできます。また、オブジェクトごとに、各ステートトランジションの遅延、デュレーション、タイミングのオプションを設定することもできます。

ステートでのベベルと光彩の変更は、ステートトランジションでサポートされています。

オブジェクトのステートは、ユーザーがオブジェクトを操作したときのオブジェクトの外観を決定します。これらの操作には、オブジェクト上へのマウスの移動（ロールオーバーともいいます）やクリックなどがあります。オブジェクトを操作したときのことを、デフォルトまたは標準ステートから別のステートへのトランジションといいます。このために、Adobe Muse はこのような操作用のスムーズなトランジションを追加します。

Adobe Muse では、テキスト、ウィジェットコンテナ（あらゆるタイプのウィジェットの）、画像、ハイパーリンク、ボタンなどのあらゆるタイプのオブジェクトにステートを適用できます。ステートでは、グラフィックスタイル、段落スタイル、文字スタイルなどを考慮することができます。

Adobe Muse のオブジェクトのステートの違いについて

Adobe Muse には、スタイルを設定して、ユーザーの操作に基づいてオブジェクトの外観を変更することが可能な次のステートがあります。

• 標準：標準ステートは、Web ページが読み込まれたときのオブジェクトのデフォルトの外観を決定します。これを使用して、オブジェクトが操作されなかったときのオブジェクトのステートを定義できます。標準ステートから別のステートへのオブジェクトのトランジション。
• マウスダウン：マウスダウンステートは、オブジェクトがクリックされてボタンが放されなかった場合のオブジェクトの外観を決定します。
• ロールオーバー：ロールオーバーステートにより、ユーザーがオブジェクトの上にマウスを移動したときにオブジェクトの外観が変わるようにできます。ロールオーバーステートを使用する方法は、Web ページ上の操作可能オブジェクトと操作不能オブジェクトを区別する最も簡単な方法の 1 つです。
• アクティブ：アクティブステートは、オブジェクトがアクティブになっていて、既にクリックされている場合のオブジェクトの外観を定義します。例えば、ボタンをクリックしたり、メニューを選択した場合などです。
  オブジェクトがアクティブステートにトランジションした場合、オブジェクトが使用中であることが示されます。アクティブステートは、ハイパーリンクを含む、あらゆる種類のオブジェクトにも定義できます。
  

オブジェクトへのステートの割り当て

デフォルトでは、すべてのオブジェクトに 4 つのステートが割り当てられています。ただし、Adobe Muse では、ステートパネルを使用してこれらのステートを個別にカスタマイズできます。

デフォルトでは、オブジェクトに行った編集は、標準ステートとして保存されます。ただし、Muse ではステートパネルを使用して別のステートに切り替え、オブジェクトのスタイルを設定してさらにステートをカスタマイズできます。各ステートを個別に編集することで、各操作タイプのオブジェクトのビヘイビアーに集中することができます。

オブジェクトのステートをカスタマイズまたは編集するには、次の手順に従います。

1. ステートパネルを開くには、ウィンドウ／ステートの順にクリックします。
2. ステートを編集するオブジェクトを選択します。
   
3. 編集するステートを選択して、オブジェクトのスタイル設定を行います。
4. ステートパネルでトランジションを選択してから、「フェード」オプションを選択します。トランジションの「遅延」、「デュレーション」、「速度」オプションを設定します。トランジションを選択した場合、オブジェクトは設定に従って 1 つのステートから別のステートにトランジションします。

ウィジェットとウィジェットコンテナへのステートの割り当て

このドキュメントを作成している時点では、水平メニューウィジェットの外側のコンテナはデフォルトで透明です。ただし、必要に応じて、塗りのカラーピッカーを使用して、メニュー項目ボタンのコンテナと同様に塗りのカラーを設定できます。後ほど自分のサイトを作成するとき、ウィジェット全体の塗りのカラーを設定してから、ボタンのコンテナに対して異なる塗りのカラー設定を試すことができます。また、ボタンをデザインするための背景画像の追加を試すこともできます。