هویت بصری

پالت رنگ سازمانی؛ راهنمای انتخاب رنگ برند

انتخاب رنگ از یک پالت رنگی برای هویت بصری برند

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

تفاوت رنگ اصلی با پالت رنگ سازمانی چیست؟

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

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

ساختار یک پالت رنگ سازمانی

یک پیشنهاد رایج در طراحی، انتخاب ۲ تا ۵ رنگ در پالت، در کنار رنگ‌های خنثی است. تعداد رنگ‌ها به کاربردشان بستگی دارد؛ اگر برای همه اقلام مورد نیاز رنگ کافی دارید، اضافه کردن رنگ تازه ضرورتی ندارد. با رنگ‌های کمتر، هماهنگ نگه داشتن طرح‌های مختلف هم آسان‌تر است.

نقش رنگکاربردتعداد پیشنهادی
اصلیرنگ شاخص برند، برای نمونه در لوگو یا بخش‌های اصلی طرح۱ یا ۲ رنگ
ثانویهرنگ‌های همراه رنگ اصلی برای سطح‌های دیگر طرح یا نمودارهابسته به کاربرد
تاکیدیمشخص کردن دکمه یا بخشی که باید به چشم بیایدیک رنگ
خنثیسفید، سیاه و خاکستری برای متن و پس‌زمینهبسته به کاربرد

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

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

چطور رنگ سازمانی را انتخاب کنیم؟

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

  1. مخاطب، جایگاه برند و محل استفاده: بنویسید مخاطب شما چه کسی است، کسب‌وکارتان قرار است با چه ویژگی‌هایی شناخته شود و رنگ‌ها کجا استفاده می‌شوند. مثلاً برای کلینیکی که مخاطبش اطلاعات خدمات را در سایت می‌خواند، انتخاب رنگ متن و پس‌زمینه باید هم‌زمان با رنگ لوگو انجام شود.
  2. رنگ‌های کسب‌وکارهای همان حوزه: رنگ‌های پرتکرار و نحوه استفاده از آن‌ها را در لوگو، بسته‌بندی یا سایت یادداشت کنید. این مقایسه نشان می‌دهد پالت پیشنهادی کنار نمونه‌های همان حوزه چگونه دیده می‌شود. اگر رقبا هم از همان رنگ استفاده می‌کنند، ترکیب رنگ‌ها و نحوه استفاده از آن‌ها را مقایسه کنید.
  3. رنگ اصلی و ارتباط آن با لوگو: اگر لوگو دارید، رنگ آن را کنار رنگ‌های پیشنهادی قرار دهید و ببینید کدام ترکیب برای متن، زمینه و دکمه‌ها قابل استفاده است. اگر هنوز لوگو ندارید، انتخاب پالت و طراحی لوگو را با هم پیش ببرید.
  4. رنگ‌های همراه با نقش مشخص: برای متن و پس‌زمینه رنگ خنثی و برای دکمه یا بخش برجسته رنگ تاکیدی در نظر بگیرید. هر ترکیب را با متن واقعی امتحان کنید؛ نسبت کنتراست مشخص می‌کند متن روی آن پس‌زمینه خواناست یا نه.
  5. آزمایش پالت روی اقلام واقعی: لوگو را روی زمینه روشن و تیره ببینید و ترکیب‌ها را روی کارت ویزیت، پست شبکه اجتماعی، دکمه سایت و تابلو امتحان کنید. اگر نوشته‌ای خوانا نیست یا نشانه روی پس‌زمینه خوب دیده نمی‌شود، ترکیب را تغییر دهید یا کاربرد آن رنگ را محدود کنید.

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

معنی رنگ‌ها در برندینگ

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

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

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

کد رنگ برای وب و چاپ

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

CMYK برای چاپ چهاررنگ است و پنتون یا PMS سیستم تطبیق رنگ‌های اختصاصی چاپ است؛ در چاپ با رنگ اختصاصی، از جوهر جداگانه برای رنگ انتخاب‌شده استفاده می‌شود. کد CMYK و کد پنتون را نمی‌شود به جای هم به چاپخانه داد. لازم است با مجری چاپ مشخص کنید کدام شیوه برای کار شما استفاده می‌شود و کد مربوط به همان شیوه را در پالت بنویسید.

یک رنگ روی نمایشگر و کاغذ می‌تواند متفاوت دیده شود و نوع کاغذ هم بر ظاهر چاپ اثر دارد. برای همین، پیش از چاپ اصلی، نمونه را روی کاغذ مورد نظر ببینید. اگر پالت روی سایت، کارت ویزیت و تابلو استفاده می‌شود، ظاهر رنگ را در هرکدام جداگانه بررسی کنید.

کنتراست و خوانایی رنگ‌ها

کنتراست متن، تفاوت روشنایی آن با پس‌زمینه است. طبق معیار کنتراست متن در WCAG 2.2 سازمان W3C، حداقل نسبت کنتراست برای متن معمولی در وب ۴٫۵ به ۱ و برای متن بزرگ ۳ به ۱ است. در این معیار، متن بزرگ دست‌کم ۱۸ پوینت یا ۱۴ پوینت با حروف ضخیم است. متن داخل لوگو از این الزام مستثناست.

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

اشتباه‌های رایج در انتخاب پالت رنگ سازمانی

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

پالت رنگ در طراحی هویت بصری دریزه

ما پالت رنگی را به صورت خدمت جداگانه ارائه نمی‌کنیم. تدوین پالت رنگی در همه پلن‌های طراحی هویت بصری از ۲۵ میلیون تومان و در پلن‌های بیزنس و برند طراحی لوگو از ۱۵ میلیون تومان انجام می‌شود. پلن برند طراحی لوگو مینی برند بوک شامل پالت رنگ را هم دارد.

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

برند چند رنگ سازمانی داشته باشد؟

بستگی دارد به تعداد کاربردهایی که پالت باید پوشش دهد، مثل لوگو، متن، پس‌زمینه و دکمه سایت. می‌توانید از رنگ اصلی و رنگ‌های خنثی شروع کنید و اگر برای بخشی مثل دکمه یا نمودار رنگ کافی ندارید، رنگ همراه اضافه کنید.

می‌توان رنگ سازمانی را بعداً عوض کرد؟

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

رنگ لوگو باید همان رنگ سازمانی باشد؟

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

چرا رنگ چاپ‌شده با رنگ نمایشگر فرق دارد؟

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