XDのデータを今すぐPSDに変換できる簡単な方法
WebデザインのツールとしてXDは当たり前のように使われるようになってきています。でも納品はPSD（フォトショップデータ）を要求されることがまだまだ多いですよね。 XDは単独でPSDデータを出力する…
2020 / 07 / 17
XD
XDの使い方
AdobeXDチュートリアル サイドメニュー（Drawer）の作り方
モバイルサイトにほぼ必ず実装されるサイドメニューもAdobeXDを使えばびっくりするくらい簡単につくることができます。 プレビューモードでは実際の動作に近い動きをしてくれるので、より伝わりやすいプロ…
2019 / 08 / 25
AdobeXDチュートリアル スライドショーの作り方
AdobeXDはUXデザインツールとしてもっともよく使われるツールの１つ。単に静的なデザインを作るだけでなく、プロトタイピングモードでアニメーションや画面遷移を作ることができるのも大きな特徴です。 …
2019 / 08 / 24
AdobeXD Bootstrap4のグリッドの作り方(レスポンシブ対応)
AdobeXDのアートボードに設定できるグリッドで、iPadやSurfaceなどのアートボードのプリセットを使ってBootstrap4のグリッドを作る方を紹介します。 XDでBootstrapを使っ…
2019 / 08 / 23
AdobeXD おすすめ無料プラグイン10選
最近のアップデートで使えるようになったAdobeXDのプラグイン機能。XDにはない便利な機能を簡単に追加することができます。 ここではたくさんあるプラグインの中からとくにオススメのプラグインを厳選し…
2019 / 08 / 13
AdobeXD UIkitまとめ 2019
Web制作の作業効率を爆速化してくれると噂のUIKitを集めてみました。これがあればツールパネル使わなくてもサクッとWebデザインできちゃいます。 AdobeXDの便利なツールの中でもとくによく使わ…
2019 / 08 / 12
AdobeXD初心者のための プロトタイプの手順と使い方
AdobeXDで使えるプロトタイプモードはWebの画面遷移やドロップダウンなどのインタラクションをデザインツール上で設定できる機能。 ここではプロトタイプの設定手順とインタラクションパネルの使い方を…
2019 / 08 / 07
AdobeXD初心者のための リピートグリッドの使い方まとめ
Webデザインをしていると同じ要素のくり返すことがよくあります。 以前は１ヶ所修正するのに手作業で行ってましたが、XDのリピートグリッドを使えば、１度の変更で全てに適用できるので作業効率がかなり上が…
2019 / 08 / 06
AdobeXD初心者のための新しくなったコンポーネントの使い方まとめ
Webデザインをしていると、ボタンやヘッダーなど複数のページで使い回す必要のある場面が多くあります。以前は必要な分だけコピペして、変更があったら全てのページで同じ作業を繰り返していました。 Adob…
2019 / 08 / 05
AdobeXD初心者のための XDでできることまとめ
Webデザイナーの必需品になりつつあるAdobeXD。初心者向けにどんなことができるのかをまとめてみました。 本家のドキュメント にはそれぞれの機能やツールの説明がより詳しく掲載されているので、そち…
2019 / 08 / 02