webflow

  1. okakishi-chaya_img05

    STUDY

    中面3ページにインタラクションとライトボックスを設定(webflow)

    架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。お店の紹介ページには、ページスクロールに反応するインタラクションを設定。…

  2. okakishi-chaya_img01

    STUDY

    架空のサイトを制作開始(webflow)

    前回まで、制作方法を紹介するようなページを掲載してきましたが中々、これが飽いてきまして(笑)、やはりなるべくリアルに近い内容の方がヤル気になりますので今…

  3. transitions_img01

    STUDY

    トランジションの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「トランジション(Transitions)」について説明します。…

  4. div_block_img01

    STUDY

    Divブロックの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「Divブロック(Div Block)」について説明します。Di…

  5. columns_img01

    STUDY

    カラムの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「カラム(Columns)」について説明します。並べてレイアウト…

  6. container_img01

    STUDY

    コンテナの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「コンテナ(Container)」について説明します。コンテナ(…

  7. webflow018-01

    STUDY

    セクションの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「セクション(Section)」について説明します。セクション(…

  8. webflow017-01

    STUDY

    フレックスアイテムの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスアイテムの設定を紹介します。◎コンテナに対してフレック…

  9. webflow016-01

    STUDY

    フレックスボックスの設定2(webflow)

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに便利。サンプルページの設定 ・Display S…

  10. webflow015-01

    STUDY

    フレックスボックスの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフレックスボックスの設定方法を紹介します。◎配置したコンテナに対…

My Portfolio

kishioka-design.myportfolio.com
  1. eyecatch-200409-2

    After Effects

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

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

    13種類のテキストアニメーション(Adobe Muse)
  3. webflow014-01

    STUDY

    ドロップダウンメニューの設定(webflow)
  4. webflow002-01

    STUDY

    スライドショーの設置(webflow)
  5. animate-sample05

    Adobe Animate CCを使ったコンテンツ制作

    クリックしてテキストを表示(Adobe Animate CC)
PAGE TOP