Adobe XD でアニメーションするランディングページをデザイン 全3回 ページのイントロアニメーションを作成（アニメーションするランディングページ 1/3） このレッスンでは、ページを読み込んだ際に表示されるイントロアニメーションのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファ...
Adobe XD でアニメーションするランディングページをデザイン 全3回 ページスクロール時のフェードイン効果を作成（アニメーションするランディングページ 3/3） このレッスンでは、スクロールするとコンテンツがフェードイン表示されるインタラクションのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードした...
EC サイトでよく使われる UI パーツをつくる 全3回 カルーセル（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、クリック操作で3枚の商品画像がループするカルーセルのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイル...
EC サイトでよく使われる UI パーツをつくる 全3回 ドロップダウン（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、色違いの商品を選択するドロップダウンのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選択して「開...
EC サイトでよく使われる UI パーツをつくる 全3回 画像ズームとカウンター（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、商品画像のズーム機能と購入数を指定するカウンターのつくりを解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選...
マウスオーバーで見た目が変わるボタンをデザイン 全3回 マウスオーバーで背景色が変わるボタンをデザイン このレッスンでは、Adobe XDのアニメーション機能を使って、マウスオーバーすると背景色が変わるボタンのプロトタイプをデザインする手順を学びます。 Adobe XDを起動し、「フ...
