【サムネイル】デザインの基本

こんにちはaruです!

久々にブログを書いているので書き方を完全に忘れているのですが
優しい目で見てもらえるとうれしいです!

今回久々に各記事は「デザインの基礎」の一つ

揃える

です。

え?それだけ?と思うかもしれませんが実は大勢の人ができていない基本の一つです。

では早速やっていきましょう!


目次

サムネイルの基本「揃える」とは?

揃えるなんて簡単!!

なんて僕も最初は思っていたのですが、

これがまた意外と難しいもので。。。

揃える部分って思っているよりたくさんあるんです。

早速みながらデザインしていきましょう!


サムネイルデザインの基本 おおまかなレイアウトを決める

まずざっくりとしたレイアウトを上の画像の様に決めていきます。

今回は

「メイン」「サブ」「ロゴ」「イラスト」を使って作っていきます!


サムネイルデザインの基本 揃えていく

使う素材が決まったところで、早速揃えていきます!

テキストを揃える

まずはテキストから揃えていきます。

テキストは「左揃え」で組んでいきます。

これは簡単なのでサクっとそろえて次にいきましょう!


テキスト上下の空間を揃える

上下の余白のスペースを揃えていきます。


これだけでだいぶデザインとしてまとまってきましたね!

この調子でどんどん揃えていきましょう!


ロゴとイラストを揃える

ロゴとイラストなんでどうやって揃えるの?

そんな声が聞こえてきそうですが、早速やっていきましょう!

今回はこのイラストの「窓」にそろえていきました。

それと同時にロゴの上と左のスペースもきっちり揃えました!

全体はこんな感じになっています。


だいぶ整ってきましたがあと一息頑張りましょう!


余白を揃えていく


文字の左右の余白を揃えていきます!

どうでしょうか!これで整いましたね!


デザインの比較

最初のデザインと比較してみましょうか!

どうみても左の方が揃っていて綺麗ですよね!


サムネイルデザインの基本 完成!

さっぱりしたデザインですが、しっかり揃えるところは揃っていますので

綺麗なデザインになっていますね!

デザインの基礎はこのブログにたくさんありますので
少しでもデザインに興味がでてきたらそのほかの記事も見てみてくださいね!

ブログデザイン記事はコチラ



ではではみなさん素敵なデザインライフを!

この記事はARU氏の運営していた「ARULOG」より2021年8月に移管された記事です。

この記事を書いた人

ARU

デザイナー歴11年
ブロガーに寄り添うプロデザイナー
Kindleでブロガーデザイン本発売中
フォロワーが伸びるヘッダーをココナラで販売中
twitterでデザインのヒントを発信 @awdesign6


目次
閉じる