Webデザインの表現を広げるレイアウト 全4回 Adobe XD を使って、マルチカラムをベースにした様々なレイアウトを作成してみましょう。 このレッスンでは、カラムの設定方法から少し複雑なレイアウトのつくり方まで、XD の機能...
Adobe XDでアニメーションするプレゼン用スライドを作成する 全4回 Adobe XD を使って、アニメーションを取り入れた、分かりやすくて飽きさせないスライドをつくりましょう。 このレッスンでは、プラグイン「プレゼンテーション」を使って、簡単にプレ...
Adobe XDで縦横スクロールできるカレンダーをデザイン 全4回 Adobe XD を使って、ちょっと複雑な UI パーツのの動きを確認するためのプロトタイプをつくってみましょう。 このレッスンでは、縦方向と横方向にスクロールできるカレンダーのつ...
Adobe XD でアニメーションするランディングページをデザイン 全3回 Adobe XD のアニメーション機能を使うと、スクロールするにしたがって変化するページを表現することができます。 このレッスンでは、ローディング時の表現と、スクロールした時のパラ...
EC サイトでよく使われる UI パーツをつくる 全3回 e コマースサイトをデザインする際によく出会うことになるパーツの効率的な作り方を紹介するシリーズです。 このレッスンで紹介するのは、カルーセル、ドロップダウン、画像のズーム、および...
表示されるとアニメーションするグラフを作成 全3回 Adobe XDで、表示されるとアニメーションするグラフをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッス...
タップで見た目が変わるボタンをデザイン 全3回 Adobe XDで、タップして操作できるボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは、タ...
モバイル画面のスライド式ドロワーメニュー 全4回 Adobe XDで、モバイル画面のドロワーメニューをデザインしましょう。このレッスンでは、モバイル画面とドロワーメニュー画面を作成し、タップ操作でメニュー画面がオーバーレイ表示され...
マウスオーバーで見た目が変わるボタンをデザイン 全3回 Adobe XDで、マウスオーバーに反応するボタンをデザインしましょう。デザインの動的な側面を表現すれば、アイデアを周囲に伝えることがずっと容易で確実になります。 このレッスンでは...
