コンポーネントの操作 1/3（作成方法） デザイン全体で繰り返される要素を作成するとき、コンポーネントを使うと柔軟に効率よく作業することができます。 コンポーネントを作成するには、オブジェクトまたはオブジェクトのグループを...
コンポーネントの操作 2/3（インスタンスのカスタマイズ） 作成したメインコンポーネントのすべてのコピーをインスタンスと呼びます。インスタンスは、メインコンポーネントの正確なコピーで、メインにリンクされているため、メインコンポーネントに変更...
Webデザインの表現を広げるレイアウト 全4回 画面に固定されたサイドメニューを作成する このレッスンでは、マルチカラムグリッドを設定して、その上にいくつかの少し凝った Web サイトのレイアウトを作成する手順を解説します。 Adobe XD を起動し、「ファイル」→「...
Webデザインの表現を広げるレイアウト 全4回 メイスンリーレイアウトを作成する このレッスンでは、マルチカラムグリッドを設定して、その上にいくつかの少し凝った Web サイトのレイアウトを作成する手順を解説します。 Adobe XD を起動し、「ファイル」→「...
EC サイトでよく使われる UI パーツをつくる 全3回 カルーセル（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、クリック操作で3枚の商品画像がループするカルーセルのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイル...
EC サイトでよく使われる UI パーツをつくる 全3回 ドロップダウン（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、色違いの商品を選択するドロップダウンのつくり方を解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選択して「開...
EC サイトでよく使われる UI パーツをつくる 全3回 画像ズームとカウンター（EC サイトのよくある UI パーツをつくるシリーズ） このレッスンでは、商品画像のズーム機能と購入数を指定するカウンターのつくりを解説します。 Adobe XD を起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選...
CCライブラリを活用！Photoshopの精度とAdobe XDの速度を両立させるワークフロー 全4回 アセットの使い回しに便利なAdobe XDのコンポーネント このレッスンでは、コンポーネントを利用した効率的なデザイン変更の手順を解説します。 Adobe XDを起動し、「ファイル」→「開く」からダウンロードしたサンプルファイルを選択して「...
