چگونه رنگ ها را طوری انتخاب کنیم که مخاطبین را شیفته کنیم و به طور موثر ارتباط برقرار کنیم؟


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


همه آنچه باید راجب به رنگ ها بدانید.....در کمتر از ده دقیقه!


کمی درباره تئوری رنگ ها

بدون داشتن کمی اطلاعات در رابطه با تئوری رنگ ها نمی توان آنها را مورد بحث قرار داد.


با چرخه رنگ آشنا شوید:

چرخه رنگ
چرخه رنگ


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


https://vrgl.ir/iR8ag


مطئمن هستم که میدانید رنگ ها اولیه یا اصلی (قرمز، آبی، زرد) با هم ترکیب می شوند و رنگ های ثانویه (نارنجی، سبز، بنفش) را به وجود می آورند.

یک قدم که جلوتر بروید خواهید دید که رنگ های ثانویه ترکیب می شند و رنگ ها ی ثالثیه یا درجه سوم (زرد نارنجی _ قرمز نارنجی _ قرمز بنفش _ آبی بنفش _ آبی سبز _ زرد سبز) را به وجود می آورند.

چگونه از این رنگ ها برای ایجاد پالت های رنگی تاثیر گذار استفاده کنیم؟

بیاید با مرور پالت های رنگی کلاسیک شروع کنیم:

رنگ های مونوکروموتیک(Monochromatic):monochromaticرنگ منوکورومتیک شامل یک
رنگ واحد یا انواع دیگری از سایه های آن رنگ است.

رنگ های متشابه(analogous) :رنگ های کنار یکدیگر بر روی چرخه رنگ هستند.

رنگ های(split complementary):طرحی از انواع رنگ های مکمل که شامل یک رنگ اصلی و دورنگ ثانیویه ی مجاور مکمل آن رنگ هست.

رنگ ها مکمل(complementary):رنگ های روبه روی هم در چرخه رنگ

رنگ های(triadic):این طرح سه رنگ یکسان (از لحاظ درجه بندی رنگ ها بر روی چرخه رنگ)فراهم می کند.

رنگ های(tetradic):دو جفت از رنگ های ثانویه

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

بهره برداری از قدرت رنگ ها برای ارتباط :

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


رنگ ها سه کاربرد به خصوص داند:

  • ایجاد تضاد یا کنتراست
  • گروه بندی عناصر
  • نمایش کمیت

بیاید نگاهی به هر یک از اینها بیاندازیم:

1- از رنگ های متضاد استفاده کنید تا مهم ترین محتوا را از نظر بصری را برجسته کنید.

برجسته سازی (Salience) فرایندی است که در آن سوژه اصلی از بقیه محتوا متمایز می شود. مثل صدای بلند آیفون در یک اتاق ساکت یا نور چشم یک موجود در یک عصر تاریک. آبجکت های برجسته بلافاصله توجه ما را به دام می اندازند.

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

بیاید یک امتحان کوچک بدیم!

چقدر طول میکشه تا شکل متفاوت را پیدا کنید؟

این چطور؟

و این؟

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

وقتی صحبت از برجسته سازی به میان می آید ،رنگ قدرتمند ترین ابزار به شمار می آید.


چگونه می توانیم از این موضوع در اینفوگرافی های خود استفاده کنیم؟

۲-به ترکیب های سیاه و سفید یک رنگ متفاوت اضافه کنید.

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


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

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


با استفاده استراتژیک از یک رنگ برای ساخت برجسته سازی بصری به طور چشمگیری شانس دیده شدن توسط مخاطبین خود را افزایش دادیم.

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


۳- برای ایجاد تضاد و کنتراست در ترکیب بندی هایmonochromatic از سیاه و سفید استفاده کنید.

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

اما ذاتا آنها دارای کنتراست کمی هستندکه از نظر ارتباط خطرناک هست.

راه حل: از رنگ سفید برای جلب توجه به عناصر مهم و از سیاه برای بهبود خوانایی متن های کوچک استفاده کنید.

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



این نکته اصلی اینفوگرافی را نشان می دهد: عدم تعادل بین عرضه(supply) و تقاضا(demand) برای مهارت های داده در بازاریابی.

مزیت اضافه کردن سیاه و سفید در پالت های مونوکروموتیک: ترکیب بندی را از بین می برد و به چشم از فراوانی یک رنگ استراحت می دهد.

۴- از رنگ های مکمل برای برجسته سازی بخش های بسیار کوچک و مهم اطلاعات استفاده کنید.

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


در این اینفوگرافی نارنجی با تم آبی توجه را به سمت یک آمار کلیدی می برد:



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

در صورت امکان فضای رنگ مکمل را تا حد امکان محدود کنید، این کار از سردرگرم کردن کنتراست تا حد امکان جلوگیری می کند .

کلک دیگری که به شما در اینجا کمک خواهد کرد در نظر گرفتن دمای رنگ هاست. نود درصد مواقع زمانی رنگ های مکمل خوب به نظر می رسند که رنگ سرد برای بک گراند و رنگ گرم برای هایلایت کردن قسمت مهم
استفاده می شود.

این موضوع به این دلیل است که رنگ ها ی گرم ذاتا بیشتر در چشم هستند و توجه مارا جلب می کنند . در صورتی که رنگ های سرد دقیقا برعکس هستند.

بیاید یک مثال بزنیم:


در این الگوی تبلیغات فیس بوک، قرمز کار خود را با ایجاد تضاد با رنگ پایه سبز مکمل انجام می دهد تا کلید «اکنون دانلود کنید!» را برجسته می کند.



وقتی که نقش آنها برعکس می شود بک گراند قرمز با رنگ سبز رقابت می کند و توجه بیشتری را می طلبد:



اگر یک جمع بندی کلی از کل گفت و گو ها در باره برجسته سازی بصری بگوییم:

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


۵- برای ایجاد گره بندی بصری از رنگ های متفاوت استفاده کنید.

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


ترجمه: می توانیم از رنگ ها برای گروه بندی بصری استفاده کنیم.


این طرح که برای نشان دادن استراتژی سازمان طراحی شده است را درنظر بگیرید. این پوستر دارای سه طبقه اطلاعات است ، (بازاریابی،خدمات به مشتری،بهره وری) که از لحاظ بصری یکسان هستند:



می توانیم از رنگ ها برای تقویت دسته بندی استفاده کنیم:



یا با اضافه کردن یک رنگ به هر دسته لایه ی جدیدی از اطلاعات را اضافه می کنیم:



این ترکیب بندی سبب ایجاد قیاس بین تقسیم بندی ها می شد:



از چه رنگ هایی برای ترکیب بندی بصری باید استفاده کنید؟

وقتی که دسته ها از اهمیت یکسانی بر خوردار هستند tetradicو Triadicبرای این کار عالی هستند.

همانطور که در زیر مشاهده می شود، بخش های زرد، قرمز و آبی دارای وزن بصری معادل هستند:



برای زمانی که قسمت ها گروه بندی با هم در ارتباط هستند رنگ ها analogous کار آمد هستند :



در مقابل رنگ های منوکورومتیک برای ایجاد گره بندی بصری اصلا مناسب نیستند زیرا سایه های تیره تر از قسمت های روشن تر برجسته تر هستند.

۶- از رنگ ها ی منوکورومتیک با shadeهای متفاوت برای ایجاد دنباله و یا دلالت بر پیشرف استفاده کنید.


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



رنگ های analogous نیز برای این امر هنگامی که داده های زیادی داریم کارا می باشند:



برای اینکه مطمئن شوید که از رنگ های منوکورومتیک یا متشابه درست استفاده کرده اید یا خیر از Color Brewer استفاده کنید:

https://colorbrewer2.org/#type=sequential&scheme=BuGn&n=3

پیام ها واحساسات رنگ ها

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

همچنین روان شناسی رنگ ها نقش بزگی در بازاریابی، رنگ های برند و رنگ ها یی که شرکت ها برای لوگو انتخاب می کنند، دارد.

وقتی که اثری مانند اینفوگرافی یا نمودار درست می کنید، رنگ هایی که استفاده می کنید می تواند به داستانی که در پشت داده ها است کمک کند. در اینجا نگاهی به احساساتی که رنگ ها در ما به وجود می آورند وجود دارد:

معنی رنگ قرمز:

قدرت، هیجان،عشق،صبر،قدرت،انرژی،خطر

معنی رنگ نارنجی:

بازیگوشی،شادابی،دوستی،خلاقیت،اعتماد به نفس

معنی رنگ زرد:

بازیگوشی،شادابی،دوستی،خلاقیت،اعتماد به نفس

معنی رنگ سبز:

طبیعت،رشد،طراوت،سلامت،ثروت

معنی رنگ آبی:

ثبات،صلاحیت،اعتماد،امنیت

معنی رنگ قهوه ای:

ناهمواری،خاکی،گرما

معنی رنگ سیاه:

قدرت،پیچیدگی،ظرافت،اعتبار،وقت،رزش

معنی رنگ سفید:

سلامتی،پاکی،تمیزی،خلوص




منبع: وب سایت venngage

مترجم : سارا اکرمی