color theoryMay 22, 202610 min read

روان‌شناسی رنگ در طراحی: راهنمای میدانی ۲۰۲۶

چطور رنگ اعتماد، فوریت، و درک قیمت را در برندهای ۲۰۲۶ شکل می‌دهد، با تحلیل Tiffany، Liquid Death، Olipop، Atlassian و Duolingo.

By Boone
XLinkedIn
color psychology in design

روان‌شناسی رنگ در طراحی: راهنمای میدانی ۲۰۲۶

رنگ اولین حرفی است که یک برند می‌زند، و اکثر برندها چیزی می‌گویند که قصدش را نداشتند.

قبل از اینکه تیتر لود شود، رنگ قبلاً کار خودش را کرده، انتظارات درباره قیمت، اعتماد و شخصیت را تنظیم می‌کند. طراحانی که رنگ را تزئین می‌بینند، قدرتمندترین ابزار ارتباطی در مجموعه را به شهود واگذار می‌کنند.

رنگ پیش از زبان معنا حمل می‌کند

چشم رنگ را تقریباً در ۱۰۰ میلی‌ثانیه پردازش می‌کند. در خرده‌فروشی فیزیکی، رنگ در اولین ۹۰ ثانیه از معرض قرار گرفتن در برابر محصول بر تصمیمات خرید تأثیر می‌گذارد. این یک حقیقت جالب نیست.

یعنی رنگ یک دست نهایی نیست که بعد از اتمام کار طراحی اصلی اعمال می‌شود. رنگ خودِ کار طراحی است.

سرعت اهمیت دارد چون مکانیسم آن بیولوژیک است. رنگ‌های گرم (قرمز، نارنجی، زرد) بخشی از سیستم عصبی مرتبط با فوریت و اشتها را فعال می‌کنند. رنگ‌های سرد (آبی، سبز، بنفش) آن را سرکوب می‌کنند.

این رفتار اکتسابی نیست. در اکثر زمینه‌های فرهنگی پابرجاست. لایه‌های معنایی معنادار همچنان وجود دارند. با آن لایه‌ها آگاهانه کار کن، نه به اتفاق.

پنج وظیفه‌ای که رنگ در یک برند انجام می‌دهد

رنگ یک چیز نیست که یک کار انجام می‌دهد. یک برند منضبط پنج عملکرد مجزا را به صورت موازی اجرا می‌کند.

وظیفهچه کاری انجام می‌دهدمشکل زمانی پیش می‌آید که
ادراکشکل می‌دهد که کیفیت، دسته‌بندی و شخصیت چطور قبل از خواندن یک کلمه منتقل می‌شوندرنگ با سطح محصول یا دسته‌بندی تضاد دارد
اعتمادثبات و اعتبار را سیگنال می‌دهد، به ویژه در مالی، سلامت و B2Bرنگ‌های رقیب زیاد آشفته به نظر می‌رسند
فوریتاقدام را در CTA‌ها، تبلیغات و پیشنهادات محدود تحریک می‌کندقرمز آنقدر زیاد استفاده می‌شود که دیگر معنایی ندارد
سیگنال قیمتلوکس یا در دسترس بودن را بدون برچسب قیمت منتقل می‌کنداشباع رنگ بالا در یک برند لوکس به عنوان بازار توده‌ای خوانده می‌شود
یادآوریبرند را بدون لوگو قابل تشخیص می‌کندرنگ در تمام نقاط تماس ناسازگار است

اکثر برندها یک یا دو تا از این وظایف را به خوبی انجام می‌دهند. بهترین برندها هر پنج تا را از یک سیستم رنگ مستند واحد اجرا می‌کنند، نه از مجموعه‌ای از کدهای hex پراکنده در فایل‌های Figma.

نمودار voxel: پنج وظیفه موازی رنگ.
نمودار voxel: پنج وظیفه موازی رنگ.

پنج تحلیل در یک نگاه

برندقرارداد دسته‌بندیحرکت رنگوظیفه استراتژیک
Tiffanyبسته‌بندی لوکس عمومیآبی robin's-egg، ثبت شده به عنوان Pantone 1837تملک یک رنگ تا زمانی که بازار نتواند آن را از برند جدا کند
Liquid Deathآبی‌های کمرنگ و یخچال‌هامشکی، نقره‌ای، آیکونوگرافی هوی متالقرارداد رنگ دسته‌بندی را معکوس کن تا خریداری را جذب کنی که دسته‌بندی نادیده می‌گیرد
Olipopقرمز Coke، سبز Sprite، اشباع رنگ قفسهکرم، رنگ‌های خاکی، گرمای رتروبازنشانی دسته‌بندی را قبل از یک کلمه کپی سیگنال کن
Atlassianسرمه‌ای و خاکستری سازمانیآبی گرم‌تر (#0052CC) با محدودیت‌های مکتوباعتماد بدون سردی، با یک سیستم مستند مقیاس‌پذیر
Duolingoآبی‌های edtech و پاستل‌هاPantone 360 C سبز گره خورده به Duo the owlرنگ را به یک شخصیت گره بزن تا هر تصمیم دلیل داشته باشد

هر ردیف در زیر تحلیل کامل دارد. برای مکانیسم‌ها بخوان، نه حقایق جالب.

Tiffany Blue: وقتی یک رنگ تبدیل به برند می‌شود

Tiffany سایه خاص رنگ robin's-egg خود را به عنوان Pantone 1837 ثبت کرد. این عدد سال تأسیس شرکت است. این تصادفی نیست، این ادعایی است که رنگ به همان اندازه که نام، برند است.

اکثر طراحان جنبه انحصاری را می‌گیرند: رنگ قدرتمند است چون نمی‌توانی آن را در هیچ جای دیگری بخری. این درست است، اما درس مفیدتر را از دست می‌دهد.

Tiffany این مالکیت را از طریق ثبات مطلق در ۱۸۹ سال به دست آورد. هر جعبه، هر کیسه، هر قطعه چاپی. رنگ هیچ‌گاه با پالت‌های فصلی یا کمپین‌های ترند-محور رقیق نشد.

مسیر به آن نوع ارزش از یک تصمیم شروع می‌شود: یک رنگ اصلی انتخاب کن و آن را مثل یک علامت تجاری قبل از اینکه قانونی باشد محافظت کن. برندهایی که این کار را می‌کنند مالکیت بصری کسب می‌کنند که هیچ رقیبی نمی‌تواند بخرد. برای جنبه تاکتیکی ببین چطور یک پالت رنگ برند بسازی.

مشکی Liquid Death: براندازی یک دسته‌بندی با معکوس کردن رنگ آن

برندهای آب در یک زبان بصری خاص زندگی می‌کنند: آبی‌های کمرنگ، سفیدهای تمیز، کوه‌ها، یخچال‌ها. تمام دسته‌بندی از طریق روشنی خلوص را سیگنال می‌دهد. Liquid Death (تأسیس شده ۲۰۱۹، ارزش‌گذاری ۱.۴ میلیارد دلار تا ۲۰۲۴) به آن پالت نگاه کرد و مشکی را انتخاب کرد.

این انتخاب تصادفی نبود. محصول همچنان آب است. سیگنال رنگ عمداً برای دسته‌بندی اشتباه است، و این ناهماهنگی خودِ برند است.

مشتریانی را هدف می‌گیرد که از زیبایی‌شناسی بازاریابی سلامت حساسیت دارند و محصول را به چیزی شبیه‌تر به یک آبجوی craft یا یک hard seltzer قرار می‌دهد. نام کمک می‌کند. قوطی tallboy مشکی معامله را می‌بندد.

درس "تیره برو برای جذابیت" نیست. درس این است که قراردادهای رنگ دسته‌بندی یک سیستم سیگنال هستند، و نقض عمدی آنها یک حرکت موضع‌گیری مشروع است وقتی نقض به یک بینش واقعی مخاطب نقشه می‌خورد. Liquid Death مشکی را انتخاب نکرد چون روی یک mood board خوب به نظر می‌رسید. آن را انتخاب کردند چون مخاطبشان هیچ برند آبی نداشت که با آنها صحبت کند.

رترو گرم Olipop: سیگنال دادن که دسته‌بندی تغییر کرده

نوشابه قرمز و آبی است (Coke، Pepsi) یا سبز و نقره‌ای (Sprite، 7-Up). اشباع بالا، کنتراست بالا، برای pop قفسه در مقیاس ساخته شده. Olipop (راه‌اندازی ۲۰۱۸، ارزش‌گذاری ۵۰۰ میلیون دلار تا ۲۰۲۳) همه آن را نادیده گرفت.

صفحه اصلی Olipop در پالت رترو گرم و غیراشباع.
صفحه اصلی Olipop در پالت رترو گرم و غیراشباع.

پالت آنها گرم، غیراشباع و عمداً رترو است. پس‌زمینه‌های کرم، نارنجی‌های خاکی، صورتی‌های ملایم. زبان بصری بیشتر شبیه یک فروشگاه غذای سلامت دهه ۱۹۷۰ است تا یک قفسه نوشیدنی.

این نکته اصلی است. Olipop یک نوشابه پری‌بیوتیک است، محصولی که نه به بخش نوشابه تعلق دارد و نه به بخش مکمل. پالت رترو گرم "این چیز متفاوتی است" را بدون یک کلمه کپی سیگنال می‌دهد.

وقتی یک محصول واقعاً قوانین یک دسته‌بندی را تغییر می‌دهد، زبان بصری باید تغییر را قبل از اینکه مشتری یک کلمه بخواند سیگنال دهد. رنگ این کار را سریع‌تر از هر تیتری انجام می‌دهد.

آبی Atlassian: اعتماد بدون سردی

اکثر نرم‌افزارهای سازمانی به پیش‌فرض سرمه‌ای و خاکستری می‌روند. ایمن، نامرئی، هیچ چیزی برای اعتراض و هیچ چیزی برای یادآوری.

صفحه پایه‌های رنگ سیستم طراحی Atlassian.
صفحه پایه‌های رنگ سیستم طراحی Atlassian.

Atlassian یک آبی متفاوت (#0052CC) اجرا می‌کند، آبی‌ای که گرم‌تر و کمی اشباع‌تر از پالت سازمانی استاندارد است. تمایز در هر صفحه واحد ظریف است. در هزاران نقطه تماس روزانه (حالت‌های بارگذاری، حالت‌های خالی، مودال‌ها، نوارهای ناوبری) انباشته می‌شود و به یک شخصیت تبدیل می‌شود.

Atlassian این استدلال را در سیستم طراحی عمومی‌شان در atlassian.design مستند کرد. آنها استفاده‌شان از رنگ را "جسور بدون بلند بودن" و "قابل دسترس بدون بی‌ملاحظه بودن" توصیف می‌کنند. اینها محدودیت‌های واقعی هستند، نه کپی بازاریابی.

وقتی یک سیستم طراحی رنگ را با چنین محدودیت‌هایی مستند می‌کند، تیم می‌تواند تصمیمات را به صورت یکسان بگیرد بدون اینکه هر موردِ مرزی را به یک کمیته برند برگرداند.

سازمانی نیاز به بژ ندارد. یک محدودیت مستند از یک کد hex به تنهایی مفیدتر است. برای مکانیسم‌های اشباع و دما در سطح سیستم تئوری رنگ زیربنایی را ببین.

سبز Duolingo: مستند کردن دلیل وجود رنگ

رنگ برند Duolingo Pantone 360 C است. چیزی که این برند را ارزشمند برای مطالعه می‌کند این واقعیت است که استدلال در سیستم طراحی عمومی‌شان در design.duolingo.com زندگی می‌کند. سبز به عنوان خوش‌بینانه و پرانرژی مستند شده، به صراحت به Duo the owl گره خورده. رنگ در خدمت یک شخصیت وجود دارد، نه به عنوان یک تصمیم برند انتزاعی.

صفحه اصلی سیستم طراحی Duolingo در سبز Pantone 360 C.
صفحه اصلی سیستم طراحی Duolingo در سبز Pantone 360 C.

این مهم است چون به هر طراح در Duolingo دلیلی می‌دهد تا از رنگ فراتر از "راهنمای برند می‌گوید" محافظت کند. وقتی می‌دانی رنگ نماینده تشویق و شادی یادگیری است، هر تصمیم درباره اینکه کِی از آن استفاده کنی و کِی عقب بکشی بدون تشدید قابل دفاع می‌شود.

خروجی عملی: یک توجیه یک پاراگرافی برای رنگ برند خود بنویس قبل از اینکه آن را نهایی کنی. نه "سبز را انتخاب کردیم چون تازه احساس می‌شود." بنویس چیز خاصی که این برند با این سایه انجام می‌دهد تا یک طراح دو سال دیگر بتواند آن را بدون تشدید دفاع کند.


به یک سیستم رنگ برند نیاز داری که از هر کانالی جان سالم به در ببرد، نه یک mood board دیگر؟ Brainy هویت برند می‌سازد.


چطور این هفته یک رنگ برند انتخاب کنی

این سوالات را به ترتیب کار کن. تا زمانی که به همه شش تا پاسخ ندادی color picker را باز نکن.

صفحه اصلی Atlassian که همان آبی گرم سازمانی را در hero، nav و CTA حمل می‌کند.
صفحه اصلی Atlassian که همان آبی گرم سازمانی را در hero، nav و CTA حمل می‌کند.
#سوالقانون
۱دسته‌بندی‌ات چه رنگی را قبلاً مالک است؟از قرارداد شروع کن. آگاهانه تصمیم بگیر که به آن بپیوندی یا بشکنیش.
۲تنها وظیفه احساسی‌ای که این رنگ باید اول انجام دهد چیست؟از بین این انتخاب کن: اعتماد، فوریت، گرما، لوکس، انرژی، آرامش. یک وظیفه، نه پنج تا.
۳چه کسی خاصاً باید این رنگ را جذب کند؟یک شخص واقعی که می‌شناسی را نام ببر. اگر این رنگ را می‌پوشیدند، احتمالاً درست است.
۴این رنگ در کوچک‌ترین حالت کجا زندگی می‌کند؟Favicon، آیکون اپ، nav موبایل. اگر در ۱۶x۱۶ پابرجا نیست، سیستم را نگه نمی‌دارد.
۵یک محدودیتی که این رنگ هرگز نباید نقض کند چیست؟آن را مانند Atlassian بنویس: "جسور بدون بلند بودن"، "گرم بدون بچگانه بودن".
۶آیا یک رقیب این رنگ را در دسته‌بندی مالک است؟اگر بله، در همان جهت بیشتر برو یا عمود برو. هرگز میانه را انتخاب نکن.

این مجموعه‌ای از محدودیت‌هاست که فضا را تنگ می‌کند تا یک یا دو رنگ به عنوان تنها انتخاب قابل دفاع ظاهر شوند. برای نسبت‌های طرف layout، قانون ۶۰/۳۰/۱۰ را ببین. برای نسبت‌های کنتراستی که واقعاً pass می‌کنند، از یک سیستم token استفاده کن، نه حدس.

سوالات متداول

آیا روان‌شناسی رنگ در همه فرهنگ‌ها کار می‌کند؟

نقشه سیگنال اصلی (گرم یعنی فوریت، سرد یعنی آرامش) به طور گسترده در بازارهای غربی و آسیای شرقی پابرجاست. چند لایه ارزش بررسی قبل از راه‌اندازی را دارند:

  • سفید در بخش‌هایی از آسیای شرقی و جنوبی نشانه عزاداری است.
  • سبز در برخی بازارهای خاورمیانه وزن مذهبی دارد.
  • قرمز در چین به عنوان جشن و در اکثر زمینه‌های غربی به عنوان هشدار خوانده می‌شود.

اگر یک برند جهانی می‌سازی، رنگ اصلی‌ات را در برابر دو یا سه بازار برتر قبل از قفل کردن آن اعتبارسنجی کن.

آیا یک برند کوچک می‌تواند مالک یک رنگ باشد؟

بله. مالکیت درباره ثبات است، نه مقیاس. برندی با ۵۰۰ مشتری که از یک رنگ با ثبات کامل در تمام نقاط تماس استفاده می‌کند، شناخت بیشتری به ازای هر impression کسب می‌کند تا برندی با ۵ میلیون مشتری که شش سایه مختلف اجرا می‌کند.

مقیاس مالکیت را شتاب می‌دهد. آن را ایجاد نمی‌کند.

هر چند وقت یکبار یک برند باید پالت رنگ‌اش را به‌روز کند؟

به ندرت، و هرگز بدون دلیل روشن. برندهایی که بهترین عمر را دارند (نارنجی Hermes، آبی Tiffany، قهوه‌ای UPS) رنگ‌شان را به عنوان زیرساخت می‌بینند، نه زیبایی‌شناسی. رنگ‌های فرعی و پالت‌های فصلی را اگر کار نیاز دارد تازه کن. اصلی را تنها بگذار مگر اینکه موضع برند در بازار اساساً تغییر کرده باشد.

تفاوت بین رنگ برند و رنگ محصول چیست؟

رنگ برند رنگی است که شرکت مالک است. رنگ محصول چگونگی ارتباط رنگ با عملکرد درون محصول است (سبز برای موفقیت، قرمز برای خطا، زرد برای هشدار). این سیستم‌ها را مستقل طراحی کن و سپس آنها را آشتی بده. استفاده از رنگ اصلی برند‌ات به عنوان حالت تعاملی محصول‌ات ابهام ایجاد می‌کند و انعطاف را محدود می‌کند.

چطور یک انتخاب رنگ را به مدیرعاملی که فقط ترجیح دارد دفاع کنم؟

چارچوب شش سوالی را به جلسه بیاور. یک ترجیح بدون چارچوب همیشه به ترجیح مدیرعامل می‌بازد. یک انتخاب رنگ که به همه شش سوال پاسخ می‌دهد و وظیفه احساسی، محدودیت و موضع‌گیری رقابتی را نام می‌برد یک استدلال تجاری است، نه یک استدلال زیبایی‌شناختی. استدلال‌های تجاری می‌برند.

انتخاب رنگ با mood board را متوقف کن

رنگ سریع‌ترین کانال ارتباطی است که یک برند دارد. قبل از زبان، قبل از layout، قبل از اینکه لوگو وضوح پیدا کند کار می‌کند. رفتار با آن به عنوان تزئین مانند رفتار با کپی به عنوان تزئین است.

رنگ‌ات را با شش سوال انتخاب کن. توجیه را در یک جمله بنویس. آن را مثل اینکه قبلاً علامت تجاری شده محافظت کن. ارزش انباشته می‌شود.

Brainy سیستم رنگ برند تو را می‌سازد.

Need a brand color system that survives every channel, not another mood board? Brainy ships brand identity.

Get Started

More from Brainy Papers

Keep reading