Colors are powerful. 私たちがどのように物事を認識し、感情的なレベルで反応するかに大きな影響を与えます。
考えてみると、成功しているブランドはすべて、特定のメッセージを伝え、意図した読者と共鳴する、意図的なロゴ配色を持っています。 この記事では、独自のブランドに基づいて思慮深くロゴの配色を選択する方法を学び、信じられないほどの視覚的な例とそれらが機能する理由によってインスピレーションを得ることができます。 それでは行ってみましょう!
- ロゴの配色の選び方
- 🖥️
- by Lorena G
- Define your brand voice
- 競合を研究する
- 色心理学の基礎を理解する
- Firefox
- Official Firefox Rebrand
- by Ramotion for Ramotion
- Figma
- Figma に参加しました!
- by Noah Levin for Figma
- Better
- Better – Logo Animation
- by Alex Gorbunov for Better
- Duolingo
- Duolingo Logo
- by Jack Morgan for Duolingo
- Incfile
- IF – Branding 02
- by Balkan Brothers for Balkan Brothers
- Collibra
- Collibra Logo Animation
- by Melissa Miyamoto-Mills for ueno.Incfile.
- Asana
- アサナ入社
- by Devin Jacoviello for Asana
- Zendesk
- Z
- by Erin Pinkley for Zendesk
- Nutshell
- Nutshell 🚀Launch
- by Matt Yow for Focus Lab
- PicnicHealth
- PicnicHealth
- by Eddie Lobanovskiy for unfold
- Recital
- Recital Wordmark
- by 𝚕𝚞𝚕 for Input Logic
- Oculus
- Oculus logo
- by Mackey Saturday
- MOON
- MOON Animation
- by Alex Spenser for The Faces
- Pinpoint
- Pinpoint Case Study Live
- by Focus Lab for Focus Lab
- Mailchimp
- Our New Logo
- by Mailchimp for Mailchimp
- Apprentice Health
- Apprentice Health Logo
- by J.D. Reeves for Aesthetic
- Stripe
- Stripe logo refresh
- by Philipp Antoni for Stripe
- Bestow
- Bestow Logo
- by Kyle Anthony Miller for Brass Hands
- Kaff
- Kaff Cold Brew pt.2
- by Salih Küçükağa
- Dribbble
- 最近のサイト停止について
- by Dribbble for Dribbble
- Slack
- Say hello, new logo
- by Casey Labatt-Simon for Slack
- Odds On VC
- Final mark and primary color palette for Odds On VC
- by Jennifer Hood for Hoodzpah
- StarBank
- StarBank Branding Final Touch
- by Halo Graphic for Halo Lab
- Roselab
- Roselab – Final Logo
- by Roselab for Roselab
- Barn Media
- Barn Media
- by Paul Dunbar
- もっとロゴカラーパレットのアイデアを探す
- MORE COLOR RESOURCES
ロゴの配色の選び方
ロゴデザインで色の組み合わせを選ぶとき、考慮すべきいくつかの重要な要素があります。
🖥️
by Lorena G
Brace yourself for bunch of fellas doing stuff, superfoods and geometric shaped confetti (part of a new project I’m super excited about) 😊Stay tuned ! 👀Behance | Instagram | facebook
View on Dribbble
Define your brand voice
色について考え始める前に、あなたのブランドボイスについてよく理解している必要があります。 あなたの顧客は誰ですか? 彼らにどのような約束をしているのでしょうか。 あなたのブランドはどのような価値を支持しているのでしょうか。 これらはすべて、ロゴのカラーパレットを定義する前に知っておくべき質問です。
手始めに、あなたのブランドを最もよく表現するキーワードを選び出すことから始めるとよいでしょう。 例えば、あなたのブランドのキーワードが「土っぽい」「オーガニック」「平和」であれば、赤やオレンジのような大胆な色は避けた方がよいかもしれません。
ブランドと完全に一致する意味を持つカラーパレットを選ばなければならないという厳密なルールはありませんが、ブランドのキーワードや価値と相反する色を選ぶことは避けたいものです。
競合を研究する
次に、類似のブランドがメッセージを伝えるためにどんな色を使っているかを少し研究してみましょう。 これは、あなたの業界では何が有効であるかの良い指標を与えるだけでなく、あなたの競争相手から自分自身を区別することができます。
あなたのロゴデザインは競争から目立つが、あなたのブランド.
色心理学の基礎を理解する
あなたはどんなロゴデザインのメインカラースキームを決める前に異なる色の背後にある意味について自分自身を理解しようとすること。
最も一般的な色(または色相)には、西洋世界のほとんどで一般的に受け入れられている意味があります。 文化によって色の意味の解釈は異なるので、自分の地域に適用される色の意味を調べておくとよいでしょう。
- 赤:情熱、愛、危険、怒り
- オレンジ:喜び、エネルギー、警告
- 黄:幸福、楽観、創造性
- 緑:自然、新鮮、成長、お金
- 青:忠誠、穏やか、正直
- 紫:謎、王族、贅沢
- 黒. 白:安全、清潔、無邪気
- 灰:洗練、優雅、フォーマル、無感情
- 茶:自然、堅実、グラウンディング
色の意味は、使用する色と周囲の色によって変化することがあります。 色とそれが呼び起こす感情についてもっと知りたい方は、こちらの記事をご覧ください。
さて、Dribbbleで見た最高のロゴの色の組み合わせをいくつか見てみましょう。
Firefox
Official Firefox Rebrand
by Ramotion for Ramotion
ここ数年間、Firefox チームと一緒に仕事ができたことは素晴らしい経験でした。 新しい Firefox のマスターブランドとサブプロダクトのロゴを見ることができ、私たちは誇らしく、緊張し、そして同時に興奮しています。
View on Dribbble
2019年に、MozillaのFirefoxは、ここDribbbleで有名なデザインエージェンシーRamotionの助けを借りて大規模なリブランドを実施しました。
Firefox の新しいロゴは、グラデーション状の効果を使って寒色と暖色の両者をブレンドさせた配色です。 紫とオレンジのコントラストが、ロゴに大胆な印象を与え、他のアプリの中でもブラウザを見つけやすくしています。
Figma
Figma に参加しました!
by Noah Levin for Figma
私は、@Figma の非常に優秀なデザイン チームを管理するために、サンフランシスコに戻ることになりました!それについての詳細や、デザイン ツールの将来についての考えは、こちらでお読みください。 https://goo.gl/qfRosHAlso, we’re hiring 😉
View on Dribbble
Figma は、デザイン チームの作業方法を変える、ウェブベースの共同デザイン ソフトウェアです。 Figma のブランド ガイドラインによると、彼らのブランドは「色はデザインの歴史に根ざしており、ポール・ランドなどのモダニストや、モダン時代の鮮やかな配色からインスピレーションを得ています」。”
Better
Better – Logo Animation
by Alex Gorbunov for Better
Hey guys, ⠀ フリーランサーが収入と税金について理解できるアプリ、Better のロゴ アニメーションをお届けできるのは幸せです。App storeで見る 🔥 ロゴアニメーションを作りたいですか? [email protected]
View on Dribbble
Betterは、フリーランサーの収入と税金の管理を支援するアプリです。 金融製品は伝統的に信頼と成長を呼び起こすために緑や青などの色を使用しますが、Better はビジネスの創造的な側面をより強調する明るい黄色を取り入れました。
Duolingo
Duolingo Logo
by Jack Morgan for Duolingo
Duolingoの新しいデザインガイドラインを作っていたら、ついにロゴを更新する時がきたと思い立ったんだ。 このワードマークは、ユーザーが新しい言語を無料で学ぶためにDuolingoアプリを開くときに1日に何百万回も表示されますが、私たちが5歳のときから触っていませんでした。
View on Dribbble
人気の言語学習アプリDuolingoはブランドを表すために彼らの鳥のマスコットからヒントを得た「Feather Green」にしています。 教育アプリとして、この明るい緑色を使用することは、成長と新しい学習を呼び起こす素晴らしい仕事です。
Incfile
IF – Branding 02
by Balkan Brothers for Balkan Brothers
皆さんこんにちは、これは数ヶ月前に我々が手がけたプロジェクトでした。 私たちはすでに、さまざまなランダーを通じて、いくつかの探求を共有しました。 ブランディング大胆で印象的なブランドマークを提案し、ユーザーフレンドリーでモードな企業として業界で際立つという「IF」の目標を強化しました…
View on Dribbble
Incfile は LLC を設定するためのサービスです。 Balkan Brothers のデザイン チームは最近、ユーザー フレンドリーでモダンなテクノロジー企業を反映した、新しいロゴと独特のブランド カラー パレットを提案しました。
これらの独特の色をロゴにまとめることで、Incfile は市場の他の競合他社と大きく異なり、一目でわかるブランドの美学を作り上げることに成功しました。
Collibra
Collibra Logo Animation
by Melissa Miyamoto-Mills for ueno.Incfile.
コリブラはデータ・インテリジェンス・カンパニーです。 Collibraは、膨大な量の情報、ガバナンスポリシー、データ手続きを整理し、そうでなければ密集し、切断され、無形のものとなっているインサイト、アクションアイテム、学習ツールを1つのプラットフォームで提供します…
View on Dribbble
データインテリジェンスの会社として、Collibraのロゴ色は極めて親しみやすいものです。 深いブルーと鮮やかなグリーンが互いに跳ね返り、親しみやすく、かつ洗練されたカラーストーリーを作り出しています。 この2つの色を混ぜ合わせることで、信頼と親切さを引き出します。
Asana
アサナ入社
by Devin Jacoviello for Asana
コミュニケーションデザイナーとしてサンフランシスコに引っ越して、アサナに入ったことを報告できて興奮している。 以前から彼らのチームの仕事に感心しており、貢献できることにとても興奮しています✌️
View on Dribbble
Asana の独特のカラーパレットは、カラーホイール上の最も暖色を美しいグラデーションで混ぜ合わせています。
チームが整理されるのを助けるタスク管理ツールとして、Asana のロゴのカラー パレットは、ユーザーがこのツールを使用するときに望む感覚である、生き生きとしてエネルギッシュで創造的な色調です。
Zendesk
Z
by Erin Pinkley for Zendesk
新しい Zendesk ID にご挨拶しましょう。
View on Dribbble
Zendeskはカスタマーサービスのソフトウェアです。 彼らのメインブランドカラーは「ケール」と呼ばれ、深い青緑の色合いで、ロゴデザインの原色でもある白に対して美しいコントラストを生み出しています。
顧客とのコミュニケーションとサポートを行うツールとして、Zendeskのロゴカラーは、彼らのブランドに関して言えば、信頼、明瞭、謙虚という強力なメッセージを送っているのです。
Nutshell
Nutshell 🚀Launch
by Matt Yow for Focus Lab
強力なCRMとセールス オートメーションのプラットホームNutshellはブランド リフレッシュに最適な候補であったと言えます。 オレンジ色のどんぐりは、すでに彼らの顧客にとって重要な連想であり、それはちょうどいくつかの思慮深い洗練を必要としていました。
View on Dribbble
Nutshellは強力なCRMおよびセールスオートメーションプラットフォームですが、FocusLabの人々のおかげで新しいロゴを手に入れることができました。 鮮やかなオレンジと深い青のコントラストが、エネルギーと安定性を叫ぶ、美しい2つのメッセージを生み出しています。
PicnicHealth
PicnicHealth
by Eddie Lobanovskiy for unfold
Here @ unfold we don’t just design pretty pictures, we build things that work. これは、また別の成功例です。 https://vator.tv/news/2020-09-01-picnichealth-raises-35m-to-give-patients-access-to-their-own-medical-records 🙏
View on Dribbble
PicnicHealth は、患者に自分の健康管理を1箇所で行う方法を提供し、製薬会社は実際のデータのために患者の記録にアクセスすることを可能にするスタートアップです。 この新興企業は、Unfold のデザイン チームが率いるリブランディングを受けたばかりです。
従来のヘルスケア企業とは異なり、PicnicHealth の予想外のカラー パレットは大胆で鮮やかで、複数の色を使用してダイナミックなブランドの美しさを表現しています。 モダンで、普通のヘルスケアブランドとは一線を画しています。
Recital
Recital Wordmark
by 𝚕𝚞𝚕 for Input Logic
楽譜に見られる、ダイナミックな形と動きからのインスピレーションを引き出しました。 多忙な社内契約交渉担当者のワークフローを簡素化することをミッションとするリサイタルのワードマークを制作しました。
View on Dribbble
Recitalは、忙しい社内契約交渉者のためにワークフローを簡素化することを目的としたサービスです。 このロゴをデザインしたInputLogicによると、Recitalはプロフェッショナルでありながら、親しみやすいロゴを求めていたそうです。
Oculus
Oculus logo
by Mackey Saturday
Oculus の素晴らしいチーム、そして Cory Schmitz と Nicholaus Taylor とともに彼らの新しいアイデンティティで働く機会を得たのでした。 Dribbble で見る
信じられないかもしれませんが、黒と白はどちらもロゴのカラーパレット選択で見逃してはならない強力な色です。 このシンプルで効果的なロゴの配色は、白と黒を一緒に取り入れることで、ハイエンドでストレートでクリーンなブランドの美学を生み出し、また彼らの製品の反映としても機能しています。
MOON
MOON Animation
by Alex Spenser for The Faces
Moon Logo animation by talented @fedecook
View on Dribbble
スキンケア製品に関して言えば、それは。 ブランドは通常、よりオーガニックでニュートラルなカラーパレットにこだわり、自然で健康的な成分を模倣することを好みます。
MOON スキンケアで、The Faces のデザイン チームはまったく異なることを試みましたが、それはうまくいっています。 ロゴのカラーパレットは、宇宙を連想させるピンクと紫の色調を取り入れながら、ブランドに対する人々の興奮を誘う高級製品をほのめかしています。
Pinpoint
Pinpoint Case Study Live
by Focus Lab for Focus Lab
ピンポイントの既存ブランド、競合、オーディエンスに関する調査後、我々はピンポイントのチームと協力して新しいピンポイントのブランド体験に不可欠な3つの言葉を特定しました。 Progressive」「Crafted」「Approachable」です。 この3つの言葉は、私たちの「ノー…
View on Dribbble
ピンポイントは、組織が最適な人材を探し出し採用することによってチームを成長させる手助けをします。 ロゴを手がけたデザインチーム FocusLab は、Pinpoint のブランド体験に不可欠な 3 つの言葉に注目しました。 Progressive」「Crafted」「Approachable」です。 温かみのあるロゴのカラーパレットは、保守的な競合他社からピンポイントを際立たせるのに役立っています。
Mailchimp
Our New Logo
by Mailchimp for Mailchimp
本日、新しいメールチンプブランドを発表することができ、とても嬉しいです。 このブランドにより、ロゴ、イラスト、写真、アニメーション、ウェブやアプリのエクスペリエンスに関するシステムが確立されました。
View on Dribbble
Mailchimpはマーケティングおよびメール自動化ツールで、黄色と黒という非常にわかりやすいブランドカラーで常に知られています。 一方、黒は、パワーと強さの感覚を植え付けるのに役立ちます。 これらの二面性は、マーケティングに対するパワフルでありながら親しみやすいアプローチを伝えるのに最適です。
Apprentice Health
Apprentice Health Logo
by J.D. Reeves for Aesthetic
Apprentice Healthではセンサーとソフトウェアを使って病院と診療所の効率を上げています。 彼らのサービスは、患者の待ち時間を減らし、病院スタッフの勤務をスムーズにし、病院やクリニックがより多くの患者を治療できるようにします。
View on Dribbble
ヘルスケア企業として、Apprentice Healthは、より伝統的でひねりの効いた色調を採用しました。 ヘルスケアのブランディングといえば青と緑が一般的ですが、この場合、青と緑は通常より明るく、同じような色相を共有しています。 7039>
Stripe
Stripe logo refresh
by Philipp Antoni for Stripe
少し前のウェブサイトのアップデートとともに、新しい「ストライプ」モチーフに合わせてロゴにもいくつか手を加えています。
View on Dribbble
人気の決済処理ソフトウェアStripeは、その大胆なブランド選択に関して、侮れない存在になっています。 典型的なフィンテック企業の流れに逆らい、Stripe の明るい紫色の色調は、革新的でモダン、そして大胆不敵なものです。 7039>
Bestow
Bestow Logo
by Kyle Anthony Miller for Brass Hands
Hey! 今週もよろしくお願いします!生命保険の新興企業であるBestowと一緒に、ブランドのポジショニング、アイデンティティ、マーケティングウェブサイトの制作に取り組みました。 今後、数回にわたってケーススタディの詳細をお伝えします。
View on Dribbble
Bestow は、かなりユニークなロゴカラーパレットのある生命保険会社です。 ブラスハンズのチームは、ベストのブランドカラーがミディアムブルーと明るい白で構成されていた2018年に、ベストのリブランディングを支援しました。
Bestowの新しいロゴは、暖かいオレンジと明るいターコイズのおかげで、より親しみやすく、魅力的に見える一方で、深いグリーンのおかげで生命保険会社としての信頼感と誠実さが保たれています。
Kaff
Kaff Cold Brew pt.2
by Salih Küçükağa
カリフォルニアのKaffのコールドブリュー・ブランディングの探求です。 あなたのスタートアップのブランディングゲームをアップする必要がありますか? www.salihkucukaga.com/contactMore from me:→ Instagram→ YouTube→ Twitter
View on Dribbble
デザイナーのSalih Küçükağaは、カリフォルニアに拠点を置く冷たいコーヒーブランド、Kaffのためにかなりユニークなブランドコンセプトを模索してきました。 コーヒーのブランディングにおいて、赤と青の組み合わせは非常に珍しいのですが、この場合、この色の組み合わせは、Kaffをモダンで革新的なコーヒーブランドとして差別化するために有効です。
Dribbble
最近のサイト停止について
by Dribbble for Dribbble
Dribbble HQにとって長い夜/朝だった。 私たちは、ダウンタイムについて深く謝罪し、私たちが軌道に乗るまでの間、あなたの忍耐に対して十分にあなたに感謝することはできません。 昨夜、日本時間の午後8時頃、私たちのデータベースサーバーが故障し、…
View on Dribbble
もちろん、Dribbble独自のロゴを混ぜなければなりませんでした!Dribbbleのロゴは、私たちが作成したものです。 Dribbbleの象徴的なピンクのカラーパレットは、私たちのブランドの最も認識しやすい要素の1つです。 クリエイティブなコミュニティとして、私たちのピンクは遊び心、創造性、喜びを伝えるのに効果的です。
Slack
Say hello, new logo
by Casey Labatt-Simon for Slack
おそらく聞いていると思いますが、デザイナーにとって一番の恐怖、ブランドのリフレッシュがありました!
View on Dribbble
Slack は、多くのリモートチームがつながりを保つために使用するコミュニケーション ツールです 彼らのマルチカラーのロゴは、メイン インターフェイスの深い紫色の背景に映える明るい色で満たされています。 世界中の人とつながる楽しさ、心地よさ、ワクワク感を表現しています。
Odds On VC
Final mark and primary color palette for Odds On VC
by Jennifer Hood for Hoodzpah
Final mark and primary color palette for Odds On VC PJC Venture はボストンのベンチャー キャピタルで、初期段階の経験を持つ会社である。 学生が運営するベンチャーファンド、Odds On を開始したとき、彼らは私たちにフォームと機能を…
View on Dribbble
学生が運営するベンチャーファンドとして、Odds On VC は遊び心があり鮮やかで、楽観的なカラーパレット(確かに、普通の VC 企業が持つ色調とは異なる)を支持しています。 7039>
StarBank
StarBank Branding Final Touch
by Halo Graphic for Halo Lab
色の解決に成功すると、アプリにパターンが実装されてクールさが増しますね。 相変わらずのStarBank、ただ今はデザイン要素にコーポレートカラーを使用した事例があります。 –✅ チームをフォローする
View on Dribbble
誰が銀行が退屈でなければならないと言いましたか? StarBank の明るい緑と紫のロゴのカラー パレットは、暗い紺色を背景に、印象的でユニークな外観と感触を生み出し、意外性があり、楽しく、実験的でもあります。 これは明らかに、現代的でオープンマインドな読者を対象とした、非伝統的な銀行ブランドです。
Roselab
Roselab – Final Logo
by Roselab for Roselab
長いリブランディング作業の末、Roselabの新しいロゴを発表します。この形状は我々が提供するそれぞれのサービスに関するロゴが結合されて構築されています。 デザイン、開発、そしてコンサルタント。 このロゴは、私たちが提供するデザイン、開発、コンサルティングの各サービスのロゴを組み合わせたものです。 Roselab がロゴのカラーパレットにバラ色のピンクを採用したのは当然のことですが、深いネイビーブルーとうまく対比させています。
Barn Media
Barn Media
by Paul Dunbar
超クールな録音スタジオのブランドのほぼ最終バージョンです。 納屋の中に建っているのは想像がつくかもしれませんね。 7039>
View on Dribbble
このレコーディングスタジオのロゴデザインのコンセプトは、なんと楽しいことでしょうか? オレンジ、ブルー、イエローの落ち着いた色調は、クリエイティブなオーディエンスを惹きつける、想像力豊かで楽しいルック&フィールを実現しています。
もっとロゴカラーパレットのアイデアを探す
最高のロゴカラーを考え出すことは急がないことを覚えておいてください。 最初の挑戦で勝利のカラーパレットを考え出すことは非現実的です。 たとえ長年の経験があったとしても、ほとんどのデザイナーはデザインのカラーパレットを確定するのに何日も、あるいは何週間も費やしています。 色の影響は計り知れないので、デザインのこの部分に時間を費やすことは、最終製品で報われるでしょう。 Dribbbleでカラーパレットのインスピレーションをチェックすることで、さらに多くのブランディングの配色を調べることができます。 また、Dribbbleで専門家のロゴデザイナーに依頼することもできます。
MORE COLOR RESOURCES
- Strong Brand Identity Systemをデザインするために必要な6つのこと
- New Hue, New You – How to Break the “Rules” of Color Psychology
- Color stuck? グラフィックデザイナーが好むカラーパレットを見つけるテクニックを試す
- 15 Designer-Curated Color Palettes to Inspire Your Next Project
Inspiration stories on our blog Courtsideをもっと見てみましょう。 ご意見・ご感想はこちら [email protected] までご連絡ください。