デザイナーのためのCreative Cloud活用術

ナビゲーションを作成

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
新たにページの追加や名称変更を行った上で、サイト内の各ページに移動できるナビゲーションのメニューを作成します。
講師:
05:19

字幕

このレッスンではサイト内を移動できるナビゲーションのメニューを作成します。それでは今「ホーム」だけがある状態ですけど新たにページを追加します。Muse のサイト内にページを追加する時にはこのプランの画面でこのページの隣にある+のボタンこれをクリックすると新たにページを増やすことができます。では今「ホーム」「名称未設定」となってますけどそれぞれ名前を変えましょう。「ホーム」の方はダブルクリックして入力状態にしてここは「CARNET」としましょう。そしてこっちの追加した方こっちは「Impression」と入れておきましょう。これで2つのページができました。この様に複数のページが存在する場合サイト内を自由に移動できるナビゲーションのメニューそれが必要になってきます。では、マスターを開いてこのフッターの部分にナビゲーションのメニューを実際に作ってみましょう。では最初に部品を持ってきます。「ウィジェットライブラリ」をクリックしてその中に「メニュー」というのがあります。これ開くと「垂直方向」「水平方向」とあるので「水平方向」をドラッグ&ドロップで持ってきます。そうするとこんな感じでボタンがすでにできています。 見て頂くと、さっき作ったCARNET と Impressionその2つのページですね。それが反映されて ちゃんとメニューとして出来上がっています。Muse のウィジェットライブラリのメニューは、現在存在するページの構成が自動的に反映されるという大変便利なものになっています。では これですねサイズを縮めていくと、この様に丁度いいサイズにすることができます。ではこれをフッターの中に入れます。フッターの中に入れて左右中央にして、そしてフッターのエリアの中に入れておくとそれぞれ他のページでも反映されます。では1回「プレビュー」をクリックして動作を見てみましょう。こんな感じで中に入っています。これクリックするとそれぞれ 今ある2つのぺージに飛びます。今表示されてるページの方がちょっと濃く表示されるようになってます。では、これを踏まえた上でプレビューを閉じます。またマスターの中でこのメニューを選んでおきます。そして今、これがちょっとグレーになっているのでデザインが浮いてしまっています。これを解消したいと思います。では、更にもう1回クリックするとこの様にボタン1個だけを選ぶことができます。そしたら、この「メニュー項目」というのがクリックできるようになるのでクリックすると、「通常」「ロールオーバー」「マウスダウン」「アクティブ」と書いてあります。 「通常」というのが何もしてない時の表示です。「ロールオーバー」というのはマウスを重ねた時そして「アクティブ」ですね、現在表示されている時この様にそれぞれの状態の色を設定することができます。今「通常時」このグレーだと浮いてしまいますけど今、塗りの部分このグレーが表示されてます。なので、ここを黒に変更します。そうすると、一遍に全部反映されるので普段馴染んだ状態になりました。そして、この状態またプレビューしてみると普段はこの黒の中に馴染んであるけどマウスを持っていくとこんな感じでフォーカスされるという状態になりました。では、更にクリックすると今いるページの部分は色が変わる様になりました。これ、Impression の方に行くと今度は Impression の方がハイライトされてます。こんな感じで、非常に簡単にメニューを作ることができます。最初は、このページの構成ができたらこの「ウィジェットライブラリ」の中のメニューのパーツを使うだけでこの様なボタンを簡単に作ることができます。マウスを持ってきた時にここをクリックすると反応するんだとわかりやすいようにフォーカスするのとあと現在いるページをわかるようにナビゲーション表示されるようにするそういったことが簡単に行えます。 是非ともこういったパーツを活用して下さい。

デザイナーのためのCreative Cloud活用術

Creative Cloudに備わっているさまざまなツールを使うと、デザインに関する作業をひと通り行うことができます。このコースではIllustratorによるロゴデザインやCreative Cloudを使った素材の共有、ロゴを効果的に見せるPhotoshopでの写真加工やInDesignを使った名刺デザイン、MuseでのWebサイトの構築などを解説します。

4時間25分 (35 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2016年08月18日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。