AdobeXD ワイヤーフレームの作成⑤
＜ 前回の内容 ＞
②写真入りの記事(1)
「開花情報」下部分の写真入りの記事を作成していきます。
ここは今までやってきた作業の繰り返しだけで完成します。
1. メニューバー下のグレー背景を移動コピー → グループから独立 → ロックをかける
＜ショートカット＞
ロック・ロック解除 → Ctrl または Command ＋ L
2. タイトル移動コピー → グループから独立 → テキスト打ち換え
3. 長方形作成 → 画像をドラッグで配置
4. テキスト移動コピー → 打ち換え・サイズ調整 → テキストエリア配置
5. 縦横の位置整列（整列パネル） → グループ化 → リピートグリッド（＋下２つ）
＜ショートカット＞
グループ化 → Ctrl または Command ＋ G
リピートグリッド → Ctrl または Command ＋ R
6. リピートグリッド解除 → 画像をドラッグで入れ替え → テキスト打ち換え
＜ショートカット＞
リピートグリッド解除 → Shift ＋ Ctrl または Command ＋ G
7. テキスト移動コピー → グループから独立 → 作成した部分全体をグループ化
＜ショートカット＞
グループ化 → Ctrl または Command ＋ G
写真入りの記事部分が完成しました。
＜NEXT → ワイヤーフレームの作成⑥ 写真入りの記事(2)＞