スタックを使用した動的なデザイン 2/2（スタックの使用方法） スタックはネストして利用できます。例えば、水平方向スタックを有効にしたカード型 UI をいくつか縦に並べてグループ化し、そのグループに垂直方向スタックを有効にすると、スタックがネス...
スタックを使用した動的なデザイン 1/2（スタックの作成方法） スタックを利用するには、グループまたはコンポーネントのレスポンシブサイズ変更を有効にします。次に、プロパティインスペクター内のスタックのチェックボックスをオンにすると、グループのレ...
Webデザインの表現を広げるレイアウト 全4回 画面に固定されたサイドメニューを作成する このレッスンでは、マルチカラムグリッドを設定して、その上にいくつかの少し凝った Web サイトのレイアウトを作成する手順を解説します。 Adobe XD を起動し、「ファイル」→「...
Webデザインの表現を広げるレイアウト 全4回 メイスンリーレイアウトを作成する このレッスンでは、マルチカラムグリッドを設定して、その上にいくつかの少し凝った Web サイトのレイアウトを作成する手順を解説します。 Adobe XD を起動し、「ファイル」→「...
Webデザインの表現を広げるレイアウト 全4回 ブロークングリッドレイアウトを構造化する このレッスンでは、マルチカラムグリッドを設定して、その上にいくつかの少し凝った Web サイトのレイアウトを作成する手順を解説します。 Adobe XD を起動し、「ファイル」→「...
PSDから始める！Adobe XDでWebデザインを簡単レイアウト 全4回 Adobe XDのパディングとスタックで簡単レイアウト このレッスンでは、Adobe XDの便利なレイアウト機能「パディング」と「スタック」を解説します。これらの機能を使うと、オブジェクトの間隔を揃える作業や、オブジェクトの並び順の変更...
PSDから始める！Adobe XDでWebデザインを簡単レイアウト 全4回 リピートグリッドで繰り返し要素をラクラク配置 このレッスンでは、Adobe XDのリピートグリッドを使って、繰り返し要素の配置作業を効率化する方法を解説します。 Adobe XDを起動し、「ファイル」→「開く」からダウンロード...
PSDから始める！Adobe XDでWebデザインを簡単レイアウト 全4回 レスポンシブ対応を素早く行えるAdobe XDの便利機能 このレッスンでは、Adobe XDのレスポンシブサイズ変更の機能を使って、素早くモバイル用の画面デザインからPC用の画面をつくる方法を解説します。 Adobe XDを起動し、「ファ...
