もくじ
という方の悩みを解決します。
ブログのサムネイルは、以下のポイントを抑えればグッとクオリティが良く見えます。
- 写真かイラストのどちらかに統一する
- 使用するフォントを統一する
- レイアウトを統一する
ちなみに今回紹介する方法は当ブログのサムネイルは上記のポイントを抑えて制作しており、完成形はこんな感じです。
当ブログでは、サムネイルは無料で取得した写真素材を使用していますが、
差別化のためと、記事内容を強調するためにフォントを用いています。
ブログのサムネイルをあげる方法
ここからはサムネイルを作成する際のポイントを説明していきます。
たった３つのポイントを抑えるだけなのでカンタンです。
1.写真かイラストのどちらかに統一する
ブログのサムネイルで使用する画像素材は、写真かイラストどちらかに統一しましょう。
統一することによりブログ記事全体の見栄えにも統一感が出て、
それだけでグッとクオリティが良く見えます。
ちなみに写真素材を無料で手に入れるのであれば、O-DANというサイトから入手できます。
イラストであれば、unDrawというサイトで統一感のあるイラストが入手できます。
2.使用するフォントを統一する
二つ目は、サムネイル内にフォントを使用する場合のポイントです。
ちなみにサムネイル内にフォントを使用することで、下記のメリットがあります。
サムネイル内にフォントを使用するメリット
- イメージ写真だけよりも目に付きやすくなる
- ブログ内のフォントと差別化することで、主張を強調できる
単純に写真やイラストだけをサムネイルに使用すると、
ただのイメージ図にしかなりません。
せっかく広いエリアを画像に使用するので、有効に活用しましょう。
少し脱線しましたが、フォントを統一することで
それ自体がブログの印象を強めるのに役立ちます。
例えば明朝体とゴシック体が混在していると、
固いイメージのブログなのか、柔らかいイメージのブログなのかボンヤリしますよね。
2種以上のフォントを使用するのは難易度が高いので、
慣れないうちは１種類に統一しましょう。
3.レイアウトを統一する
最後にレイアウトです。
こちらはサムネイルにフォントを使用する場合のみのポイントになります。
レイアウトを統一することによって、ブログを見に来てくれた方が記事一覧の規則性を見つけ、
より必要な情報を探しやすくなります。
ブログサムネイルを作るためにオススメのツール
ここまでの記事をみて、自分のブログにも取り入れたいと思った方に、
オススメのツールを紹介します。
1.Adobe Photoshop
一つ目にオススメなのが、Adobe Photoshopです。
画像編集ツールの王道的なツールで、ググれば大抵の問題は解決できるので
難しいと思われますが意外と初心者でも使えてしまいます。
ブログのサムネイルくらいであればサクッと作れますよ。
一度もインストールしたことがない方であれば、
1ヶ月は無料で使用できるので試してみたい方はぜひ。
2.Foter
FoterはWeb上で画像編集ができるサービスです。
サムネイルに使用したい画像をアップロードし、テキストの挿入や
フレームの追加など一通りのことは実現できます。
こちらはカンタンな作業であれば無料版で余裕です。
↑こんな感じでサクッと作れちゃいます。
3.Canva
Canvaも、web上で画像の編集ができるツールです。
なんと言ってもテンプレートや素材が豊富で、誰でも簡単にデザインできちゃいます。
初心者で、無料でクオリティの高いサムネイルを作りたいのであれば、
Canvaで十分かもしれません。
まとめ：ブログデザインのクオリティをあげよう
今回紹介したポイントはあくまで一例ですが、
最低限のポイントに絞ったので誰でもすぐに実践できます。
高度なことをせず、割とカンタンにブログデザインのクオリティが上がるのでオススメです。
さっそく自身のブログのデザインクオリティを上げましょう！
