studio14-01

STUDIO

4×4=16マスで画面全体を構成するトップページのレイアウトサンプル

4×4=16マスで画面全体を構成するトップページのレイアウトを制作しました。
タブレットでは2列、モバイルでは1列で表示されます。
メニュー箇所は、マウスオーバー時にアニメーションで詳細が表示されます。

サンプルサイト11

studio14-02

その他のサンプルサイトはこちらから

STUDIOとは

STUDIOとは、デザインから公開までワンステップ。オンライン上でホームページの制作ができるサービスです。
同様のサービスは他にもありますが、決まったレイアウトからスタートするのではなく、オリジナルのデザインで制作できます。
STUDIOには3つのポイントがあります。ひとつめは工程の自動化による、制作時間と制作費の削減。ふたつめはスマホ・タブレット・パソコンに対応。みっつめはブログの設置が可能。
STUDIOなら時短で低価格の本格的なホームページが制作できます。

studio13-01マウスオーバーによるボタンアクション集を制作(STUDIO)前のページ

イーズインの動きをMotion ArrayのPremiere Proプラグインで簡単に次のページeyecatch-20201128

関連記事

  1. studio11-01

    STUDIO

    サンプルサイト10/テーマ:家具製作所

    STUDIOで家具製作所をテーマにしたサンプルサイトを制作しました。…

  2. studio03-01

    STUDIO

    背景動画、スクロールアニメーション、CMSの導入をテーマにページを作成しました。

    『STUDIO』でホームページの制作今回(サンプルサイト03)…

  3. studio06-01

    STUDIO

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成

    STUDIOで中面ページも含めたコーポレートサイトのサンプルを作成しま…

  4. studio10-01

    STUDIO

    サンプルサイト08/テーマ:歯科医院

    STUDIOで歯科医院をテーマにしたサンプルサイトを制作しました。…

  5. studio10-03

    STUDIO

    サンプルサイト09/テーマ:コーヒー豆専門店

    STUDIOで歯科医院をテーマにしたサンプルサイトを制作しました。…

  6. studio04-01

    STUDIO

    WordPressを使わずにSTUDIOでニュースサイトを構築する

    STUDIOのCMS機能を使って、WordPressで作成したようなニ…

  1. snipcart-ecommerce

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

    Museでeコマース出来るのですが・・・(Adobe Muse)
  2. filmora-pho010-01

    Filmora

    トランジション「ベーシック編2」(Filmora)
  3. eyecatch-200409

    After Effects

    After Effects上で3D化したテキストのモーショングラフィックス(Af…
  4. chart-cartoon-film2-1

    Audition

    Keynoteでグラフアニメーション/3D編(Keynote)
  5. webflow001-01

    STUDY

    ナビゲーションの設置。(webflow)
PAGE TOP