今や吹き出しは必須ですよね!

吹き出しサンプル

ぽてこ
アイコンはパソコンから見ると大きめ(80px)、横幅768px以下のスマホetcで見ると小さめ(60px)に設定しています。
存在感出したかったので薄いグレーの背景をデフォルト(白背景)でつけました。

ぽてお
右の吹き出しはこんな感じで出てくるぞ!文字は小さめに少しだけ太めに設定しているので読みやすくなってます。

ぽてこ
心の声はこんな感じで出てきます。

デフォルトの白背景を選んだ状態で薄いグレーの背景色がつくので、「それ嫌だ!白は白背景がいい!」って方いましたらDIY記事にするので教えてくださいね!

個人的には立体感が出るので気に入っております。

吹き出しが色付きバージョン

入力補助で会話文を出すとき、下にある「色」のところで背景を選んだときの話です。

ぽてこ
色付き吹き出しのピンク(red)とブルー背景だけ、女子受けしそうな優しい色に変更しています

ぽてお
ふきだしの背景色が変わると、誰が発言した内容なのかわかりやすいな!

Goole先生
もちろんそれ以外のカラーはデフォルトカラーが反映されます。が、色は使いすぎないことがポイントです…!おほん!!

吹き出しが色付きのものは、背景がないアイコンにおすすめします。

どちらでもいいと思うんですが、色付きにするなら色付きでブログ内で統一した方がいいと思います。

私は以下のように使い分けています。

ぽてこ
喋ってる人関係なく、全ての吹き出しを背景グレーetcに統一するってのもアリ!

ぽてお
それはそれでいい感じだよな。背景色があるほうがなんとなくスタイリッシュに見えるのは気のせい?でもちょっと白文字だと見づらさはあるかな…

「ここをこうしたい!」とかあれば、気軽にリクエストくださいねー!

こんな記事も書いてます