kishioka-design_sample001_01

Adobe Muse CCを使ったホームページ制作

サンプルブログ001の制作(MusexPress3.x)

※2017年6月8日
ブレークポイントを追加してのレスポンシブ対応を試みたのですがエラー発生。
多分「Versa Slide」Wigetが原因と思われる。
現状、デスクトップのみの対応。

『Adobe Muse』と『MusexPress3.x』を組み合わせることで
コーディング作業なしにWordPressサイトの制作が可能。

WordPressの機能をフルに活用するようなサイトは作成できませんので
その分、MusexPress3.x以外のWidgetもいくつか使用して、
差別化の図れるサンプルサイトの制作を進めていこうと思います。

◎Versa Slide / 固定ページへの切り替えアニメーションに採用
「Versa Slide」についての詳細はコチラ(外部サイト)

◎Animated Text / 固定ページにてスクロールを即すテキストアニメーションに採用
「Animated Text」についての詳細はコチラ(外部サイト)

◎Scroll Reveal / 固定ページにてスクロール時に各コンテンツを表示させていくアニメーションに採用
「Scroll Reveal」についての詳細はコチラ(外部サイト)

▽サンプルサイト
live-preview

「MusexPress」についての詳細はコチラ(外部サイト)

musexpress3_18Dynamic Menuの設置(MusexPress3)前のページ

複数レイアウトからライトボックスに展開可能のメディアギャラリー(Adobe Muse)次のページmedia-pro-gallery-2-01_01

関連記事

  1. fullscreen-split-slider01

    Adobe Muse CCを使ったホームページ制作

    フルスクリーン分割スライダー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  2. svgdraw2018

    Adobe Muse CCを使ったホームページ制作

    SVGドローアニメーション(Adobe Muse CC)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  3. img20160423-01
  4. lightbox01

    Adobe Muse CCを使ったホームページ制作

    2タイプのライトボックスギャラリー(Adobe Muse)

    【Adobe Muse】の機能を利用したコンテンツを紹介しています。…

  5. fullscreen-gallery
  6. animated-rollovers

    Adobe Muse CCを使ったホームページ制作

    イメージロールオーバー(Adobe Muse)

    サードパーティウィジェット「Animated Image Rollov…

  1. slides-presentations01

    Adobe Muse CCを使ったホームページ制作

    スライドショーでプレゼンテーション(Adobe Muse CC)
  2. eyecatch-200922

    Premiere Pro

    Premiere Pro/オープニングロゴ集-01
  3. eyecatch-200409-2

    After Effects

    レイヤーの親子関係を使った蝶々のアニメーション(After Effects)
  4. jotform01

    Adobe Muse CCを使ったホームページ制作

    Museでも高機能なフォームを(Adobe Muse CC)
  5. chart-cartoon-film2-1

    Audition

    Keynoteでグラフアニメーション/3D編(Keynote)
PAGE TOP