プロっぽい文字のレイアウト!複数文章の左右を揃えて余白を作る!

こんにちは、読むだけでデザインを学べる!デザイン研究所です!

毎日デザインのポイントを解説するインスタアカウントを運営しております。

こちらのブログはインスタ投稿をより深く解説した記事になります!

 

今日のテーマ:複数の文章の左右揃えて余白が整う

頻繁に使う文字のレイアウト!タイトルや文字のデザインでかなり使えるテクニックの紹介です!すぐにプロっぽいデザインができるかと思います。

さらに踏み込んでプロと初心者の違いやパターン展開を作るコツについても解説しているのでぜひ最後までご覧下さい。

複数の文章の左右揃えて余白が整うデザインサンプル

これ自分めっちゃ使いますね。笑

今回のデザインサンプルでは、、、

全ての文と線の左右を揃えました!

FREELANCEの文字が縁だけの文字になってますがこのデザインポイントはこちらで解説しています。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

全ての文の場合もあれば、複数行になるタイトルだけを左右揃える場合もあれば、文章だけを左右揃える場合もあります!

左右を揃えることで余白が作れます。

そうなんですこれは余白ができたのではなく整った余白をつくったのです。

初心者は余白はできるものと捉えている、プロは余白は作るものと捉える

 

ここはすごく重要でこのデザインは余白のデザインと言えます。

文字の左右を揃えたことにより、整った余白をデザインしたのです。

かなり重要です!

 

文字数や優先順位の違う文字の左右を揃えるには2つ、

  1. サイズを変える
  2. 字間を変える

です!この2点を使って左右を揃えます。

 

このように文字の左右を揃えるためにショートカットキーを使うと楽ですね!

今回は文字の左右を揃えただけではなく線も使ってます。その線の左右も揃ってるわけですね!

 

過去投稿の010のタイトル、006のタイトルも左右揃える意識で作っているのでご覧ください。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

デザケン
サイズや文字間を変えて文字の左右を揃えてみよう!

 

1つの文字レイアウトを作れば様々なパターンに展開できる!

上のデザインサンプルでも文字と線の左右を揃えてデザインしております。

このようにタイトルだけとかの一部でもかなり使えるテクニックです。

こうして一つ形ができると様々なパターンを作ることができます。以下ではパターンを作ってみました。

左上に置いて少し固めな印象をだすパターンや、、、

さらにコンパクトにして余白たっぷりなクリエイティブに向いたパターンや、、、

文字を大きく、傾けて動きをだしてみた少しポップなパターンなど。

 

このように原型となる1つの形からたくさんのパターンを作ることができました。

つまりこの複数パターンから分かるのは、、、

1つ作り込めることができれば、そこから短時間で様々なレイアウトパターンを生むことができる

ということです。

 

デザ研
複数パターンを作るのにかかった時間は本当に秒。

 

逆に言えば、、、

1つ作り込んでからじゃないと複数パターンのレイアウト展開は効率が悪いのです。

ですので

最初からレイアウトにこだわるのではなく、大きさや揃えたりをした後にレイアウトの展開を考えましょう!

デザイン初心者は最初からレイアウト展開をしようと思うので進まなくなってしまう!

 

あとはこの変化させるパターンをどれだけ知っているか。それを知るためにこのブログはあるんですね!

そして気づいて欲しいのが、、、、このパターンは意味があればベストです。

なぜそのレイアウトにするのかそこまで説明できればGOOD!その説明は伝えたいイメージに沿わせるべきなのです。z

こちらの記事では背景に意味を持たせることについて解説しております。

関連記事

こんにちは、読むだけでデザインを学べる!デザイン研究所です!毎日デザインのポイントを解説するインスタアカウントを運営しております。こちらのブログはインスタ投稿をより深く解説した記事になります! […]

 

文字を入力するときのショートカットキーは?▼
イラレもフォトショもTです、テキストのT!そして文字の間を調節するのはoption(alt)と左右キーです。

 

複数の文章の左右を揃えて余白を整えるデザインまとめ

いかがでしたでしょうか?

複数の文章の左右を揃えて余白が揃うデザインについて解説しました。

またこの文章の形を1つ作ればパターンを作るのは簡単だと実感できたかと思います!

ぜひ自分のデザインで使ってください、かなり使いやすいです。

 

ちなみにレイアウトについてのデザイン参考書も読んだことがありますが、、、

今回のようなデザインのレイアウトについてもっと書籍で学びたいのなら「伝わるデザインの基本」がおすすめです!

特に初心者の方にオススメします。ベストセラーだけに他の書籍と比べてかなり分かりやすいのです。

もし初心者を脱出しているのであればレイアウトに関してはこの「レイアウト・デザインの教科書」がオススメです!

created by Rinker
SBクリエイティブ
¥2,530(2020/08/10 00:28:13時点 Amazon調べ-詳細)
・文字のサイズや字の間を変えて複数文章の左右を揃える
・1つの形を作ってパターン展開してみる

 

 

この投稿をInstagramで見る

 

デザイン研究所(デザ研)(@designkenkyujo)がシェアした投稿

全国対応で短期で習得するグラフィックのデザインレッスンをやっております、詳しくはこちらをどうぞ。

>フォローしてデザインを学ぶ

フォローしてデザインを学ぶ

デザインの見る目を養うインスタアカウントを作りました!初心者から脱するデザインのポイントを解説しています。毎日更新です!

CTR IMG