ブランドデザインの参照

このページで学べること

色、デザイン、フォント、ブランド コンセプトを通じて、ビジネスをプロフェッショナルで信頼できる印象に見せる方法をご紹介します。このガイドでは、次の内容を順を追って説明します。

• デザインコンセプトの作成
• ブランドカラーを選択
• ブランドフォントを選択
• ロゴ デザイン

デザインコンセプトの作成

まず、ビジネスプランとオーディエンスについて、少なくとも大まかなイメージを持っておく必要があります。ロゴを作成したりフォントを選んだりする前に、ブランドの信頼性を高め、クライアントを惹きつけるデザインコンセプトのアイデアを整理する必要があります。まず、オーディエンスについて十分に理解していることを確認してください。オーディエンスが消費しているメディアの種類と、オンラインとオフラインの両方でどこに時間を費やしているかを把握することが重要です。その情報を使って競合他社のサイトにアクセスし、色、フォント、ロゴ、写真、その他のデザインを確認します。どのような色を使用していますか？スクリプト体、セリフ体、サンセリフ体のフォントはありますか？ブランド構築のために使用している基本的なイメージは何でしょうか？好きな点やうまく機能している点をメモしておきましょう。

ブランドカラーを選択

使用する色を決めるのは大変に感じることがあります。色はさまざまな感情を引き起こし、ブランドに対する反応に影響します。基本的な色彩理論をいくつか確認しましょう。

• ブルー
  信頼、知性、自信、信頼性、落ち着きを連想させます。

青は信頼性と頼もしさを連想させるため、病院、製薬会社、政府機関、テクノロジー企業で広く使用されています。スマートフォン上で機密情報を扱うアプリを確認してください。おそらく、ロゴの多くは青色です。

• 赤
  興奮、注目、刺激、強さを連想させます。

赤にはさまざまな効果があります。赤は食欲を増進し、心拍数を上げ、怒りを引き起こし、注意を引き付けるなど、さまざまな影響があります。また、赤はファストフードを購入したり、刺激的だと感じて動画を視聴したり、必要のないものを買ったりする可能性を高めます。

• グリーン
  持続可能性、耐久性、健康、新鮮さ、親しみやすさを連想させます。

緑は、親しみやすく持続可能なエネルギーを与えます。健康食品の選択肢やアウトドア ブランドで見かけます。

黄色（陽気、前向き）、紫（華やかさ、神秘）、黒（VIP、高級、限定）など、上記以外の色もロゴデザインで使われますが、上記の色ほど一般的ではありません。

どこから始めるべきですか？ニュートラルな色を 1 つ、鮮やかな色を 2 つ、行動喚起の色を 1 つ選択します。まずは好みで、伝えようとしているメッセージにもよく合う色を選び、それを中心に他の色を埋めていきます。色同士の組み合わせが適切に見えることを確認してください。

配色のインスピレーションはどこで得られますか？Adobe Color CC に移動してください。「Explore」タブで、ブランドに関連するさまざまなキーワードを検索できます。また、[作成] タブでは、任意の色の組み合わせを試すことができます。

ブランドの色を選ぶ際に最も重要なのは、お客様に伝えたいメッセージを反映することです。色がロゴ デザイン、ウェブサイト、さらには販売する可能性のある商品にどのように反映されるかを考えてみてください。配色のアイデアが固まったら、次はフォントに移る準備ができました。

ブランドフォントを選択

ブランド フォントを見つけて選ぶ作業は、大変に感じることがあります。結局のところ、フォントは何千種類もあります。ただし、最も重要なのは、フォントは最終的にいくつかのカテゴリ（serif、sans serif、script、display）に分類されるということです。

• Serif
  セリフ フォントは、各文字の末端に線が付いています。クラシックで伝統的、かつ真面目な印象です。

• サンセリフ
  サンセリフは、文字どおり「セリフなし」を意味します。これらのフォントには文字の端に線がないため、よりモダンな印象になります。セリフ体とサンセリフ体はいずれも一般的に読みやすいですが、わずかにサンセリフ体のほうが有利とされています。

• スクリプト
  スクリプトフォントは手書きに最も近く、文字が何らかの形でつながっています。これらはここ数年で非常に人気が高まり、楽しさや DIY の雰囲気を醸し出します。ロゴや見出しでは使用されますが、本文テキストではほとんど使用されません。

• ディスプレイ
  ディスプレイフォントは注目を集めます。読みづらいため、意図的かつ必要な場合にのみ使用し、使用頻度は控えめにしてください。

ブランドとウェブサイトに深みと個性を加える最善の方法は、同じフォントの異なるウェイト同士、または異なる種類のフォント同士を組み合わせることです。対照的なフォントウェイトは、通常、セリフ体またはサンセリフ体のフォントで使用され、太字の見出しが加わります。

一方で、異なるフォントタイプを使用すると、セリフ体とサンセリフ体のフォントを組み合わせるような見た目になる場合があります。通常、セリフ体フォントは見出しに使用し、サンセリフ体フォントは本文テキストに使用します。スクリプト体やディスプレイ フォントを見出しとして使用し、セリフ体またはサンセリフ体フォントを組み合わせることもできますが、注意して使用してください。最終的には、コンテンツが読みやすいことを確認する必要があります。最後に、別のブランドに強く結び付いたフォントは選択しないでください（例:Coca-Cola、Sopranos、Harry Potter など）。無料フォントをダウンロードするための便利なリソースとして、Google fonts があります。

ロゴ デザイン

競合他社のデザインを調査し、カラースキームを作成し、ブランドに合うと思うフォントを選ぶという大変な作業を終えたので、次はロゴを作成します。ただし開始する前に、ロゴを作成する際に留意すべきいくつかの概念を確認しましょう。

ロゴは次の条件を満たす必要があります：

1. シンプル
2. スケーラブル（つまり、モバイルデバイスでも看板と同じくらい読みやすい）
3. 主に水平方向

ロゴを作成する方法は 2 つあります。自分でロゴをデザインすることも、別の人にデザインしてもらうこともできます。自分で何かをデザインする場合や、いくつかの選択肢を検討したいものの、高価な新しいソフトウェアに投資したくない場合は、GIMP、Inkscape、Pixlr、Canva は、ロゴを作成するために使用できる無料の画像編集およびデザイン ツールです。

デザインを行う際は、ブランドを最適にスケールさせるために次のロゴのバリエーションが必要になることに留意してください。 

• 背景は透明、白です。
• テキストの色付けでは、濃い色と薄い色のテキストオプションを利用できます。
• 形状には、正方形、横長、ファビコン用のオプションが含まれます。

自分で何かを作成することを避け、またロゴをデザインする人を雇いたくない場合でも、Shopify のアプリ Hatchful を使えば、無料でロゴをデザインできます。ロゴがブランドと業界の両方に一致していることをご確認ください。

サイトを公開して運用を開始した後、メール、ウェブサイト、その他のコミュニケーションに彩りを加えるために、いくつかのストックフォトや動画が必要になる場合があります。Unsplash、Gratisography、Pexels はいずれも高品質なストックフォトや動画を提供しており、ブランドの強化に役立ちます。

達成できること

ブランドカラー、スタイル、ロゴは用意できましたが、次は何をすればよいでしょうか？次に、ウェブサイトをどこでホスティングする予定かを決めます。何か販売していますか？ウェブサイトのブランディングの選択を念頭に置きながら、E コマースストアをセットアップします。Klaviyo と連携する可能性がある、必要なプラットフォームに関する記事をご覧ください。ブランディングとデザインが固まれば、ブランドに沿ったコンテンツを作成するのがずっと簡単になります。

その他のリソース