ブログデザイン講座

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

ブログデザイン講座
▼スポンサーのきたしょーさん きたしょー

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

これから、デザインなんてした事ない!って人のためにブログデザイン講座をしていきます!

第1回目は、デザイン面で何から手をつけて良いかわからない人のために、揃える事についてです!

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

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

 

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

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

アイコンを揃える

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

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

SNSを単体で見たら問題はないんですが、Twitterからブログ、ブログからInstagram、InstagramからTwitterといったようにハシゴをする人は、少なからずあなたの事を気になっています!
それなのに、顔が違ったら同じ人と認識してもらえない可能性があります!

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

 

色を揃える

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

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

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

複数の色の決め方またはまた別の記事で書きます!

 

枠の役割を決めて揃える

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

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

個人的には、「まとめで使う枠」と「それ以外」の2つだけを利用するように心がけています。2つ以上の種類の枠が出てくると、見にくくなる印象があります。

 

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

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

高さが合っていないアイキャッチはズレて見えます!
こうゆうちょっとした所で見栄えは綺麗になります!!!!

ブログデザイン講座ちなみに、JINの場合のアイキャッチ画像サイズは16:9がぴったりです!!

 

さいごに

mone
mone
そういえばポン、自己紹介してなかったよね!笑
pon
pon
そういえば!
僕の名前はポンコツ狸の”ポン”です!! ポンコツだけど、愛嬌だけで今まできました。
もねと一緒だね
こんな僕ですがよろしくお願いします
mone
mone
そう!愛嬌だけで人生乗り越えてきた……って、うるさいなぁ。
とりあえず、これからも初心者向けにブログデザイン講座は発信していきますが、どうしても自分でできない時は、プロの手を借りるのも1つの手です!
pon
pon
あれ?もしかして自分の事宣伝しようとしてる?
mone
mone
……悪い?
まぁ、そうなんです!宣伝です。
どうしてもお一人で解決できない時は、プロの手を借りるのも1つの手です
私もいろんなサービスを提供しているので、よかったらご連絡ください〜
pon
pon
よろしくね〜

▼ブロガー・アフィリエイターさん向けのサービスです!!

サービス メニュー
SERVICE & MENUMONECREではお客さまからの ご依頼を承っております 現在のご依頼状況 ▶︎▶︎▶︎ ご依頼予約可能枠数 0 件 ◀︎...

 

mone

ブログランキング・にほんブログ村へ
にほんブログ村

ABOUT ME
mone
mone
準備期間0日でフリーランスになったmoneのフリーランス奮闘記です。 デザインとブログのちょうどいい収入バランスを模索中。 | デザイナー|イラストレーター|ブロガー| iPad芸人|