マガジンのカバー画像

adobeXD 基礎講座

7
運営しているクリエイター

2020年9月の記事一覧

Adobe XDの2020年6月大型アップデート!新機能「スクロールグループ」や「スタック」を使ってみよう!(その3)

Adobe XDの2020年6月大型アップデート!新機能「スクロールグループ」や「スタック」を使ってみよう!(その3)



前回は「スタック」を使ってオブジェクトの並び順や間隔を調整しました。
今回は「デザイントークン」について説明します。

【追加機能-3】デザイントークン

「デザイントークン」は、カラーや文字スタイルに任意の名前を付けられる機能で、共有機能を使用してCSSをダウンロードすることができます。
デザイナーはXDのアセットパネル上でカラーや文字スタイルにカスタム名を追加でき、変更された内容もWEB上

もっとみる
AdobeXDでプロトタイプを作ろう ~ヘッダー編②(メニューホバー時のインタラクション)~

AdobeXDでプロトタイプを作ろう ~ヘッダー編②(メニューホバー時のインタラクション)~

今回はヘッダーにインタラクション(動的要素)を付けていきます。
XDではインタラクションを付ける時にステート機能を使います。ステートとは「状態」のことを指し、ホバー状態やクリック状態など、ユーザー操作によって変わる様々な状態のデザインをXDは作ることができます。

この回では、メニューにホバーした時のインタラクションを付けてみたいと思います。具体的には、ホバー時に下線を表示する方法と、ドロップダウ

もっとみる