Aurora Design Blocks「吹き出し」ブロックの使い方【会話形式デザインも簡単!】

🗣 吹き出しブロックってなに?

「吹き出し」は、キャラクターのセリフや対話形式のコンテンツをつくるのに便利なブロックです。
視覚的に目を引くので、ユーザーの離脱を防ぎながら読み進めてもらいやすくなります。

🪄 使い方ステップ by ステップ

✅ 1. 吹き出しブロックを選択する

ブロック追加ボタンから「[aurora-design-blocks] speech bubble」を選びます。
アイコンはふきだしマークなので、すぐ見つかります。

✅ 2. 吹き出しが挿入されます

初期状態では、「画像なし+左寄せ」のシンプルなデザインで挿入されます。
「キャプション」や「メッセージ」を自由に編集できます。

✅ 3. 画像を設定する

右サイドバーの「画像を選択」からアイコン画像を選択できます。
自分のアバターやイラストを設定することで、より親しみのある吹き出しに!

✅ 4. 背景色・テキスト色をカスタマイズ

「スタイル」タブから吹き出しの背景や文字色を選べます。
ブランドカラーやキャラごとの色分けも自由自在!

✅ 5. レイアウトを調整する

「画像と吹き出しの位置を反転する」スイッチで、右向き/左向きを自由に切り替え可能!
会話形式にするなら交互に切り替えて使うのがベストです。

✅ 6. 吹き出しを複数使って会話風に

キャラを複数設定して、セリフを並べると会話形式が完成!
ナナとみーこのように、ストーリー感のある展開ができます✨

仕上がり

📝 まとめ:吹き出しで伝わるデザインを

Aurora Design Blocksの吹き出しブロックを使えば、読みやすくて印象に残るブログに仕上がります。
とくに、感情・会話・やりとりを見せたい記事に最適!

👉 Aurora Design Blocksの他の機能の記事はこちら:
【Aurora Design Blocksの使い方ガイド】初心者でも簡単!8つの機能を全解説

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

To Page Top