ブログのデザインをキレイにしたい!! 何から手をつけていいか困っている人はとにかく『揃える』

こんにちは。
mone（@mone_creator）です。

pon

デザインなんてした事ないんだけど、ブログをキレイにしたい時ってどうすればいいの？

mone

デザインしたことない人でも取りかかれる事ってあるんだよ!!

デザインされたヘッダーや、キレイなアイキャッチ、これらは全てデザインの力です。
ですが、デザインを今までしてきたことのない人にとって、ヘッダーやアイキャッチを作るのは至難の技。

ないものねだりをしてても仕方ないので、今回はデザインをしたことない人でもできる、揃える事について書きました！

作るだけがデザインじゃないんです。

『揃える』ということは、デザインの現場では最初の最初にやること。
それくらい大事なことなので、ブログデザインに早速取り入れてみてください。

この記事はこんな人にオススメ

デザイン初心者だけど、少しでもブログをキレイにしたい人
ブログデザインをキレイにするために何をしたらいいかわからない人

ブログデザインの記事まとめ｜見た目を変えてブログを自分好みにカスタマイズ!!こんにちは。 mone（@mone_creator）です。この記事は、ブログを自分好みにしていくために、私自身がやってきた『...

CONTENTS

揃えるって一体何をどうやって揃えるの？
揃える箇所を実例でみてみよう
さいごに
- Twitterでいただいた感想

揃えるって一体何をどうやって揃えるの？

mone

デザインをする時、私はアートボード内にまず必要な素材を一通り置いて、それをキレイに揃えて行く事をします。
その後に崩したり動きをつけてバランスを見て………

pon

ねぇ！もね！ちょっと待ってよ!!!!
横文字や専門用語ばっかりで何言ってるかわかんないんよ〜

mone

あー……そうだよね！ごめんね。
えっとね、まずは揃える事をするの！

pon

その揃えるって事が、どこを揃えなきゃいけないのかわからないんだ……

mone

そうだったのか！じゃぁ実例で見てみよう!!

「揃える！」と言われたところで、何を揃えたらいいかわかりませんよね。
ということで、具体的に揃えるとブログがキレイになる４つを紹介します。

揃える箇所を実例でみてみよう

やっぱり文章より、しっかり見える化した方が直しやすいですよね！
すぐにできちゃう揃えるポイントを４つご紹介します。

アイコンを揃える

お気に入りの写真が複数あると悩んじゃいますよね！
でも、SNSアイコンの役割はあなたを表す顔です!!１つに統一してあげましょう。

mone

街でたまたまお手洗いに入っていく友人を見つけました！
話しかけようと外で待っていたら、友人だと思うけどさっきと服装が変わってます！どうする！？

pon

あれ？人違い？ってなっちゃって声かけれないかも

mone

そう！アイコンもそういう事なんです！

pon

もねは例えが下手だね！

mone

………………。

SNSを単体で見たら問題はないんですが、『Twitterからブログ』『ブログからInstagram』『InstagramからTwitter』といったようにハシゴをする人は、少なからずあなたの事を気になっています！

それなのに、顔が違ったら同じ人と認識してもらえない可能性があります！

なので、アイコンは統一しましょう。

これが１つ目の揃える!! SNSやブログのプロフィール画像を揃える。

色を揃える

今使っているアイコンと色を揃えると、サイトは更に統一感が増していきます！

mone

色が揃っている例と、揃ってない例を並べて見たけど、どっちがアイコンと合ってると思う？

pon

え？え？えーっと……黄色の方！

mone

それはなんでかわかる？

pon

アイコンの色とブログの色が一緒……だから？

mone

そう！一緒の色を使うだけで統一感が出るの！

pon

それだけで揃うのか！

色をたくさん使うと、ブログはぐちゃぐちゃになっていきます。
なので、メインになる１色をまず決めてください。

その時に、自分のアイコンの色と揃っていると統一感がでます。

私の場合ですと、『黄色』ですね!!

アイキャッチのサイズを揃える

mone

アイキャッチのサイズって気にした事ある??

pon

サイズ？大きさ？気にした事ないな〜

mone

意外とアイキャッチのサイズを気にしない人多いんだけど、アイキャッチのサイズは気にした方が良いよ!!

揃える高さが合っていないアイキャッチは、ズレて見えます。
いや。実際にズレてます。

こういう、ちょっとした所を揃えていくことで綺麗になります!!!!

ちなみに、JINの場合のアイキャッチ画像サイズは16：9がぴったりです。

３つ目の揃えるは、画像サイズを揃える!!

私の場合、記事内の画像もサイズを揃えています。
どうしてもできない時以外、基本３：2にトリミングしています。

枠の役割を決めて揃える

私のいう枠というのはコレです!!

pon

枠ってこんなにあるの〜？すごい〜！黒板も良いな〜！普通の枠も良いな〜！文字の枠も良いな〜

mone

はーーーーーい!!ストップー!!

pon

なになに〜？？？

mone

可愛い枠はいっぱいあるけど、使うものは種類を絞って用途を揃えて使わなきゃダメだよ？

pon

種類を絞って用途を揃える？？

mone

そう!! 例えば「店舗情報を載せる時はこの枠を使う！」みたいに決めて、全ての記事で揃えて枠を使うようにすると、ブログ全体にまとまりがでるよ

私の場合は、「まとめで使う枠」と「それ以外」の２つだけを利用するように心がけています。

２つ以上の種類の枠が出てくると、見にくくなる印象があります。

さいごに

今回紹介した『揃える』は、作るデザインスキルがなくてもできることなので、ぜひやってみてください。

『揃える』ことは、デザインの現場でも基本中の基本。
揃えることができてから、意図的にズラすデザインができるようになります。

何より、細かいところに気づくようになるので、デザインの目を肥すためにも、揃えるを意識できると、ブログデザインもグッとよくなります!!

見栄えでブログをキレイにしたい人は、タイトルロゴだけでも一気に『ちゃんと感』を出してくれます。

自分ではどうしようもないときは、ご相談ください。

SERVICEmonecreではお仕事のご依頼を承っております。こちらのページでは、お受けできるお仕事内容の説明をさせていただきます。フリ...

Twitterでいただいた感想

今日はこちらの記事を読んで、SNSのプロフィール写真を再度統一☺︎
それでプロフィールも修正中なのだが、一向に内部記事リンクがうまくいかん💦パーマリンク設定してるから、/?p使う方のやり方やってるのにリンクが聞かない時はどうすれば？#ブロガー仲間募集 https://t.co/k8R3Cm1hpu
— kicchan｜👶🏻💭 (@_kicchan26) June 19, 2019

ブログの色やデザイン整えたい人には
moneさん @mone_creator の
この記事オススメしてる！
🎀各SNSで使うアイコン揃える
🎀アイコンとブログの色揃える
🎀アイキャッチのサイズ揃える
🎀使うテーブルの種類揃える
揃えることからデザインは始まる✨https://t.co/Zh1Brw9RBw
— マリエ👀アイキャッチ屋さん✨ (@marie_okawa) October 22, 2019