ロゴデザインを始める前に。知っておきたい概念、プロセス、要素

2019.5.23

デザイナーを目指している、あるいはロゴデザインに初めて取り組もうとする方には役割を果たすロゴをデザインしたいとき、どんなことを考えるべきなのかが分かりにくいかもしれません。
今回は、ロゴデザインをする前に知っておきたいノウハウをまとめました。

ロゴデザインをする前に
- ロゴとVIの関係性
- VIの一部としてのロゴ
ロゴデザインの主なプロセス
実際にロゴデザインする時に重要な観点
【番外編】DI（ダイナミック・アイデンティティ）
おわりに

ロゴデザインをする前に

ロゴとVIの関係性

近年、ブランド再定義を行う際の視覚的なアプローチとして注目されるVI（ビジュアル・アイデンティティ）というものをご存知でしょうか。
VIはロゴやシンボルマーク、ブランドカラーなどに代表される統一化された視覚的要素であり、その目的は「ブランドのコンセプトを可視化し、その存在意義をユーザー、社会に対して浸透させること」です。
多くの場合、この目的を果たす一つの手段としてロゴデザインが用いられるため、ロゴデザインにおいてもその役割を意識する必要があります。

VIの一部としてのロゴ

VIの一部としてロゴが機能することで、どんな効果があるのでしょうか。ここでは、GoodpatchがUI/UXデザインからビジュアルアイデンティティの構築、ロゴデザイン、開発までお手伝いしたTBSテレビのWebメディア「Catari」の事例を元にご紹介します。

ロゴについても当初、TBS社内にいるデザイナーに作ってもらおうと考えていました。でも、UIデザイナーの米永さんに「メディア全体の世界観を統一するためには、ロゴはとても重要な要素です」と言われて、その通りだなと腑に落ちたんです。それで米永さんにロゴまでお願いしようと決めました。

TBS新規事業Catariは愛から生まれた。サービスに息を吹き込むまでの軌跡

Catari（カタリ）はTBSテレビ（以下TBS）の新規事業として2018年9月にリリースされた公式Webメディアです。 …

ビジュアルアイデンティティの一部としてロゴを機能させることで、ブランド全体の世界観が統一され、特定の市場において独自価値が生まれます。そのためには、ロゴをはじめとするユーザーの目に触れるあらゆるもののデザインにおいて、ビジュアルアイデンティティを考慮し一貫性・統一性をもったものにするべきでしょう。

ロゴデザインの主なプロセス

ロゴデザインとビジュアルアイデンティティの関係性について理解したところで、続いては、実際のロゴデザインの流れを掴みましょう。こちらの記事では、単語のイメージをベースにロゴを作り上げる一連のプロセスがまとめられています。

Good Morning Patchのロゴを作ったよって話

Goodpatchでは先日、はじめてGood Morning Patchというイベントを開催しました！デザイナーを招待 …

記事中のプロセスの大まかな流れは以下の通りです。

イメージを言語化する
ムードボードを作成する
全体に合ったフォントを探し出す
詳細を詰める

こちらのロゴができるまでのプロセスが具体的にまとめられています。イメージをどのようにビジュアルに起こすのか、フォントの選び方、最終調整をどのように行うのかなど、プロセスの全体像を知りたい方はぜひ参考にしてみてください。

実際にロゴデザインする時に重要な観点

先ほどの大まかなデザインプロセスに加えて、ロゴデザインにおいて特に重要な観点を掘り下げていきましょう。
ロゴは様々な要素から構成されており、それらはブランドのコンセプト・思想を可視化したものの一部として組み込まれているわけですから各々が意味をもってきます。また、こうして作られたものがユーザーに対して意図した通りの印象を与えられるかは、検証し確かめる必要があります。

一方で、色や姿においては、そうした検証が研究という形でなされてきました。そのおかげでこの２つの要素については、デザインに利用できるフレームワークが存在するのです。もちろんロゴデザインにも有効なので、ここではその足がかりとして読んでおきたい記事を紹介します。

フォント

使用されるフォントが変わるだけで、ロゴ全体の雰囲気はガラッと変わります。数ある中から適したフォントを選択するために、一覧で複数のフォントを比較できるツールや、普段から引き出しを増やすのに一役買ってくれるツールを利用してみることをおすすめします。

フォント選びに悩んでいる方へ。インプットの引き出しを増やすおすすめフォントツール

色

「大胆な」「ロマンチックな」「真面目な」など様々な形容詞・形容動詞と私たちが色に対して持っている共通の感覚との相互関係から生み出された日本カラーデザイン研究所による「イメージスケール」はブランドのイメージをカラーに起こすための必需品と言わざるを得ません。
このイメージスケールを利用してブランドの思想からブランドカラーを選ぶ方法を１つの選択肢として提案しています。

ブランドカラー選定に必要な4つの基本プロセス

デザイナーのみなさま、突然ですがこんな悩みはありませんか？ブランドカラーを何色にするべきか、どのように決めたらよいか迷 …

姿

幾何学模様で構成されたロゴと、手書きで書かれたロゴ。これらを見比べた時、受ける印象はそれぞれ違いませんか？
何をシンボルとするか、どのように配置し組み合わせるかによってユーザーに与える印象が異なります。まずは、それを敏感に感じ取る審美眼を磨き取り入れてみてはいかがでしょうか。

ロゴデザインの8つの種類と参考になるウェブサイト7選

CI(コーポレートアイデンティティ)においてロゴは非常に重要な部分を占めています。また複雑で混沌とした社会になるにつれ …

黄金比を使ったロゴデザインのプロセスとは？

こんにちは！フロントエンドエンジニアのamuです。最近、関わっているプロジェクトの中でロゴデザインについての話が出まし …

また、ロゴの姿をデザインする上で、視覚調整というスキルを知っておきたいです。
視覚調整はいわゆる目の錯覚を考慮したデザインの調整のことで、様々なデザインの現場で意識されているスキルでもあります。
ロゴデザインにおいても視覚調整の知識を利用して、本来の見せたい姿を見てもらうための最後の詰めを行うことをおすすめします。