初めての方はこちらへ! 記事のご案内


【ブログのデザイン】「canva」を使って、ヘッダータイトルのロゴ画像を簡単に作成してみた!

こんにちは! 弱小ながらも「オンリーワン」のブログを目指しております! えいぷりおです。

ブログに訪れてくれた方が最初に目にするのが、ヘッダータイトルですね。

客人を迎える「玄関」のような大切なものなのに、僕はずっと不愛想なテキスト表示のみでした。

このたび満を持して、ロゴ画像を作成してみましたので、ご報告します!

やっぱり大切! ヘッダータイトルのデザイン

ヘッダータイトルというのは、ブログの一番上に表示されるブログのタイトルです

以前の僕のヘッダータイトルは、パソコンだとこんな感じで表示されていました。

スマホだとこんな感じでした。

まぁ、そのまんまですね。

テキストのみの表示なので、分かりやすいと言えば分かりやすい。

でも個性も雰囲気もない。印象にも残らない。そんな感じでした。

「あ、このブログいいな」と思うサイトは、ヘッダータイトルも個性的で心に残ることが多いように思います。

特別な文才もなく、平凡な文章しか書けない僕としては、ヘッダータイトルのデザインで、来てくださった方に何かしらの印象を残したい! と思っていました。

とにかく作ってみる

はじめからハイセンスなものを作ろうと思わず、まずはとにかく作ってみることが大事ですね。後でいくらでも修正できるのですから。

余談ですが、僕はブログを運営するようになってから、「とにかくやってみる」ということが、とても重要だということに気付きました。

失敗の許されない本業の仕事と違って、ブログは小さな実験を繰り返しながら育てていくものです。

どんどん実験して、仲間から意見を聞いて、すぐに修正して… ということが許される世界だと思うのです。

というわけで、とくかく作ってみることにしました。

「canva」を使って無料でデザインを作る

僕が使ったのは「canva」というサイトです。

無料と有料があって、僕は今回は無料の素材のみを使って作ってみました。有料だと、使える文字フォントの種類が増えたり、背景の画像やイラスト素材を購入できたりします。

参考

ページcanvaへようこそ!canva

最初、こんな感じのトップページが出てきます。

画面の上に、「SNS用グラフィック」「プレゼンテーション」「ポスター」など、いくつかのジャンルのテンプレートが並んでいます。

ヘッダータイトルのロゴ画像を作るなら、「Facebookのカバー」というジャンルを選ぶのがよさそうです。これは、横幅820px、高さ312pxの、横長の画面を作るテンプレートです。

これを選択すると、膨大な数の画面の実例が出てきます。

左側に表示されているのが実例集です。

自分の好みのものを選択して、背景の写真を入れ替えたり、テキストを打ち換えたりするだけで、かっこいいロゴ画像が完成します

例えば、こんなデザインを選んでみましょう。

試しに文字だけ打ち換えてみたら、こんな感じになりました。

モノクロ英語バージョンの「げんきリズム」でありんす。クール!

ですが、すっごいスタイリッシュな内容かと勘違いされても困るので、不採用とさせてもらいます。

まぁ、こんな感じで、それっぽいのが作れるのが「canva」なのです。

色々作ってみると自分のテイストが見つかる

「canva」には、たくさんのテンプレートがあるので、色々お試しで作ってみると面白いですよ。

あえて自分の普段のチョイスとは違うテイストのものを選んでみたりすると、意外な発見があるかもしれません

今回、僕も色々作ってみたので、いくつかご覧いただきましょう。

これは、著作権フリーの写真を使って作りました。

僕、木のテイストが好きなんですよ。

この写真は、色合いが素敵で、子供の楽器みたいでかわいいな~ と思って一目惚れしたんです。

でも、実際にこのロゴをブログに表示してみると、サイトの方向性(カラー)がはっきりせず、うるさい印象になってしまうことが分かりました。

ふたつめのデザインは、こちら。

これは、普段の僕なら、まず選ばない色とデザインです。それを、あえて選んで作ってみました。

これだけ色がビビッドだと、タイトルが一発で目に飛び込んできますよね。なるほど、こういうのもありだなぁ、と勉強になりました。

でも、さすがに内容と合わないので、今回は見送りました。

おしゃれ路線ですね。

このデザインの難点は、スマホで見ると字が小さすぎて、読みにくいことです。

字のサイズを大きくしてしまうと、広々とした星空の雰囲気が損なわれてしまい、うまくいきませんでした。

このように、実際に作ってブログの画面に表示してみると、自分好みのテイストが明確になっていきますよ。

僕のサイトの場合、7割以上の読者の方はスマホで読んでくださっています。だから、パソコンの画面だけでなく、スマホでの表示も、しっかりチェックすることが大切となります。

今回採用したデザインはこれ

色々と試してみた結果、今回採用したのは、こちらのデザインです。

これも、著作権フリーの写真から見つけたものを背景にしました。

僕はこのブログを読んでくださる方に「光」や「希望」を感じていただきたいと思っています。

自分の情けない体験談や、苦しい告白などを通じて、同じような思いを抱えた方を、少しでも癒すことができたらと思っているのです。

そんな僕の心象風景は、木々から降り注ぐ光。この写真そのものでした。

タイトルの文字フォントは「たぬき油性マジック」という、ユニークな手書き風のものです。

本当は有料フォントから選べば、もっと面白いものがあるのかもしれませんが、今回は数少ない無料フォントから選んでみました。

この写真と文字の組み合わせだと、スマホでも読めるように文字を大きくしても、レイアウトのバランスが崩れないのも利点でした。

これからも修正を重ねていく

一応完成はしましたが、今後は「canva」以外のサイトやアプリも使って、新しいデザインに挑戦したいと思っています。

3か月に1回くらいの頻度で、タイトルロゴが変わっても面白いかもしれませんよね。

多くのブロガーさんは、写真は使わず、手書き風の文字とイラストのみのシンプルなロゴを採用しているようです。僕も、そういうデザインも模索してみたいと思っています。

ブログ運営に関する記事をまとめました。こちら ↓ のボタンから飛ぶことができます。毎月の記録のほか、行き詰まったときの正直な気持ちなども書き留めています。

ブログ運営の記録まとめ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

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