AdobeXDプラグインまとめ
UI/UXデザインツール『Adobe XD』入門
1. Adobe XDの概要とインストール
2. Adobe XDの基本操作
3. Adobe XDで画面をデザインする
- 3-1. ツールパネル（画面左メニュー）内の９つのツールの使い方
- 3-2. ワークエリア（画面中央）とレイヤーパネル（画面左）の見方
- 3-3. プロパティインスペクター（画面右パネル）の見方
- 3-4. アートボード・オブジェクト共通の操作
- 3-5. アートボード特有の機能と使い方
- 3-6. オブジェクトの基本操作と使い方
- 3-7. アピアランス「塗り」「境界線」「シャドウ」の使い方
- 3-8. アピアランス「背景のぼかし」「オブジェクトのぼかし」の使い方
- 3-9. テキストの配置「ポイントテキスト」と「エリア内テキスト」の使い分け
- 3-10. 複数オブジェクトの合体・型抜きなどの処理（ブール演算）
- 3-11. オブジェクトをマスクする方法
5. Adobe XDでプロトタイプを作成する
6. Adobe XDでデザイン・プロトタイプを共有する
コーディングなしのWebサイト作成『STUDIO』入門
1. STUDIOの概要とサインアップ
2. STUDIOの基本操作
- 2-1. プロジェクトを作成・編集する
- 2-2. ダッシュボード（Dashboard）の使い方
- 2-3. デザインの編集画面（Editor）の使い方
- 2-4. ページを追加・編集・複製する
- 2-5. テンプレートを利用する
- 2-6. ボックスの基本を知る（表示・レイアウト・重ね順）
- 2-7. ボックスの余白とサイズを設定する
- 2-8. ボックスの配色や枠線を設定する
- 2-9. 色（カラー）の変更や管理をする
- 2-10. ボックスにホバー時のふるまいを設定する
- 2-11. テキストのスタイルを編集する
- 2-12. アイコンのスタイルを編集する
- 2-13. 画像のスタイルを編集する
- 2-14. モーダル画面を作成する
- 2-15. リンク（画面遷移）を設定する
- 2-16. ライブプレビューで動作を確認する