Lesson

Adobe XD を使うと、描いたシェイプや文字に少しの手間を加えるだけでアニメーションを使った表現を追加できます。 このレッスンでは、回転するローディングアイコン、Illustr...

Adobe XD の描画ツールを使うと、さまざまな装飾的な表現を描くことができます。さらにレイアウト機能を組み合わせると、コンテンツに合わせて見た目が自動調整される装飾もつくれます...

CCライブラリを利用すると、PSDデータをXDドキュメントに配置して、修正が必要になったらPhotoshopに戻るというワークフローが利用できます。 このレッスンでは、CCライブラ...

PSDデータのデザインカンプを Adobe XDに読み込むと、効率的にWebページのレイアウト作業やレスポンシブ対応を行えます。 このレッスンでは、PSDデータをXDに読み込む手順...

Adobe XDで、表示されるとアニメーションするグラフをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッス...

Adobe XDで、タップして操作できるボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは、タ...

Adobe XDで、モバイル画面のドロワーメニューをデザインしましょう。このレッスンでは、モバイル画面とドロワーメニュー画面を作成し、タップ操作でメニュー画面がオーバーレイ表示され...

Adobe XDで、マウスオーバーに反応するボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは...

Adobe XDは、レスポンシブサイズ変更やリピートグリッド等の機能を使って素早くレスポンシブデザインを実現できます。 このレッスンでは、モバイル画面用のデザインをPCの画面に合わ...

Adobe XDのアセットパネルでは、プロジェクト内のすべてのアセットを管理することができます。 カラー、文字スタイル、コンポーネントをアセットパネルに追加することで、簡単に繰り返...