EC サイトでよく使われる UI パーツをつくる 全3回 e コマースサイトをデザインする際によく出会うことになるパーツの効率的な作り方を紹介するシリーズです。 このレッスンで紹介するのは、カルーセル、ドロップダウン、画像のズーム、および...
Adobe XD でつくるグラフィックのアニメーション表現 全3回 Adobe XD を使うと、描いたシェイプや文字に少しの手間を加えるだけでアニメーションを使った表現を追加できます。 このレッスンでは、回転するローディングアイコン、Illustr...
Adobe XD でシェイプを加工してつくる装飾表現 全3回 Adobe XD の描画ツールを使うと、さまざまな装飾的な表現を描くことができます。さらにレイアウト機能を組み合わせると、コンテンツに合わせて見た目が自動調整される装飾もつくれます...
CCライブラリを活用！Photoshopの精度とAdobe XDの速度を両立させるワークフロー 全4回 CCライブラリを利用すると、PSDデータをXDドキュメントに配置して、修正が必要になったらPhotoshopに戻るというワークフローが利用できます。 このレッスンでは、CCライブラ...
PSDから始める！Adobe XDでWebデザインを簡単レイアウト 全4回 PSDデータのデザインカンプを Adobe XDに読み込むと、効率的にWebページのレイアウト作業やレスポンシブ対応を行えます。 このレッスンでは、PSDデータをXDに読み込む手順...
表示されるとアニメーションするグラフを作成 全3回 Adobe XDで、表示されるとアニメーションするグラフをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッス...
タップで見た目が変わるボタンをデザイン 全3回 Adobe XDで、タップして操作できるボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは、タ...
モバイル画面のスライド式ドロワーメニュー 全4回 Adobe XDで、モバイル画面のドロワーメニューをデザインしましょう。このレッスンでは、モバイル画面とドロワーメニュー画面を作成し、タップ操作でメニュー画面がオーバーレイ表示され...
マウスオーバーで見た目が変わるボタンをデザイン 全3回 Adobe XDで、マウスオーバーに反応するボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは...
レスポンシブデザインを手軽につくる 全1回 Adobe XDは、レスポンシブサイズ変更やリピートグリッド等の機能を使って素早くレスポンシブデザインを実現できます。 このレッスンでは、モバイル画面用のデザインをPCの画面に合わ...
全てのアートボードのスタイルを一括変換 全1回 Adobe XDのアセットパネルでは、プロジェクト内のすべてのアセットを管理することができます。 カラー、文字スタイル、コンポーネントをアセットパネルに追加することで、簡単に繰り返...
