こんにちは、読むだけでデザインを学べる！デザイン研究所です！
毎日デザインのポイントを解説するインスタアカウントを運営しております。
こちらのブログはインスタ投稿をより深く解説した記事になります！
2つのデザインサンプルを使って飛び出した楕円形の中に文字を入れるデザインを解説しています！
タイトルも文章も行動催促の文言も楕円形の中に入れることですっきり！丸の中に文字を入れる際の注意点も解説しているのでぜひ最後までご覧ください。
飛び出した丸の中に文章を入れるデザインサンプル
丸の中に文章を入れるデザインはよく使われると思います。
今回のデザインサンプルでは、、、
丸をデザインから飛び出し、はみ出させました！
今回のデザインサンプルでは上部にはみ出しているパターンですが、
四隅にはみ出したデザインもよく使うし、左右からはみ出したデザインもよく使います！
例えばこちらのデザインサンプルも下からはみ出した丸を使っています。
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
ちなみに長方形と違って、デザイン上で丸を使う場合はほとんど正円であることが多いので縦横比を変えないよう注意ですね。
またフォトショ、イラレで円を作る時はoptionを押しながら作ると中心から作成できるので便利です！
丸の中の文字も色々ノウハウがあるのでそれはそのうち投稿できればと思っています。
上のデザインサンプルの丸の中にある実体験の左右にあるオブジェクトはこちらの記事で解説しています！
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
また丸の中というのは背景がごちゃごちゃしていたりしても関係なく文字を配置することができます。
今回のデザインサンプルでは黒い背景のためタイトルに黒字は使えないけど、丸の中なら使えている！
このように図形の中は背景に依存しないのでとても便利ですね。
ごちゃごちゃした背景も楕円形を使って文字をデザインする
2つめのデザインサンプルでは左から飛び出した丸と右下から飛び出した丸を使ってみました。
左から飛び出しているものにはタイトル、そして右下から飛び出した丸には行動催促をすることが多いです！
例えば
- 詳細はこちら
- 詳しくはクリック
- 試してみる
- 記事を読んでみる
みたいな行動を促す文言を右下に置くことが多いです。
ではなぜ右下に行動催促する文言を配置するのか？それは
人間の文字の読み方は左上から始まり右下で終わる
つまり右下がゴールということになります。読んだ上でそれからして欲しいことを目線のゴールである右下で促すということですね。
楕円形の中の文字配置における注意点
楕円形の中に文字をいれる際の注意点としましては、、、
上下左右の余白をなるべくとるということです！
このように左から飛び出していた楕円形は上下左右の余白をとっています。
左揃えにすることで文字の左側が綺麗な余白となっています！
また右下の楕円形の中の文字にも上下左右の余白を揃えています！
特に文字の右側と文字の下側が揃うよう配置することですっきりと見せています。
このように楕円形の中に文字をいれるときは上下左右の余白を意識しましょう！
長方形と比べてカーブがある分、余白を取りづらいですがガチガチにならないよう注意です。
フォトショではU、イラレではLがショートカットキーになります。
素材の中に文字配置で整ったタイトル文字のデザインまとめ
いかがでしたでしょうか？
飛び出した楕円形の中の文字配置はタイトルにも文章にも行動催促にも使えます。
そして文字を配置するときは上下左右の余白を意識してみてください！
こちらのデザインサンプルでは楕円形に沿った文字の配置について解説しているので合わせてどうぞ！
こんにちは、読むだけでデザインを学べる！デザイン研究所です！毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります！ […]
ちなみにレイアウトについてのデザイン参考書も読んだことがありますが、、、
今回のようなデザインのレイアウトについてもっと書籍で学びたいのなら「伝わるデザインの基本」がおすすめです！
特に初心者の方にオススメします。ベストセラーだけに他の書籍と比べてかなり分かりやすいのです。
もし初心者を脱出しているのであればレイアウトに関してはこの「レイアウト・デザインの教科書」がオススメです！
・楕円形の中の文字配置は上下左右の余白を意識する
この投稿をInstagramで見る
全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。