Lesson

目的やつくりたいもの別に、実際に手を動かして学ぶ

レッスン動画一覧

表示されるとアニメーションするグラフを作成
全3回

Adobe XDで、表示されるとアニメーションするグラフをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッス...

XD検定の目安 初級
  1. 表示されるとアニメーションする円グラフを作成
  2. 表示されるとアニメーションする棒グラフを作成
  3. 表示されるとアニメーションする折れ線グラフを作成
タップで見た目が変わるボタンをデザイン
全3回

Adobe XDで、タップして操作できるボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは、タ...

XD検定の目安 初級
  1. タップで見た目が変わるいいねボタンをデザイン
  2. タップで見た目が変わるハンバーガーボタンをデザイン
  3. タップで見た目が変わるチェックボックスをデザイン
モバイル画面のスライド式ドロワーメニュー
全4回

Adobe XDで、モバイル画面のドロワーメニューをデザインしましょう。このレッスンでは、モバイル画面とドロワーメニュー画面を作成し、タップ操作でメニュー画面がオーバーレイ表示され...

XD検定の目安 初級
  1. スライド式ドロワーメニュー① カード型UIをつくる
  2. スライド式ドロワーメニュー② 繰り返し要素を配置
  3. スライド式ドロワーメニュー③ メニュー画面の作成
  4. スライド式ドロワーメニュー④ インタラクションを設定
マウスオーバーで見た目が変わるボタンをデザイン
全3回

Adobe XDで、マウスオーバーに反応するボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは...

XD検定の目安 初級
  1. マウスオーバーで不透明度が変わるボタンをデザイン
  2. マウスオーバーで背景色が変わるボタンをデザイン
  3. マウスオーバーで形状が変わるボタンをデザイン