UI/UXデザインツール『Adobe XD』入門

3-4. アートボード・オブジェクト共通の操作
- UIデザイン
- UXデザイン
- プロトタイピング
Adobe XDのアートボード・オブジェクトは、自由に移動、複製、分散・整列、サイズ変更ができます。そうした基本操作について説明します。
公開日:2019/06/24最終更新日:2019/06/27
理解度チェック
前のレッスン
UI/UXデザインツール『Adobe XD』入門
1. Adobe XDの概要とインストール
- 【無料公開中】 1-1. Adobe XDの概要
- 【無料公開中】 1-2. Adobe XDの料金プラン
- 【無料公開中】 1-3. Adobe XDの初期設定とインストール
- 【無料公開中】 1-4. Adobe XDのドキュメント(ファイル)の取り扱い
- 【無料公開中】 1-5. Adobe XDでPhotoshop・Illustrator・Sketchを開く方法
- 【無料公開中】 1-6. PNG・JPEG・PDF・SVG形式でファイルをエクスポートする
- 【無料公開中】 1-7. Adobe XDの公式スターターキットを用いた学習方法
2. Adobe XDの基本操作
3. Adobe XDで画面をデザインする
- 3-1. ツールパネル(画面左メニュー)内の9つのツールの使い方
- 3-2. ワークエリア(画面中央)とレイヤーパネル(画面左)の見方
- 3-3. プロパティインスペクター(画面右パネル)の見方
- 3-4. アートボード・オブジェクト共通の操作
- 3-5. アートボード特有の機能と使い方
- 3-6. オブジェクトの基本操作と使い方
- 3-7. アピアランス「塗り」「境界線」「シャドウ」の使い方
- 3-8. アピアランス「背景のぼかし」「オブジェクトのぼかし」の使い方
- 3-9. テキストの配置「ポイントテキスト」と「エリア内テキスト」の使い分け
- 3-10. 複数オブジェクトの合体・型抜きなどの処理(ブール演算)
- 3-11. オブジェクトをマスクする方法
- 3-12. 画像の配置とマスク機能
- 3-13. シェイプ・パスのアンカーポイント・曲線ハンドル操作
- 3-14. ペンツールでのシェイプ作成と既存シェイプの編集(アンカーポイントの追加・削除)
- 3-15. CCライブラリを利用した画像(外部アセット)の配置、編集
- 3-16. 画像書き出し(個別・一括指定、書き出しオプション設定)
- 3-17. 任意の場所をスクロールさせる機能「スクロールグループ」の使い方
4. より効率よくデザインするための機能
- 4-1. UIキットの取得・活用
- 4-2. リピートグリッド
- 4-3. レイアウトグリッド・方眼グリット
- 4-4. コンテンツに応じたレイアウト
- 4-5. スタックでフレキシブルなグループやコンポーネントを作成する
- 4-6. 色や文字スタイルなどを管理できる機能「アセット」の使い方