コンセプトから現実へ–ロゴ開発のガイド

現代のブランドのシンボルをデザインする

ますます多くの企業や製品がオンラインとオフラインで市場の認知を競うようになり、適切に設計されたロゴは、消費者の注意を引き付け、ブランドのコアバリューを一目で表すビジネス上の利点です。 優れたロゴは、一般的なアイコン以上のものです。 これは、企業が表すもの、つまりブランドのビジュアルアンバサダーを具現化したものです。

会社の精神に沿ったロゴを見るのはいつも新鮮ですが、適切な解決策にたどり着くには、十分な時間、スキル、経験が必要です。 思いやりのあるデザインプロセスは、効果的で創造的なロゴを開発するための鍵ですが、このプロセスはどのように見えますか？ それはどのように展開しますか？

この記事では、現代のブランドやますます洗練された消費者向けのロゴを作成することを目的とした、シンプルでわかりやすく、非常に効果的なロゴデザインプロセスを明らかにします。 いくつかの便利なロゴデザインのヒントを紹介し、ロゴデザイナーがクライアントを調査の初期段階からプロジェクトファイルの最終配信までガイドするために使用できるフレームワークを提供します。

精通したデザイナーは常に自分の仕事に付加価値をもたらす方法を探しているので、クライアントのブランドに競争力を提供するいくつかの実用的なオプションを検討します。

成功したロゴの特徴

実証済みの真のロゴデザインプロセスに従うことは重要ですが、最初にロゴを成功させる理由を明確に理解する必要があります。 ロゴデザインプロジェクトの開始時に存在する空白のキャンバスは、クリエイティブな過剰のライセンスではありません。 ロゴが優れたブランドアンバサダーになるためには、いくつかの信頼できる原則に準拠する必要があります。

SMARTシステムの5つの原則に従うことで、企業や製品は混雑した市場で際立って、永続的な視聴者のつながりを形成することができます。

• シンプル：理解と識別を容易にします。
• 記憶に残る：優れたロゴは、記憶に残るほど独特である必要があります。
• エイジレス：最高のロゴは時代を超越し、変化するトレンドに耐えます。
• 信頼性：柔軟性とスケーラビリティは、さまざまなプラットフォーム、メディア、サイズでロゴを使用するための鍵です。
• 思慮深い：ブランドの品質と有用性を効果的に象徴するために、ロゴの細部をすべて考慮し、研ぎ澄ます必要があります。

最新のブランドの場合、ロゴは多くのユースケースを念頭に置いて設計する必要があります。 たとえば、航空会社のロゴは、飛行機の尾部で非常に大規模に見栄えを保ちながら、モバイルアプリでは小さなアイコンとして機能する必要があります。

ロゴデザインプロセスの開梱

ロゴのデザインプロセスを示すために、 Newsboltと呼ばれる架空のニュースアプリを使用してみましょう–最新のニュースをlightspeedで配信します。 ロゴデザインプロセスを段階的に実行し、その過程で重要な洞察を提供します。

デザインブリーフを理解するための鍵

ロゴデザインプロセスの最初のフェーズでは、デザインブリーフを確認して理解します。 これは比較的簡単な作業ですが、非常に重要です。 それを家の土台と考えてください。 ブリーフをぼんやりと理解すると、プロジェクト全体で多くの問題が発生します。

デザインブリーフとは何ですか？ 要するに、それはロゴが何を表すかを定義するのに役立つドキュメントです。 基本的な概要は以下をカバーします：

• 目標：プロジェクトには、成功と見なされるために満たす必要のある特定の目標がありますか？
• 成果物：プロジェクトの完了時に期待される成果物は何ですか？
• タイムライン：プロジェクトが一定の時間内に完了する必要があるという期待はありますか？
• プロジェクトの利害関係者：プロジェクトの意思決定に関与しているのは誰ですか？
• ターゲットオーディエンス：ロゴは人口のどのセグメントに共鳴する必要がありますか？
• 製品または会社のプロファイル：製品または会社はどのような目的を果たしますか？ 彼らは人々にどのような価値をもたらしますか？
• ブランドポジショニングステートメント：消費者に対するブランドの約束の核心は何ですか、そしてそれは競合他社との関係でそれ自体をどのように見ていますか？
• 予算と支払い：プロジェクトの予算はありますか？また、支払いはどのように処理されますか？

ビジュアルリサーチとアートディレクション

視覚的研究–インスピレーションを明らかにする

視覚的な研究は、デザイナーが目を開けて世界を見る時です。 アートやデザインに関連する本、ポートフォリオサイト、雑誌を閲覧する必要があります。 また、美術館、ギャラリー、小売店、または感動的なランドマークへの旅行も含まれます。

重要なのは、美しさ、創意工夫、職人技の高品質な例を自分に溢れさせることで、想像力をかき立てることです。

検索を開始するのに役立つオンラインリソースの簡単なリストは次のとおりです。

• LogoLoungeは、世界中のデザイナーのロゴを閲覧するためのロゴ中心のショーケースサイトです。
• Dribbbleは、デザイナーが最新かつ最高の作品を忠実にアップロードする、非常に影響力のあるデザインプラットフォームです。
• Muzliは、ウェブ全体から最も人気のあるデザイン作品を集めたウェブサイトです。

アートディレクション–クリエイティブな意図の明確な道を開く

視覚的な調査が完了したら、デザイナーは少なくとも1ラウンドのアートディレクションを通じてクライアントを導く必要があります。 これは、テーマ、感情、視覚的アイデアのモザイクであるムードボードを使用して、視覚的研究を芸術的意図の簡潔な計画に抽出するときです。

最高のムードボードは明確な傾向を示し、特定の視聴者にアピールします。 画面設計ソフトウェアSketchは、クライアントに提示するために画像をムードボードにすばやく整理するための優れた方法です。

アイデアとスケッチ

アイデア–アイデアはどこから来るのですか？

最終的には、アイデアが頭の中からページに伝わるにつれて、研究は創造的な成果に変わる必要があります。 アイデアと呼ばれるロゴデザインプロセスのこの部分を開始するための優れた方法は、ブレーンストーミングセッションです。これは、関連する概念を把握し、最も実行可能なオプションを絞り込む時間です。

時には、これは説明的な単語のリストを書いたり、5分以内に25のアイデアをスケッチしようとしたりするのと同じくらい簡単かもしれません。 可能性はたくさんありますが、翻訳と呼ばれる特に効果的なブレインストーミングの演習の1つは、FastCompanyの記事「創造的思考を促進するための10の演習」で概説されています。

アイデアは、変革のプロセスによって大きく刺激されます。 ある形式または媒体から別の形式に物事を変換することで、まったく新しい刺激的な方向に思考を導くことができます。 あるアイデアが別のアイデアにつながります。そして、あなたはアイデアの道を歩み始めます。

ロシアの芸術家ワシリーカンディンスキーは、クラシック音楽を抽象絵画に翻訳し、音楽が引き起こしたさまざまな感情を表すためにさまざまな色を選択しました。

練習するには、次の単語をタイポグラフィに翻訳します—怠惰、幸せ、大声、やわらかい。

スケッチ–すべてのロゴデザイナーにとって価値のある実践

最も基本的なスケッチでさえ、ロゴデザインプロセスの資産です。 クリエイティブブロックの主な原因は、プロジェクトの初期段階での自己編集の過剰です。 高速で大まかなスケッチは、「完成した」品質に関係なく、アイデアをすばやく探索するための優れた方法です。

これらの初期のラフスケッチの追加の利点は、それらがしばしば生来の釣り合いとバランスの感覚を持っていることです。 これにより、デザイナーがロゴのデジタルトレースを開始する準備ができたときに、参照レイヤーとして非常に役立ちます。

デジタルリファインメント

アイデアとコンセプトのスケッチを行った後、AdobeIllustratorでロゴを洗練するための信頼できる青写真が用意されます。 Illustratorは、ベクトル形式のグラフィックス、品質の低下やピクセル化なしに無限にスケーラブルなアートファイルを作成するために使用される高性能デザインソフトウェアです。

次のリストには、Illustratorの最も便利なロゴデザインツールのいくつかを説明するチュートリアルを選択するためのリンクが含まれています。

• 基本的な形状：円、長方形、三角形、正方形のジオメトリを使用して、より複雑な形状やデザインを作成する方法を学びます。
• 位置合わせツール：オブジェクトを正確に効率的に位置合わせする方法を理解することで、時間を節約し、頭痛を防ぎます。
• パスファインダー：交差する図形を使用して、新しい図形や記号をすばやく作成します。
• シェイプビルダー：パスファインダーには限界があります。 幸いなことに、ShapeBuilderはたるみを取り戻す準備ができています。
• ペンツール：習得するのは難しいツールですが、大胆に使用してください。 ペンには力があります！
• ボーナス：チュートリアルではありませんが、Astute Graphicsプラグインは、ベクターグラフィックスの世界で高く評価されている効率的なツールです。 無料の「SubScribe」プラグインセットは非常に便利です。

ロゴデザインの色

ロゴデザインでの色の使用は、色彩理論から人間の心理学に至るまで、さまざまな分野をカバーする広大で非常に重要なトピックです。 そのことを念頭に置いて、高コントラストを提供するシンプルでありながら調和のとれた配色をクライアントに提示するのが最善です。

デザイナーの色の知識を支援するためのオンラインリソースがいくつかあります。

• Ctrl + Paint：コンセプトアーティストのMatt Kohrが、デジタルペインティングの観点から色の選択とミキシングを説明する一連のすばやく簡単なビデオチュートリアルを紹介します。 これらは、色の組み合わせの選択の「理由」と「方法」をよりよく理解したいデザイナーに最適です。
• COLOURlovers：世界中のアーティストやデザイナーが配色を作成して共有するクリエイティブなコミュニティ。
• Adobe Color CC： Color CCを使用すると、ユーザーは洗練されたカラーホイールを使用して配色を作成したり、Adobeコミュニティの何千もの色の組み合わせを閲覧したりできます。
• Pinterest： Pinterestには既製の配色が満載で、1年の間に色の傾向が変化するのを観察するのに最適な場所です。

配色を作成するとき、ロゴは、現実の世界で生活し、機能するために、最終的には空白が永遠に続くIllustratorとSketchの居心地の良い範囲を離れなければならないことを覚えておくことが重要です。

これには、ロゴが明るい背景と暗い背景、および白黒で機能する必要があります。 これらの設定でロゴをプレビューするときは、微調整を行う準備をしてください。 白黒の反転は、微妙なデザインの欠陥や、さらに悪いことに、意図しない象徴性を露呈する傾向があります。

*上級者向けのヒント：シンプルな「反転」フィルターを適用して、ロゴデザインプロセスの構想およびスケッチ段階で白黒の反転の欠陥を見つけます。

ファイルの整理と配信

ロゴが完成し、クライアントによって承認されたら、最終的なデザインファイルを渡します。 フォルダとファイルは、適切に整理され、明確にラベル付けされ、Googleドライブ、Dropbox、またはその他の信頼できるファイル共有サービスを介して簡単にアクセスできる必要があります。

ロゴデザインに不慣れなデザイナーのために、クライアントが必要とする可能性のあるさまざまなファイル形式の簡単な内訳を次に示します。

• 印刷ファイル：ベクター形式のファイルは、ロゴが大規模で低解像度でも鮮明で鮮明なままであるため、印刷に適しています。 形式には、EPS、SVG、AI、およびPDFが含まれます。
• Webファイル： Webには、ピクセルベースのファイル（JPEG、PNG、GIF）またはベクターベースのファイル（SVG –スケーラブルベクターグラフィックス）のいずれかが必要です。
• JPEGファイルは、ロゴデザインが複数のカラートランジションとグラデーションを使用している場合に最適です。これは、元のデザインのより豊かな写真レンダリングを維持するためです。
• PNG画像は、ロゴデザインがほとんどフラットな色と形を使用し、影やグラデーションのアクションがほとんどまたはまったくない場合に最適です。

クライアントに価値とビジョンを提供する方法

基本的なスタイルガイドを提供する

ベテランのデザイナーは、クライアントに付加価値を提供する方法を常に探しています。 素敵なロゴを作成することは素晴らしいことですが、デザイナーは、ロゴを効果的に使用するための簡単な戦略をクライアントに提供する方法も検討する必要があります。 これを行う1つの方法は、プロジェクトの開始時にクライアントに基本的なスタイルガイドが必要かどうかを尋ねることです。

明確にするために、基本的なスタイルガイドは大規模なコーポレートブランディングドキュメントと同じものではありません。 むしろ、ロゴの色、縮尺、パディング、向きなどに関する実用的な推奨事項と禁止事項の1〜2ページの概要です。これは、デザイン公開プラットフォームMedium：MediumBrandingGuidelinesの優れた例です。

微妙なアニメーションの使用を検討してください

ロゴに価値を加えるもう1つの方法は、アニメーションです。 適切なコンテキストでの微妙なアニメーションは、ロゴに生命と意味を吹き込み、ブランドのストーリーテリング能力を促進することができます。 グローバルブランドコンサルタントであるAmazeは、ユーザーの行動にリアルタイムで反応するAI主導のロゴである「生きているブランド」で微妙なアニメーションの力を示しています。

アニメーションは慎重かつ慎重に使用する必要があることに注意することが重要です。 特に静的なユースケースでは、デザインが不十分なロゴを非表示にすることはできません。

創意工夫と独創性への呼びかけ

LogoLoungeの第15回年次ロゴトレンドレポートは、2017年のロゴデザインが過去数年ほど革新を示していないように思われたことを示しています。 「今年のトレンドは、昨年気づいたことの継続と進化ほどの啓示ではありませんでした。」 これは、ほとんどの新規参入者が、目立つことをあえてするのではなく、業界のリーダーをフォローし、既存のものを模倣する傾向があることを明確に示しています。

デザイナーとして、私たちはクライアントが最も激しい競争相手の騒音を乗り越えるのを助けるために雇われています。 ロゴデザインプロセスの革新を推進するのは私たちの責任です。 これを行うには、実験と私たち自身の仮定の執拗な挑戦が必要ですが、リスクは、クライアントが気晴らしの海で輝いているのを見る価値があります。

•••

Toptal Designブログでさらに読む：

• eコマースUX–ベストプラクティスの概要（インフォグラフィック付き）
• 製品設計における人間中心の設計の重要性
• 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
• モバイルインターフェースのヒューリスティック原則
• 予測的デザイン：魔法のユーザーエクスペリエンスを作成する方法