![見出し画像](https://assets.st-note.com/production/uploads/images/82379609/rectangle_large_type_2_59be8507e430e3154aba3f7fe91026d4.png?width=1200)
ふきだしの形とそれが与える印象について考えてみる
こんにちは、ハイパーアイコンクリエイターのゴンです。
日々ベクターアイコンを作っております。
▼ 弊アイコン素材サイト
ICON GRAPHICA
ふきだし系アイコンもぼちぼち作っているのですが、「形によってかなり印象が変わるな?🤔」と思ったので記事にまとめてみます。
全編「※ 個人の感想です」をつけてお読みください。
正円のふきだし
![](https://assets.st-note.com/img/1657244931217-578RHmOVWb.png)
幾何学的。無機的。アイコンととても相性よし。です。
しかし正円だと長い文章を入れるには向かない形なので、もっぱらアイコンとか、感情のマークを入れる入れ物みたいなところがある。
「❤」とか「!?」とか「💦」とか。
楕円のふきだし
![](https://assets.st-note.com/img/1657243899887-w4DwLD8J6O.png?width=1200)
楕円のふきだしはパワポ感が出るのでやや危険です。
パワポ感……ここでは、デザイナーではない会社員が PowerPoint で資料を作ったような感じのこと。(勝手な定義です)
イラレを使っているなら、横にちょっと潰すのがおすすめです。
![](https://assets.st-note.com/img/1657243948582-8opjZ4nxpO.png)
楕円の潰し方
「効果 → ワープ → 膨張」
をかけると、楕円がちょっと潰れてパワポ感が薄れます。
「膨張って膨らむことですが? どう潰すかっていう話をしてるんですが?🙄」 と思った方もご安心ください。数値をマイナスにしたら潰せます。
楕円の形にもよるんですが、-8% ~ -20% くらいがちょうどいい感じに潰せる範囲かなと思います。
潰しすぎると四角に近くなるので、ここだ!と思ったところで止めてください。
パワポ感の大元であるとんがり感がなくなれば、非常にオールラウンダーなふきだしだと思います。
ただ、文字数とか改行の場所によっては余白がしっくりこない可能性もあるかも。
四角のふきだし
![](https://assets.st-note.com/img/1657244015496-52KVhtqAwT.png)
個人的には線の角が丸くないシャープなアイコンが好みなので、カクッとした四角の吹き出しもスマートでかっこよくて好きなんですが、使い方によってはやはりパワポ感が出て難しいなと思います…
色やフォントをこだわって、クールでおしゃれな感じに振り切るのが吉。
もしくはキュートでポップも可。
カチッとしてるのでビジネス関係のシーンでよく使われるとか使われないとか。
角丸四角のふきだし
![](https://assets.st-note.com/img/1657244044944-aM2YtcDVSV.png)
一番安定感があってオールラウンダーなのでは…と個人的には思っているシェイプ。
カクッとした四角より色んな場面でいい感じに馴染み、丸や楕円より無駄な余白がなくて文章もすっきり収まる! 推しています。
派生 : 限界まで角丸にしたふきだし
![](https://assets.st-note.com/img/1657244120098-9rZR1PfhlD.png)
四角のカドを限界まで丸くして端が半円の形になるタイプの吹き出しです。
フラットデザインの界隈でとても愛されているシェイプ。(自分調べ)
かわいさが安定している。親しみやすさがすごい。
ビジネス感はほぼ0。
もこもこ雲型のふきだし
![](https://assets.st-note.com/img/1657244893322-HFsPmRSMHv.png)
ポップで元気な感じのふきだし。「NEW!」とか「50%OFF!」とか「Wow!」とかと相性がいい気がする。
もこもこの数でも印象が変わるので目指す雰囲気に合わせて要調整です。
まとめ
正円のふきだし:アイコンやマークと相性がいい、文には向かない
楕円のふきだし:使うならちょっと潰すのがおすすめ
四角のふきだし:色やフォントでかっこよく or かわいくして
角丸四角のふきだし:これにしとけばだいたい大丈夫(偏見)
限界まで角丸にしたふきだし:とてもかわいい、無害な感じ
もこもこ雲型のふきだし:ポップで元気、はじけている
※ ただし個人の感想です
手書きで書いたり線のテクスチャを変えたりするとまた印象が変わるので、その場合はこの限りではありません。ぜひふきだしの色んな魅力を引き出してあげてください💭
黒目の位置について考えてみた記事 ▼
中央揃えについて考えてみた記事 ▼
いいなと思ったら応援しよう!
![ゴン@アイコンクリエイター](https://assets.st-note.com/production/uploads/images/69038593/profile_678242973c2127be0a8f2c01a9fef861.png?width=600&crop=1:1,smart)