Adobe Muse マニュアル  解説サイト

 

Adobe Muse マニュアル解説サイト

更新:2015.02.21

Copyright © 2013  MT All rights reserved.   サイトマップ 連絡先

■紹介

 1.「Jimdo」VS「Muse」、印刷系デザイナーに適した直感的なWebサイト制作ツールは?:2014.02.12

 2,ノンプログラマーズ・ウェブデザイン

  第1回 Adobe Muse CCの基本を6時間で完全習得する!

  第8回 電子書籍を制作する人のための最強ソリューション/ADOBE MUSE ランディングページ・ワークショップレポート

 

■マイナビ

 1.Adobe Muse体験記:フリーランスのイラストレーター・ライターによる入門ガイド:最新記事:検索結果

  1)駆け出しクリエイター、"コードを書かない"Webサイト作りに体当たりで挑戦!:2013.04.18

  2)4ステップでWebサイトが完成! 駆け出しクリエイターがコードを書かないWeb制作の概要を解説:2013.04.30

  3)Webサイトの構成がボタンひとつで完成! 自分のサイトの「プラン」を作る:2013.05.16

  4)コード記述不要の直感的な操作! Webサイトにアイコンをレイアウトする :2023.05.27
  5)カンタン操作でpsdファイルをそのままレイアウト! Webサイトに画像を配置する:2013.06.25

  6)ページ間リンクからパブリッシュまでサクサク進行! サイトの形を整えてみた:2013.07.03
  7)色指定はスポイトツールで! Webサイトを"絵"のようにデザインする:2013.08.15
  8)写真やイラストを魅力的に見せる「Lightbox」をコードを書かずにラクラク設置!:2013.08.27

  9)マウスオーバーの効果も手軽に設定! 画像をキレイに見せる「Lightbox」を設置する:2013.09.03

 10)GoogleマップやTwitterボタンが約5分で設置可能!各種ウィジェットを手軽に導入する:2014.01.23

 11)コンタクトフォームの設置から色変更まで簡単操作で完了! :2014.03.11

 12)今や欠かせない「スマホ最適化サイト」を"コピペ"で作る!:2014.10.24

 13)スマホ時代の流行・"縦スクロールサイト"に挑戦! :2014.11.25

 

 2.Adobe関連記事

 

■Adobe

 0.ファーストステップガイド / Adobe Muse CC:2013.11.17

  Adobe MuseでWebサイトを作成する方法

 1.Creative Cloud

  Adobe Muse CC(全体の説明):2013.08.13

 2.USTREAM(ビデオ):検索結果

  Creative Cloud 道場

   第二十三回 Muse CCでポートフォリオサイト制作(1時間45分):2013.08.29

   第十八回 Adobe Muse CC のご紹介(1時間32分):2013.06.20

   第三回 Adobe Muse を使ってみよう 〜 知っておきたい10のポイント(1時間32分):2013.01.31

  USTREAM:Adobe Design Magazine Channel

   シーズン3・Muse CC & Creative Cloud(1時間9分):2013.05.28

   DPS&Museその2(27分):2013.02.26

   DPS&Museその1(56分):2013.02.26

  Creative Cloud 徹底活用セミナー

   ゼロから始めるMuse 〜あなたのデザインを世界中に公開〜(1時間4分):2012.11.16

 

ADOBE DESIGN MAGAZINE:新機能情報、最新の電子書籍情報から、実践的な使い方の解説やユーザー事例まで。追記2013.06.19

 1.Adobe Muse CC入門ガイド

  第一回:Adobe Muse CCを使うとどんなWebサイトが作れるの?

 2..Adobe Muse入門ガイド(旧バージョン:新バージョンCCリリース後にページ自体が無くなっている。)

  第一回:Adobe Museとは?/第二回:やってみよう!/第三回:機能紹介

 

ADOBE TV(日本語):製品についてビデオで解説されており、とても分かりやすくい。

 1.Adobe Muse CC(新バージョン):追記2013.06.19

  1)Museの概要:日本語 7分16秒

    DTPレイアウトソフトのような感覚で、コーディングせずにWebページをデザインできるMuseの概要をご説明します。

 2.Adobe Muse

  1)Museとは?:日本語 3分41秒

    どのように簡単にWebサイトを作成するのかを紹介します。

  2)画像の使い方:日本語 5分33秒

    InDesignで画像を配置するのと同じ感覚で操作を行うことができ、ダイレクトにPhotoshopと連携してファイルを編集することもできます。

  3)スライドショーの作成:日本語 7分40秒

    Widgets Libraryに用意されたスライドショーのコンポーネントをドラッグアンドドロップするだけで、スライドショーを作成することができます。

  4)ハイパーリンクの作成:日本語 5分33秒

    一切のハンドコーディングを行うことなく、完全にグラフィカルな操作方法で、外部リンクやアンカーなどを設定することができます。

  5)Creative Cloudの概要:英語/日本語字幕 2分41秒

    Creative Cloudメンバーシップメンバーシップでできることを紹介します。

  6)HTML の埋め込み:マップ:日本語 7分15秒

    マップやTwitter、YouTube動画などをページに配置が、コードをデザイン上に直接コピー・ペーストするだけで簡単に埋め込むことができます。

  7)Webセーフフォント:日本語 7分37秒

    Webセーフフォントとシステムフォントの使い分けについて。他のAdobeのDTPツールと同じような感覚でテキストの編集を行うこともできます。

  8)Photoshopのボタンの取り込み:英語/日本語字幕 4分52秒

    動的な状態が設定されたボタンをMuseで作成するために、Photoshopのレイヤーファイルを追加して編集する方法を紹介します。

  9)Business Catalystへのサイトの発行:英語/日本語字幕 2分34秒

    MuseからBusiness Catalystに対し、HTML等のコードを扱うことなく簡単にテストサイトを作成する方法を紹介します。

 10)Typekitフォントの使用:英語/日本語字幕 4分30秒

    Webフォントを検索、フィルターの適用および選択する方法をデモで紹介。Adobe Typekit®サービスでは、400種類以上のWebフォントが提供。

 11)Muse:HTMLコードを埋め込み、Googleマップなどを追加:英語/日本語字幕9分20秒

     GoogleマップやYouTubeビデオの埋め込みコードなどの様々なHTMLコンテンツを埋め込むことができます。

 12)美しいタイポグラフィでサイトをデザイン:日本語字幕 4分38秒

     印刷物をデザインするときと同じように、多彩なフォントとプロ品質のタイポグラフィスタイルを使用することが可能です。

 

ADOBE TV(英語):製品についてビデオで解説されており、とても分かりやすくい。--整備中

 1.Adobe Muse

 2.What's New in Adobe Muse

  1)Show: Creative Suite Podcast: Designers

    In this episode of the Adobe Creative Suite Podcast, Terry White shows off the main new features of Adobe Muse,

     released on August 20, 2012.

  2)Creating Contact Forms in Adobe Muse

  3)Show: CS6 & Creative Cloud Feature Tour for Design

     See how to add, customize and style contact forms using Adobe Muse.

 

Lynda.comのチュートリアル(英語):Adobeアプリケーション毎

 1.Adobe Muse

  1)Muse Essential Training

  2)Up and Running with Adobe Creative Cloud

  3)Muse Beta Preview

 

■Adobe Muse ヘルプ

 パート1

    はじめに

    Muse ワークスペースの探索

    Muse で新規サイトを作成中のサイトプロパティの設定

    プランビューとデザインビューの理解

    マスターページにガイドを配置することによるページ領域の設定

    定規ガイド使用によるページ上のエレメントの整列

 パート2

    サイトマップの作成による、Web サイトのページの入力と編成

    ブラウザー領域の単色またはグラデーションの塗りのカラーの設定

    マスターページへの背景画像の塗りの追加

    サイトのパブリッシュまたは書き出しのときの、Muse による画像最適化方法の理解

    アセットパネルを使用したサイトファイルの管理

    アセットのコピーとペースト

    アセットパネルのメニューオプションの使用

    Web 表示用の画像の最適化

    警告アイコンの理解

 パート3

    ページの塗りのカラーの調整による部分的な透明化

    線幅の設定と効果の適用

    ヘッダーとフッターの追加

    ブラウザーウィンドウの幅全体にまたがる 100% 幅の長方形エレメントの作成

    画像の配置による、ヘッダーコンテンツの入力

    ウィジェット階層内での入れ子エレメントとコンテナの選択

    オプションメニューでの設定の更新による、ウィジェットのビヘイビアーと表示の制御

    水平メニューウィジェットの追加

    メニューアイテムのロールオーバーステートの作成

    アコーディオンパネルでのテキストの使用

 パート4

    Web ページへのアコーディオンウィジェットの追加

    Web フォント、Web セーフフォント、システムフォントの理解

    Web フォントの追加と適用

    最近使用したフォントの適用とリセット

    テキストファイルからページ上にテキストコンテンツを配置

    テキストのフォーマットと段落スタイルの作成

    アコーディオンパネルの更新によるトップタブへの背景画像の埋め込み

 パート5

    Photoshop ファイルをロールオーバーボタンとして配置

    整列パネルを使用したページ上のオブジェクトの整列

    スライドショーウィジェットを使用したスライドショープレゼンテーションの作成

    自動再生を設定したスライドショーウィジェットの追加

    Adobe Muse コンタクトフォーム機能の理解

    HTML の埋め込み

    埋め込み HTML Twitter フィードの追加による最新投稿の表示

 パート6

    埋め込み HTML を使用した Web ページへの Google マップの挿入

    埋め込み HTML による、他サイトのページ表示のための、サイトへの iframe の追加

    複数のマスターページの使用とアニメーションの組み込み

    マスターページコンテンツの編集とマスターページから個々のページへのコンテンツの移動

    既存のマスターページの複製と、Muse サイトのページへの複製の適用

    リッチメディアコンテンツの埋め込みによるサイトへのアニメーションの追加

    パブリッシュ

    パブリッシュと書き出しからのページの除外

    Adobe がホストしているサーバーへの仮サイトのパブリッシュ

 パート7

    ダッシュボードを使ったサイトの管理

    Adobe がホストしているサーバーへの Muse サイトのパブリッシュ

    デバイス指向の Web サイトの作成

    HTML の書き出し

    その他の参考資料

 

Adobe Muse Tutorials(英語):タイトルが日本語版よりタイトルが多い。

 1.Getting started with Muse

    Building your first website: Katie's Café
    Getting Started with Muse: Kevin's Koffee Kart

    Signing in and publishing your first Muse site

    Launching a Muse site to push it live

    Lynda.com Muse essential training with James Fritz

    Muse-Themes.com

    Muse Keyboard Shortcuts

 2.Learn more

    Wireframing website layouts in Adobe Muse

    Working with Master Pages

    Typography in Muse: Using web fonts, web safe fonts, and system fonts

    Adding Contact Form widgets to Muse sites

    Strategies for Muse site search engine optimization

    Inserting Adobe Edge content into a Muse site

    Using a third-party FTP client to upload assets to a hosted Muse site

    Styling CSS for embedded HTML

    Monkey Bar: Advanced CMS Integration with Business Catalyst

 

■Getting started with Adobe Muse(英語)

 Part 1:Introduction

 Part 2:Creating sitemaps to populate and organize the pages of a

 Part 3:Adjusting the fill color of a page to make it partially transparent

 Part 4:Adding an Accordion widget to a web page

 Part 5:Placing a Photoshop file as a rollover button

 Part 6:Using embedded HTML to insert a Google map on a web page

 Part 7:Using the Dashboard to manage sites

 

 デザイナーの創造力を加速させるWeb制作ソフト「Adobe Muse」とは?:Adobe・ダニエル・ビューモント氏:2012.12.11

 

■動学.tv

 1.使い方サイト(動画)
  1)Adobe Muse使い方講座(全1巻)

    Adobe Museの使い方講座(全1巻構成)が10月18日に公開されました。

  2)Adobe Muse webサイト制作:公開予定(Web関連ページにタイトルが出ています。何れ公開される様です。)

  3)動学.tvは、MUSE単独で利用出来ず、アドビのデザイン系からエクセル等も全て含まれた契約になります。

    費用:月単位月額2,800円(税込)。

    講座内容:講座数500以上。(一部無料講座あり)

  2)YouTubeにアップされています。

    サンプルページ15分:第2章ページのデザイン

 

■他

 1.日々これMuse

  1)使い方の応用編を紹介(下記は一部)

   Made with Adobe Muse ロゴ入手先(内容は未確認)

   テンプレート素材(内容は未確認)

   Museショートカットキー