CSS Nite in Kobe, vol.59 開催概要

タイトル

Figmaの基礎からウェブデザイン、マイクロインタラクションまで学ぶ3回シリーズ

③応用編:マイクロインタラクションを活かしたプロトタイプを制作しよう
講師:松下 絵梨(ロクナナ)

開催日時・会場

2023年9月16日(土)(受付:13:30)14:00〜17:00 
レンタルスペースジェム 2階中会議室B-1 (元町)

アーカイブ動画視聴参加
当日会場で参加できない方も、お申し込みいただければ後日アーカイブ動画をご覧いただけます。
※アーカイブ動画の視聴URL、スライド、デモデータなどのダウンロードURLを記載したフォローアップメールを、会場で参加した人と同様にお申込いただいたメールアドレス宛に送信いたします。


内容


2020年8月のvol.56以降、3年間の休止を経て、CSS Nite 神戸版を再開します。

2020年1〜3月 Adobe XDをじっくり取り上げる3回シリーズの内容を開催しました。このコロナ禍の3年間で、XDを取り巻く環境も大きく変化し、今後はFigmaの方向に向かいつつあります。
神戸版を再開するにあたって、松下絵梨さんを講師に迎え、3回シリーズ(3ヶ月連続)で Figmaをじっくり学ぶ内容を開催します。
Figma出遅れてしまったと感じている人、XDからFigmaへの移行に困っている人は要チェック。
XDのエキスパートの松下絵梨さんが、わかりやすくXDとFigmaの違いや移行のポイントを解説します。

内容の詳細は「出演者・セッション」をご確認ください。


タイムテーブル

13:30〜 (30分)開場・受付開始
14:00〜 (10分)オープニング
14:10〜 (75分)③応用編:マイクロインタラクションを活かしたプロトタイプを制作しよう(前半)
15:25〜 (20分)休憩
15:45〜 (75分)③応用編:マイクロインタラクションを活かしたプロトタイプを制作しよう(後半)
17:00〜 (25分)エンディング・歓談・撤収
17:30終了

出演者・セッション

Figmaの基礎からウェブデザイン、
マイクロインタラクションまで学ぶ3回シリーズ
③応用編:マイクロインタラクションを活かしたプロトタイプを制作しよう

Day3

第3回目のイベントでは、「マイクロインタラクションを活かしたプロトタイプを制作しよう」というテーマで進行します。

  • マイクロインタラクションの概要: マイクロインタラクションとは何か、その重要性や効果について解説します。
  • Figmaでのアニメーション機能: Figmaのアニメーション機能を使用して、ボタンのホバーエフェクトや要素のフェードインなどのマイクロインタラクションを制作する方法を学びます。
  • インタラクティブなプロトタイプ作成: Figmaのプロトタイプ機能を活用して、マイクロインタラクションを含んだインタラクティブなプロトタイプを作成する手法について実践的なアプローチを紹介します。
  • イベントトリガーとアクションの設定: マウスオーバー、クリック、ディレイなどのトリガーイベントと、要素の表示・非表示、移動、変形などのアクションを組み合わせて、リッチなマイクロインタラクションを実現する方法について詳しく解説します。
  • Lottieアニメーション:Figmaのスマートアニメートで作成したアニメーションを、「LottieFiles for Figma」を使用してWebページで実装可能なJSON形式のファイルで書き出す方法について解説します。
  • プロトタイプの共有とフィードバック: Figmaを使用して制作したプロトタイプを共有し、ユーザーからのフィードバックを収集する方法について紹介します。

このセミナーを通じて、Figmaを使ってマイクロインタラクションを含んだプロトタイプを制作するスキルを身につけ、魅力的なユーザーエクスペリエンスを実現しましょう。初心者の方や既にFigmaを使用している方々も、ぜひご参加ください。

松下 絵梨(まつした・えり) ロクナナ

大阪出身大阪在住のWeb/UIデザイナー。東京理科大学理工学部卒業。

2010年よりフリーランスとして独立し、DTP/Web/アプリデザイン、ディレクションを行なっている。
講師業や、「Adobe XD ユーザーグループ大阪」、「CSS Nite in Osaka」の運営、セミナー登壇・企業研修にも力を入れている。

2020年に『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』(翔泳社)を上梓。

2023年から株式会社ロクナナ所属。
Figma Community Advocate|Adobe Community Experts|LottieFiles Evangelist


参加費とお申し込み

セミナー申込み3,000円 税込(早割:8月31日決済完了分まで)
3,500円 税込(9月1日以降)※事前決済のみ。

  1. 下記のフォームに必要事項を入力し送信してください。
    (スマホでご覧の方で入力がしずらい方は、直接こちらのフォームに移って入力お願いします。)
  2. 追って、セミナー参加費請求メールが届きます。
    (もし、申込みから24時間以上経っても届かない場合は、 cssnite.kobe@gmail.com宛にご連絡ください)
  3. 5営業日以内にご指定の方法でお支払いください
    5営業日を過ぎてもお支払いが確認できない場合はキャンセルとさせていただきます。
  4. 入金確認メールが届きます。
  5. 前日(または前々日)にリマインドメールが届きます。注意事項などをご確認ください。
  6. 当日受付にて申込時のお名前をお伝えください。


キャンセルの場合


キャンセルの場合は、こちらのキャンセル申し出フォームに必要事項を入力し送信してください。

キャンセルの場合は、開催日の4日前(9月12日中)までにご連絡いただければ返金いたします。PayPalでお支払いの場合はPayPalを通じて返金処理をします。銀行振込でお支払いの場合は、振込手数料+返金手数料 500円を引いた額の返金とさせていただきます。予めご了承ください。

開催日の3日前(9月13日)から以降のキャンセルに関しては返金はありません。どなかた代わりに参加いただくようお願いいたします。
欠席の場合も、当日の資料やスライド、動画などを配信するフォローアップメールは送信いたします。(※キャンセルで返金した場合は、参加者リストから削除されますのでフォローアップメールは送信しません。)


懇親会

懇親会の開催はありません。
謎の夏風邪が流行っているようです。検査しないからわからないだけで、この夏風邪もコロナの可能性が高いと思います。
2023年5月に COVID‑19 が5類になったとはいえ、不特定多数での飲食は当面の間控えておこうと考えています。

懇親会は開催しませんが、セミナー本編終了後 30分程度余韻時間を設けます。
周囲の人や講師と名刺交換や質問、歓談などごゆっくりお過ごしください。


協賛のお願い】イベントの主旨にご賛同いただき、CSS Nite in Kobe に協賛いただける企業・団体を募集しています。

CSS Nite in Kobe 2023 年間協賛

CSS Nite in Kobe, vol.59 スポット協賛