こんにちは、yamaです。
この記事では、文字(テキスト)だけで作るロゴデザインのテンプレートを紹介します。
ロゴマークと言っても、
- 本格的なロゴ作成の必要はない。
- 正直、シンボルマークを作るのがめんどくさい、、。
↓↓↓↓↓↓↓↓↓
要は、文字だけで充分!! ということもありますよね?
でも、文字を打ち出すだけでは味気ないし、、ロゴとして目立つようにしたい、、。
そんな時に役立つのが、文字デザインのテンプレートです。
このテンプレートから、みなさんが作るロゴの文字数、漢字・平仮名・欧文の割合などから使えそうなパターンに当てはめることで、ロゴが作成できます。
この記事の目次
文字だけのロゴって実は凄い

どれも有名な会社ばかりですね。
文字だけのロゴ(ロゴタイプ)は、デザインはシンプルですが可読性が高いのが特徴です。
シンプルなので誰でも作れそうに思えますが、これらの書体(フォント)は専用に作られたオリジナル書体です。

オリジナル書体で作るのロゴタイプがベストですが、フォント作成は非常に難しく時間もかかります。
今回紹介するのは、既存書体を使ったロゴレイアウトのテンプレートだと思ってください。
文字だけで作るロゴデザインのテンプレート
文字だけでロゴ作成する時は、文字間隔・サイズの強弱・バランスを変える・色を変える ことで、ロゴらしくまとめることができます。

以下の文字をテンプレートを使いロゴらしくまとめて行きます。

Illustratorで文字を入力しただけなので、今のところロゴらしさはないですね。
では、テンプレートに当てはめながらデザインしていきましょう。
①だけでOKな場合もありますし、①と④だけということもあります。
① 文字間隔を調節する
文字だけでロゴらしくみせる最初のコツは 文字間隔を調整すること です。
ロゴ作成では、文字間隔を狭めることが多いでしょう。
これは文字間隔を狭めた方が全体に塊感が出て、ロゴらしくなるからです。

最初の状態をよく見ると、文字間隔にバラツキがありますね。
全体の文字間隔を詰めて調整します。

一文字ずつ文字間隔を調整しました。
丁寧に一文字ずつチェックしましょう。

文字間隔を調整する時のポイントは 必ずしも等間隔ではない ということです。
①の作例も等間隔ではありません。
違和感なく見えることが大事なので、モニタで確認しながら調節しましょう。
文字間隔を詰めていくと塊感が出てロゴっぽくなりますが、
逆に文字間隔を広げていくと、ロゴというより「見出し」「タイトル」のイメージが出てきます。
文字詰だけでも様々なイメージを与えることができますよ。
② 最初の一文字目を大きくする(強弱をつける)
2つ目のポイントは、通常(本文など)とは別物であることを意識づけることです。
プロ直伝! ロゴ作成から学ぶ文字レイアウトのコツは「揃える・強弱・整理」 の記事でも紹介しましたが、強弱をつけていきます。

最初の一文字を大きくすることで、①と比べて「何か意味がありそう」「強調している」「注目させたい」という意図が感じられますよね。
また、頭文字を大きくする時はフォントのウェイトを変えてあげると、バランスがとりやすいですよ。

フォントウェイトについては、以下の記事を参考にしてください。
②-2 単語の頭文字を大きくする
最初の一文字だけでなく、単語の先頭の文字を大きくするのも有効です。
押し出しがさらに強くなって、リズム感が生まれてきます。


①の文字間隔を揃えた時より、ロゴっぽさが出てきました。
③平仮名を小さくする(強弱とバランス)
②-2の作例に対してさらに強弱をつけていきます。
ひらがなを小さくすると全体のリズムが変わります。
今回の作例はカタカナとひらがなですが、漢字とひらがなの組合せだとコントラストが強く感じます。

上のグレイの部分はひらがなを小さくする前の状態です。
ひらがなが小さくなったことで、「テ」の文字のスペースに「の」が入り込むようになりました。

文字の間隔・バランスを変えるだけで見栄えも変わってきました。
ちょっとした見出しや、タイトルを作る場合であれば、これくらいでも充分使えると思います。
ロゴっぽくするのであれば、もう一手間かけましょう。
④全体をまとめる(スペースを作る)
文字全体に動きを加えて、ロゴマークらしくまとめていきます。
- 文字に動きをつける
- 文字をさらに詰めて、重ねる
- 文字の一部を加工する
今回の作例のように「サブタイトル」がある場合は、サブタイトルを入れるスペースを作りながら全体を調整します。

④-1 文字に動きをつける
文字の上下移動や回転から文字の隙間を埋めながら、サブタイトルを入れるスペースを作ります。

文字を動かすことで不自然になる場合は無理に動かさなくてOKですよ。
サブタイトルを入れる位置の基本はメインの上下です。
作例のように文字を動かしている場合は、左下・右上が入れやすいと思います。

④-2 文字を詰めて重ねる
文字を重ねることで塊感が強調されます。

スーパーマーケーットのチラシタイトルはよくこの手法が使われています。
上品なイメージはありませんが、ギュッと凝縮した力強さが出てきますね。

④-3 文字の一部を加工する
文字の一部分を加工(変形)することでオリジナルのロゴらしくなります。

加工できそうな箇所は文字によって異なります。
- サブタイトルを処理できそうな箇所
- 見た目のアクセントになりそうな箇所
これらを探すと良いと思います。
後は、複雑なことをしないでも見た目の印象が変わる場所を探すってことでしょうか。
例えば、こんな感じです。
↓↓↓↓↓↓

「テ」の文字の一部を囲みに見立ててサブタイルを配置してみました。
囲み内の文字は欧文の「LOGO」に変えています。
もう少し加工してみましょう
↓↓↓↓↓↓

囲みをさらに伸ばしてみました。
「文字だけで作る〜」のサブタイトルのおさまりは良さそうです。
ですが、全体が間延びした印象です。可読性もイマイチですね。
さらに、もう一手間
↓↓↓↓↓↓

「ロゴの」「テンプレ」で改行して、サブタイトルを囲みの中におさめました。
サブタイトルが中央に入ったことで、読みやすくなましたね。
また、プロ直伝! ロゴ作成から学ぶ文字レイアウトのコツは「揃える・強弱・整理」 の記事で紹介しましたが、全体のシルエットにデコボコがなくなり正方形に近い形の中におさまったので、使い勝手もよくなってきました。
ロゴで使う文字内容によって加工できるポイントは異なりますが、文字の一部を加工変形することでビジュアル的な要素が加わることはわかるかと思います。
⑤ワンポイントのカラーを加える
最後にアクセントのカラーを加えてみましょう。
- 目を引きたい箇所
- デザイン的要素のある文字
ワンポイントで色をつけるのは使いやすいテクニックですよ。
「文字の一部を加工した例」 にワンポイントのカラーを加えてみます。
↓↓↓↓↓↓

どうでしょうか?
文字だけで打ち出しただけより、ロゴマークらしくなってきたと思います。
最後に、今回のまとめ
5つのテンプレートを使った文字だけで作るロゴマークの作り方を紹介しました。
- 文字間隔を調節する
- 最初の一文字目を大きくする(強弱をつける)
- 平仮名を小さくする(強弱とバランス)
- 全体をまとめる(スペースを作る)
- ワンポイントのカラー(色を変える)
全てを使ってもいいですし、①と②だけでもOKです。
どこまで手を加えるべきかは、作成するロゴの重要度によって変わります。
もちろん、シンボルマークと組み合わせて作ってもいいわけです。
シンボルマークやロゴマーク全体の作成方法については、 初心者でも簡単!! ロゴ作成のコツ プロのワークフロー紹介 の記事を参考にしてくだい。
デザインのコツ、アイデア方法などロゴマーク作成のコツをまとめました。
それでは、今回はこのへんで。