X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

無料プレミアムアクセス

プレミアムハブの記事、プロジェクトファイルとから、各チュートリアルビデオの最初の10%の私たちのライブラリ全体にアクセスするオンラインチュートリアルのライブラリを

今すぐ無料アカウントを作成しよう!

レビュー:アドビミューズについて愛に5つの事柄(コードネーム)
  • レビュー:アドビミューズについて愛に5つの事柄(コードネーム)

Google翻訳で翻訳さ

InDesignのCS5アドビのリリースでは、最初の何ので、これまで任意のコードを学ぶことなく、デザイナーはなしでインタラクティブなドキュメントを作成できるようにすることに向かってかなりのシフトを行い、これは本当に重要なビットです。例として、オブジェクトの状態のパネルを取る。突然インタラクティブSWFデザインの世界でも最もハードコアなプリントデザイナーに門戸を開いた。そしてその革命は、それがそれが何かなら、ベータ版ソフトウェア(開発コード名)ミューズを続行します。

ミューズは、CSS3のWebデザインの利点を利用するが、それはコーディングのどれを必要としない、HTML5の編集パッケージです。実際、ソフトウェアはそうでないコードは、その基本的なワークフロー、レイアウトや用語をよりDreamweaverにもInDesignのに関連付けられているのthatsです。そしてそれは本当にデザイナーに(仮題)ミューズを開くことをInDesignのエミュレーションです。

それとグリップを得るために基本的なInDesignの知識とのだれでものため実際にはとても簡単なアプリケーション作成ミューズの実際に素晴らしい機能がたくさんあり​​ます。私はあなたのための私のお気に入りの機能のうち5つのピックアップしました。


特長1 - 平面図

平面図はそれだけではなく、ドキュメントよりも、サイトマップとして一つにまとまるとされているウェブサイトであることの機能が追加され、方法でInDesignのページパネルと同等の多くのです。

Plan View

ビューを計画。


最初の構造とレイアウトを見てみましょう。最初のページ(これはインデックスのページになる)の横には小さな""ボタンが表示されます。最初のページの右側にあるボタンをクリックすると、サイトに2番目のページが追加されます。

An Added page.

追加されたページ。


ページは少し結ぶ線で結ばれている。後で見るようにこの行は、ナビゲーションを生成するために使用されます。古いページの前または後に新しいページを追加するボタンをクリックしてください。非常にシンプル。

The bottom   button

下のボタン


各ページのベースにあるボタンは、異なる役割を持っています。このボタンをクリックすると、兄弟のページを追加します。兄弟のページは、あなたのためにそれらを追加するページ内からリンクすることができるページです。

The Sibling page

兄弟ページ。


サイト構造を形成するためにボタンを使用すると、この種のものを作成するまで、それは非常に時間がかからないことを意味します。

Site Map

サイトマップ。


これは、いずれかの多くの努力を取らない。同様にInDesignで選択したページがゴミを使って削除することができますボタンもできます。


特集2 - マスターページ

あなたがどれだけ重要なデザインの一貫性を知るデザイナーとしてユーザーエクスペリエンスに関係なくメディアの、良いものにするためのものです。ミューズでマスタページを使用すると、ちょうどその容易にするための素晴らしい方法です。あなたがInDesignのマスターページに精通しているなら、あなたはすでにこのコンセプトを理解します。あなたがマスタページに新しいなら私はあなたのために考えることができる最高の肖像はテンプレートです。

A Master Page.

マスターページ。


それを開くためにマスターページをダブルクリックします。ガイドの二組が存在する注意してください?これらは、ボトムのペアのトップペアとフッター用のヘッダーとしてプリセットされています。

Header guide

ヘッダガイド。


もしそれらの位置に入るために導くと同じようにそれらを調整する。

またはインスタンスのテキストボックスまたは図形を生成するためのツールのいずれかを選択して場所のオプションを開くは、Command - Dキー押すことにより、複数のページに一貫している必要がある場所の内容。

Content placed on master page plus tools

マスターページに加え、ツー​​ル上に配置されたコンテンツ。


どちらかのより多くのマスターページを追加したり(右クリックし、"複製"を選択)を複製現在のものをと変更することによっていくつかのバリエーションを作ってみてください。

マスターページは、自動的にすべてのページに適用されます。あなたのページに異なるマスタページを適用するには、プランビューでページへ上のマスターページのグループからマスターページをドラッグすると、そのページがハイライトを放します。

Page with master applied and extra content

マスター応用と余分なコンテンツを持つページ。


は、マスタページのコンテンツがない場合には、ページが編集できるので、実際にはページが80%、そのページに追加されたコンテンツおよびインスタンスのためのマスタページから20%の内容で構成される場合があります。

ヒント:マスターページはまだ単なるマスタページに加えた変更はグローバルであり、その適用された特定のマスタページを持っているページに反映されることを覚えて、マスターページのグループに編集することができます


特長3 - オブジェクトピンニング

あなたが何をしているかが分からない場合は、ブラウザのウィンドウ内の位置にオブジェクトを確保するためにCSSで位置の書式設定オプションを使用すると、非常に複雑になることが。ミューズは、しかし、まさにその作業のシンプルでありながら非常に効果的な方法を発見した。

The Pin option

ピンのオプション。


おそらく、現在の位置、たとえばナビゲーションバーから移動されないようにページ上のオブジェクトまたはグループを選択します。

Navigation selected and pinned

ナビゲーションは、選択され、ピンで留め。


ピンのオプションのいずれかのコントロールパネルのクリックで、私は左上を選びました。

あなたのHTMLページを表示するには、[プレビュー]ボタンをクリックして、今(あなたがスクロールを有効にするために、より多くのコンテンツを追加する必要がある場合があります)ページをスクロールしてみてください。

Pinned object stays put

確保されたオブジェクトは、putのままです。


確保されたオブジェクトは、ブラウザウィンドウではなく、ページの左上に固定されたまま。


特長4 - カスタマイズナビゲーション

プランビューでは、私はサイトの構造を有しており、すべてのページと兄弟ページに名前が付けられています。

Plan view busy

忙しいプランビュー。


今私は、自動的にサイトナビゲーションを作成するには、このサイトの構造を使用してください。

Widgets

ウィジェットパネル。


サイトの最初のページにメニューをドラッグして位置に置きます。

ヒント:マスターページは、物のこのタイプの理想的なロケーションです。

Menu on the page

ページ上のメニュー。


このウィジェットは、自動的に各リンクの名前を指定するとページへのハイパーリンクを作成するスマートなウィジェットです。

The Options area

オプションHUD。


ここには、そのようなナビゲーションのレベル、必要な、ページだけまたはインスタンスの兄弟ページが含まれているので希望メニューの種類を選ぶことができます。

The Control Panel

コントロールパネル。


スタイルメニューをあなたのサイトに色のオプションと多くの他のAdobeアプリケーションのようなコントロールパネルで使用できるフォントのオプションを使用すると一致するように。


特徴5 - PhotoshopのCS5からのインポートボタン

これは、ボタンの状態のためにPhotoshopのレイヤーを使用して、ボタンのデザインを可能にするため、すべての私のお気に入りの機能にする必要があります。

Photoshop layers

Photoshopのレイヤー。


ここで私が行ったこと、Photoshopの画像、各状態の異なる層の設計とボタンを持っている。

バックミューズで、 ファイルを選択してPhotoshopのボタンとしてPhotoshopファイルを配置

Button Options

ボタンのオプション。


オプションで、最大等にわたり、アップ、各​​ボタンの状態にそれぞれのレイヤーに一致する表示されるボックスは、その後、ページ上のボタンを配置。

プレビューモードに切り替え、ボタンをテストします。それに対応する状態がカーソルによって活性化されている場合、各Photoshopレイヤーが明らかにされます。

The States panel

状態パネル。


米国のパネルは、各P​​hotoshopのボタンの状態を監視し、配置後に変更することができます。


結論

そうアドビは、それが起動時に呼び出される可能性があるどのような確かにミューズと右のコースを打った、またはしている?さて私は言わなければならないのですが...はい!ミューズは、設計者はコードを介さずにプリントからWebに自分の知識を転送するための優れたツールです。ではない私が何を言っていることは、コーディングに問題があるのか​​もしれませんが、多くのデザイナーのためのHTMLとCSSはそれらのツールセットの一部ではありません。

あなたがミューズのベータ版を試してみたい場合は、アドビシステムズ社のWebサイトを訪問し、無料でダウンロードここに


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link