カスタマイズ

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

ブログデザイン

こんにちは。
mone(@mone_creator)です。

pon
pon
デザインなんてした事ないんだけど、ブログをキレイにしたい時ってどうすればいいの?
mone
mone
デザインしたことない人でも取りかかれる事ってあるんだよ!!

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

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

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

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

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

  • デザイン初心者だけど、少しでもブログをキレイにしたい人
  • ブログデザインをキレイにするために何をしたらいいかわからない人
ブログデザイン
ブログデザインの記事まとめ|見た目を変えてブログを自分好みにカスタマイズ!!こんにちは。 mone(@mone_creator)です。 この記事は、ブログを自分好みにしていくために、私自身...

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

mone
mone
デザインをする時、私はアートボード内にまず必要な素材を一通り置いて、それをキレイに揃えて行く事をします。
その後に崩したり動きをつけてバランスを見て………
pon
pon
ねぇ!もね!ちょっと待ってよ!!!!
横文字や専門用語ばっかりで何言ってるかわかんないんよ〜
mone
mone
あー……そうだよね!ごめんね。
えっとね、まずは揃える事をするの!
pon
pon
その揃えるって事が、どこを揃えなきゃいけないのかわからないんだ……
mone
mone
そうだったのか!じゃぁ実例で見てみよう!!

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

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

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

アイコンを揃える

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

SNSアイコン
mone
mone
街でたまたまお手洗いに入っていく友人を見つけました!
話しかけようと外で待っていたら、友人だと思うけどさっきと服装が変わってます!どうする!?
pon
pon
あれ?人違い?ってなっちゃって声かけれないかも
mone
mone
そう!アイコンもそういう事なんです!
pon
pon
もねは例えが下手だね!
mone
mone
………………。

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

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

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

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

 

色を揃える

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

カラー
mone
mone
色が揃っている例と、揃ってない例を並べて見たけど、どっちがアイコンと合ってると思う?
pon
pon
え?え?えーっと……黄色の方!
mone
mone
それはなんでかわかる?
pon
pon
アイコンの色とブログの色が一緒……だから?
mone
mone
そう!一緒の色を使うだけで統一感が出るの!
pon
pon
それだけで揃うのか!

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

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

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

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

mone
mone
アイキャッチのサイズって気にした事ある??
pon
pon
サイズ? 大きさ?気にした事ないな〜
mone
mone
意外とアイキャッチのサイズを気にしない人多いんだけど、アイキャッチのサイズは気にした方が良いよ!!

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

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

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

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

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

枠の役割を決めて揃える

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

pon
pon
枠ってこんなにあるの〜?すごい〜!黒板も良いな〜!普通の枠も良いな〜!文字の枠も良いな〜
mone
mone
はーーーーーい!!ストップー!!
pon
pon
なになに〜???
mone
mone
可愛い枠はいっぱいあるけど、使うものは種類を絞って用途を揃えて使わなきゃダメだよ?
pon
pon
種類を絞って用途を揃える??
mone
mone
そう!! 例えば「店舗情報を載せる時はこの枠を使う!」みたいに決めて、全ての記事で揃えて枠を使うようにすると、ブログ全体にまとまりがでるよ

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

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

さいごに

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

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

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

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

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

SERVICEmonecreではお仕事のご依頼を承っております。 こちらのページでは、お受けできるお仕事内容の説明をさせていただきます。 フリ...
ブログデザイン
ブログデザインの記事まとめ|見た目を変えてブログを自分好みにカスタマイズ!!こんにちは。 mone(@mone_creator)です。 この記事は、ブログを自分好みにしていくために、私自身...

Twitterでいただいた感想

– fin –

ABOUT ME
mone
mone
コンセプトデザイナー|イラストレーター|マーケター|ブロガー 大切な人とのすれ違い生活を解消するためフリーランスに。フリーランス生活2年目になりました。 NikonとFUJIFILM X-T20愛用
LINE@への登録はコチラ

LINE@では
耳寄り情報や友達限定のお得情報も発信していきます

LINE@LINE@で友達追加

COMMENT

メールアドレスが公開されることはありません。

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください