未分類

【保存版】moneさんブログデザイン講座まとめ

【保存版】moneさんブログデザイン講座まとめ

ブログ書くのが段々楽しくなっている
さはら(@sahaland_sahara)です。

最近ブログのことばかり考えています。
楽しい。すごいなぁ、ブログ。

 

でも、1つだけブログで、頭を抱えていることあるんです。

 

それは……

ブログデザイン!!!!!

 

自分のサイトはどんな色がいいのか、

どんなデザインにすればいいのか思いつきません…。

分からないんですよ~~

どうしたら
可愛くなるのか
綺麗になるのか…。

途方に暮れています。

迷走していた頃のブログは、
こんな感じ↓

全くやる気ねぇ~~~~~~

デザインに対して、
やる気が全然ありませんでした。

さはら
さはら
どうしたらいいんだろう…
1人だと限界だ…
でも、どうすればいいのか分からない…
(白目)

そんな時に、ぽかべさんとmoneさんが
こんなツイートしているのを発見!

え!!!

私が憧れてやまないブログが
めちゃくちゃお洒落な
moneさんが石川県に来て、
ブログデザイン講座をする…!?!?!

私もまざりたい!!!

楽しそう!!!!!!

すぐに、金沢市のレンタルスペース調べて、
2人の会話に割り込みツイート。

2人とも優しくて、「一緒にやろう~」と
言ってくださいました…!!!

感謝・・・・っ!圧倒的感謝っ・・・・!

打ち合わせを重ねて、
無事にブログデザイン講座を
開くことができました~~~!!!

本当にありがたや~~~~

今回はブログデザイン講座の内容
をまとめた記事になります!

ブログデザインについて
有益すぎる情報がいっぱい!

最後までみてね!

さはら
さはら
ブログ講座を開いてくれたぽかべさん・moneさんの簡単なプロフィールについて書いたよ!

主催者の大まかプロフィール

moneさん

 

 

Twitter:@ⅽreator

サイトURL:monecre

めちゃくちゃセンスのあるクリエイターさんです!

ブログが超おしゃれ!!!

moneさんのブログ、monecreでは

  • フリーランス奮闘記
  • ブログデザインについて

についてなど書かれていてとても勉強になります。

直接会ったmoneさんは、すんごい気さくで、
優しくて、プロ根性を持った、お姉さまでした^^

現在は、日本ぶっとび旅中で、日本全国を旅周っているそうです^^

ぽかべさん

 

 

Twitter:@poka_resort

サイトURL:ぽかリゾート

最近石川県に彼氏さんと引っ越してきたぽかべさん!!!

なんといっても、moneさんを石川県まで呼んでくれた張本人!

アイコンめちゃくちゃ意識高そうなんだけど、
直接会うと明るくて朗らか!
すぐ変顔する。
表情筋疑うレベル。

さはら
さはら
次からおまちかね!
講座内容まとめです^^

金沢ブログデザイン講座内容

 

講座内容は5部構成↓

 

今回の記事では、
「4.方向性にあったカラー選択の仕方」
まで書きました。

「5.質問&デザインアドバイス」は、
私がコンサルしてもらった内容も含めて、
次の記事で紹介しますね。

個人だからこそSNS・ブログが必要な理由

自分の考えや思いをブログで発信、
積み重ねていくことが大事なことかを、
ぽかべさんとmoneさんが説明してくれました。

ぽかべさん
ぽかべさん
ブログを始めて、自分の思っていることを発信をしていると、共感・声が届くようになりました。

共感した人から、講演のお仕事を頂いたり、ライティングの仕事がくるように!

また今はサロン運営も行っているのでそこで収益が生まれています。

SNS・ブログをしていると、個人のブランド力・自分の実績が積み重なれるので、できることが増える、生き方が広がります。

moneさん
moneさん
実は今回の講座、開催3日前まで昼の部0人でした(笑)0人だよっていうことを曝け出したら、

「0人なら、拡散しようかな」

「講座に行ってみようかな」

と拡散してくれる人が沢山いました。

誰かの背中を押せることが、SNSの力。

個人の力でマネタイズをしたいなら、早くSNSを使っていくべきです。

↓ちなみにこれが、当時のツイート。

 

デザインが必要な理由って?

ぽかべさん
ぽかべさん
みんな、ブログの内容や文章で差別化をしようとしてるんだけど、デザインまで気を使える人は少ないんです。

デザインを気にかけるだけで、他の人と差がつきやすいデザインを気にかけるだけで、他の人と差がつきやすいです

デザインをすることで、キャラが伝わりやすくなります。

ぽかべさんはmoneさんにコンサルしてもらって、
文字の色を変えていました。↓

 

一気に雰囲気が明るくなって、
柔らかい雰囲気になりましたよね^^

moneさん
moneさん
青色とは本来、冷たいと思われがちなので違和感を持っていました。

ぽかちゃんのブログの普通の女の子だけど、性的な話も全然大丈夫だよというコンセプト。

ぽかちゃんのブログは、セクシャルな記事もあるのでピンクかなと思っていたけど、コンセプトを聞くとピンクでもない。

そしたら、
オレンジかなと思いました。

その人に合った色をきちんと設定することが大切なんです。

色を変えただけで、
ぽかべさんの印象が、がらりと変わりましたよね!

色だけでこんなに雰囲気が違うようになるなんて
ビックリしました!

moneさん
moneさん
本来デザインとは、いらないものなんです。

でも、デザインを整える、揃える
(本来いらないところに付加価値をつける)
だけで、信用に繋がっていくんです。

moneさんは講座の中で、デザインで大事なのは

  • 揃えること
  • 違和感を与えないこと

が大事だと言っていました。

揃えるだけでいいの?と思った方いませんか?

揃えるだけで、いいんです。

揃えるだけで、デザインになるんです。

③見る人に優しい
デザインって??

moneさん
moneさん
揃えること、違和感を与えないことが大事です
さはら
さはら
揃える…?
デザインと
何が関係あるんだろう…??
moneさん
moneさん
関係大あり!
特に今から説明するこの3つを意識するだけで全然ちがうの!
  • 文字の強弱を意識して見やすくする
  • まとまりを意識する
  • とにかくそろえる

文字の強弱を意識して見やすくする

moneさん
moneさん
例えばこの見出し!

私たちがよく見ている形(雑誌など)は、
見出しが大きく書かれてあって、
その後に見出しのリード文があり、
小さく本文がある形です。

これに見慣れているはずなのに、
ブログだとこの定型文に
沿っていない人が多い
んです。

  • 見出しより本文の方が
    文字が大きくなっている
  • 見出し・小見出し・本文が
    すべて同じ大きさ

 

ドキリとした人、いませんか?

 

moneさん
moneさん
文字の大きさを整えることで、見やすくなりますよ

まとまりを意識する

moneさん
moneさん
目次の改行を揃えないと、相手が違和感を感じます。

疑問に思うと、脳が負担に感じて見たくなくなるんです。

目次の改行数を揃えると、
一気にまとまりができて、
見やすくなるのだとか。

とにかく揃える

揃えるとは、おもてなしを込めたデザイン。

つまり、
見てて不快ではないデザインのこと
だと教わりました。

moneさん
moneさん
アイキャッチを揃えるだけで、見た目が全然ちがってきます!

アイキャッチの高さがずれているだけで、
一気にごちゃついている印象に…。

アイキャッチが綺麗に揃えてあると
、まとまってみえるのです。

アイキャッチを揃える方法は、みほ@先生のメンタルアドバイザー(@miho1ara)さんのブログ記事、人は見た目が9割。ブログはデザインが9割!? で詳しく書かれているので、そちらをご覧ください^^

目に優しい色を意識する

moneさん
moneさん
色の組み合わせが悪いと、サイトが一気に安っぽく見えます

テレビが放送中止の時に流れるカラーバーは目がチカチカして見にくいですよね。

あの時は「もう番組が終わっているので、見ないでください」という意味。

そんな組み合わせが使われているサイトは目に優しくないですよね。

他にも…

  • 黄緑×赤はずっと見ていられない…
  • 全部文字が真っ赤、真っ青…

 

などのサイトは目には優しくありません。

相手にバ〇スの呪文を唱えるようなサイト作りは、
やめましょう。

目がぁぁぁぁぁぁ!!!目がぁぁぁぁぁぁ!!!

moneさん
moneさん
色を参考にしたい時は企業や、自分にとって居心地の良いサイトを参考にしてみてください^^

必ずしもブロガーを目指しているから、
ブロガーのサイトを見て真似するのは大きな間違い!

雑誌や、サイト、企業の広告など
気になったものからでいいんです!!!!

→自分のお気に入りのサイトを保存して、
自分が好きな色やデザインを、
知ることから始めましょう。

moneさんオススメのサイト

箱庭さん、トバログ(@tobalog)さん

方向性にあったカラー選択の仕方

moneさん
moneさん
ブログを、自分をコンテンツ化する場合と、メディア化する場合で大きく違ってきます。

自分をタレントとして見立てたい場合

自分の好きな色で勝負してもいいそう。

例えばmoneさんのテーマ色の決め方は、
ちょっと安心できる色として、からし色を選んだのだとか。

メディアとしてサイトを見立てたい場合

そのイメージに合わせた色を選ぶことが大切です。

(例)
あじの素
キッコーマン…あたたかい、落ち着きのある

製薬会社…清潔、誠実なイメージ

などのように、色で印象が違ってきます。

読んでもらいたい年齢層で色を使い分ける

ピンクという色1つでも、も10代に向けてと30代に向けての色が全然違います。

全然ちがいますよね!!!!

しかも、よく画像をみると同じ商品なのに、
イメージがこんなにがらりと変わる!!

ここでもmoneさんが言っておりましたが、

「色を揃えて、整える」が大事なんだと話されておりました。

デザインは、整える、違和感を覚えることが大事

 

私はブログ講座を受講するまで、
デザインとは、

  • カラーを選ぶ
  • 凝った装飾・レイアウトをする

ものだと思って、苦手意識をしていました。

でも、moneさんがデザインで大事なことは、

  • 揃えること
  • 違和感を与えないこと

と教えてくれました。

さはら
さはら
あれ…?
デザインってもしかしたら、私にもできるかも…?
moneさん
moneさん
そうなの!

デザインって難しいイメージだけど、そんなことないの!

例えば、自分のサイトを見ていて

「おかしい」と違和感を持ったらもうそれは、

デザインに興味を持っているってことなんだよ!

さはら
さはら
そうなんだ!!!!!!!

デザインって誰でもできるものなんだ!!!!!

moneさん
moneさん

このデザイン嫌だって思う感覚も、デザインを意識しているんだよ!

デザインってきっと、私が思っているよりも
身近なところにあるのかも…

と考えが改まった講座でした。

何度もいいますが、
デザインで大事なことは、

  • 揃えること
  • 違和感を与えないこと

です。

この2つを意識して、またデザイン一緒に頑張っていきましょう^^

 

今回講座をしてくれたmoneさん

今回企画をしてくれたぽかべさん

本当にありがとうございました!!!!!!!

ABOUT ME
さはら
25歳モテません。趣味はBL(ボーイズラブ)漫画や小説を見ること。 石川県で「モテない~」と騒ぎながら生きています。