Reference

XDでCSSのfixedのように要素を固定する方法。グローバルナビゲーションメニューやスマホ時のヘッダーなどによく使う要素です。

今回はXDを使ってスワイプする事でスクロールするブロック（スワイプジェスチャー）を作成する方法を紹介します。最近、流行の横スクロールのタブメニューやカルーセルスライダーの動きなどのUI/UXの作成に使えます。

今回はXDでマウスホバー時orクリック時のアニメーションを実装する方法を紹介します。 WEBサイトやアプリではほぼ必ずと言っても良いほどマウスホバーやクリック時のアクション、アニメーションがあります。XDのワイヤー作成段階で具体的なアニメーションを作っておけば開発が楽になるので覚えておきましょう。

今回はXDで作成したデザインを不特定多数に公開して、公開した人からフィードバック（コメント）をもらう方法をお伝えします。XDでは標準機能でUXデザインをWEB上に公開して、アクセスした者からコメントを受け取る事が出来ます。 その設定方法と使い方を次で説明いたします。

今回はXDを使って良くあるギャラリーのレイアウトを一瞬で作成する方法について紹介します。一枚ずつ写真を並べてレイアウトを作成するのは非常に非効率です。XDを使えば10枚だろうが100枚だろうが一瞬で写真を整列して並べる事が出来ます。

今回はAdobeのユーザーエクスペリエンス専用のクリエイティブソフトであるXDを使用して約10分ほどでサクッと高クオリティなサムネイルを作成する方法を紹介します。非常に便利で効率の良い方法だと思うので、是非真似してみて下さい。

Adobeが公式公開しているXDの無料素材の「UI kits」がクオリティが物凄く高く便利すぎるのでXDを使用しているユーザーは必ずダウンロードしておきましょう。また同URLではフォントとアイコンの素材もありますのでこれらも一緒にダウンロードしておきましょう。

今回はAdobeのUI/UXデザインソフトのXDで表（table）を表現する方法を紹介します。