WordPressブログのタイトルロゴとファビコンにこだわろう！

私の場合、一つのブログを作成しようとすると、どうしてもタイトルロゴを作りたいと思ってしまいます。

タイトルをデザインしなくても良いサイトを作ることができるテーマがいっぱいあるのですが、職業柄、こればかりはどうしようもありません。

このページでは、当ブログのタイトルロゴを作成した経緯をお話しし、ロゴ制作の考え方が少しでもお伝えできればと思います。

デザイナーを目指す方の参考になれば、うれしいです。

ロゴ制作の要点

通常、私がお客さまのロゴを制作する場合、まず、以下のようなヒアリングから始めます。

…等々

これらのヒアリングは、要は「お客さま理解」に他なりません。

経営層にヒアリングした後、インナー効果をねらって、社員アンケートを行う場合もあります。

とにかく、お客さまのことが分かっていなければ、お客さまのシンボルとなるロゴを作ることが出来ません。

また、多くの場合、客観的視点が重要になります。
類似したロゴがないかどうか、必ずチェックしましょう。

最近では格安でロゴが出来る場合もあるようですが、実際のところ本質的なところを理解してロゴを設計しているか、はなはだ疑問です。

ブログロゴの制作ステップ

では、このブログのロゴがどのようにして生まれ、どう変わって現在の状態になっているのか、なるべく客観的に触れてみたいと思います。

当ブログの名称は「テーマ・テーマ・テーマ！」です。
ブログ名称の決定については以下のページをご参照ください。

関連記事WordPressサイトを立ち上げる前にドメインとサーバーを用意しよう！

2023.08.16

まず、ブログロゴを作成するステップを紹介します。

ブログ立ち上げの背景

このブログは2020年6月に構築が始まっています。

当初は「Jin」というテーマで構築する予定でした。

実際に出来上がったものを先にお見せしておきます。

かなりシンプルなデザインですね。

このブログを立ち上げた当初のコンセプトは以下のようなものだったと思います。

今ではよくある何の変哲もないブログです。
2020年当時、そのことに気づいてから1つの記事も書き上げられないまま、2年半もの間、お蔵入りとなってしまいました。

「誰のために」という考えが完全に抜け落ちていたのです。

今回は新たなコンセプトを掲げて再出発となりました。

「誰でも」とはどういうことか、結局何にも変わらないのではないかと思われるかもしれませんが、私としてはポジティブに180度考え方が変わったと思います。

テーマも「STORK19 」に変更しました。

以上のような背景のもとブログロゴは設計されています。

次に実際のロゴの変遷を見ていきます。

ファビコンについても一緒に考えていきます。

ファビコンはブラウザーのタブの前に表示されている小さなマークです。

ファビコンはWordPressの管理画面「外観」→「カスタマイズ」→「サイト基本設定・ロゴ・ヘッダー」で設定できます。

初期バージョンのブログロゴとファビコン

では、本題です。

背景でお示ししたとおり、かなり技術的な内容となるであろうブログのタイトルロゴは以下の図にまとめてみました。

解説

1. パープルカラーのロゴタイプが出発点のなっています。
2. 右上でフォントの試行錯誤を行っています。
3. フォントは「Trajan Pro」というフォントです。シャープな感じが強いですが、大文字と小文字を組み合わせることで変化も感じられるフォントですね。
4. このままだとタイトルが分かりにくいので、「テーマ・テーマ・テーマ！」の文字を追加します。
5. その後さらに柔らかさを出すために赤丸の吹き出しに「THEME FAN」の文字を追加しました。
6. さらにバランスを考えて、グレーの矢印が示しているタイトルロゴが出来上がっています。

※下がファビコンです。これはほとんどノリですね。

決定バージョンのブログロゴとファビコン

このブログは先にも述べましたように「STORK19 」というテーマで作りました。
このテーマはデザインパターンのデータを提供しているので、その一つでデザインされています。

私の場合、様々なデザイン的なカスタマイズを行うことも多いのですが、今回はほとんど提供デザインのままです。

懲りすぎて、暗い印象になるのを避けたかったというのが本心です。
なので、シアン系の色合いをそのまま活かしてあります。

以下が決定バージョンのタイトルロゴとファビコンです。

解説

前段で申しましたように、ブログのコンセプトが変わったため、ブログの基調色も懲りすぎないものになっています。

そのため、タイトルロゴもその基調色のなかで使いように変更しました。

1. コンセプトの変更によって「THEME FAN」の文字は不要になりました。
2. 背景色がないと使わないロゴになっています。
3. ファビコンも分かりやすいものに変更したのですが、背景色がかあり淡いので、小さくすると見えにくいです。この点は妥協しました。

まとめ

以上、ブログタイトルロゴの制作の実例を見てきました。

実はこのページでお伝えしたかったことは技術的なことではありません。

デザインの背景にはコンセプトがあるということ。また、ターゲットが非常に重要だという考え方をお伝えしたかったのです。

仕事上では「シャープでカッコいいロゴ」を作りたかったのに、お客さまのおっしゃることを聞いていくうちに「柔らかいものが出来てしまった」というようなことは当たり前のことのようにおこります。

ロゴを制作するということは、コンセプトを作るということと置き換えてもいいかもしれません。

シンボルなのですから、形だけでつくってはいけないものだと思います。

ロゴ作成・アバター作成ツールの紹介

最後にロゴやアバターが作りたいのでツールを教えてほしいという方向けに、もってこいのサイトを紹介します。

実際に自分でロゴを作りたい方、制作ソフトウェアがない方は、「Canva」の無料サービスを使うといいと思います。

アバターを制作したい場合は、「CHARAT」のようなサービスもあります。

【PR】「Theme3」では、ブログ用のWordPressテーマに、人気と高機能を誇る「 SWELL 」をオススメしています。

「SWELL」の特徴を見る
「SWELL」の購入はこちら

・ブロックエディター完全対応
・高速化機能を標準搭載
・100%GPL
・企業サイトの制作も可能 他、機能多数。

プロモーション