شناخت رنگ رخساره برای آگاهی از سرّ درون

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

اصول اولیه‌ی شناخت رنگ‌ها:

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

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

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

رنگ‌های خالص

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

سایه روشن‌ها- مات‌ها

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

سایه‌ها

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

تُناژ ( تو ترجمه و اسمش مشکل دارم- اگه میدونید راهنماییم کنید حتما)

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

حالا موفق شدیم با هم چرخه‌ی رنگ‌ها رو تکمیل کنیم:

رنگ‌های سرد قسمت چپ چرخه هستن و رنگ‌های گرم بخش راست.

خب حالا که تئوری رنگ‌ها رو فهمیدیم میخوایم بررسی کنیم ببینیم این رنگ‌ها توی تولید محتوا و تاثیر روی مخاطب چه جوری به کارمون میان.

از تضاد رنگ‌ها به درستی استفاده کنید

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

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

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

ترکیب رنگ‌ها

با استفاده از چرخه‌ی رنگ و انتخاب رنگ‌ها با تضاد مناسب میتونید بهترین ترکیب رو برای طراحی اینفوگرافیک‌ها و یا دکمه‌های CTA انتخاب کنید. بهتره از ۲ یا ۳ تا رنگ بیشتر استفاده نکنید؛ یه تحقیقی توی دانشگاه تورنتو نشون داده افراد به سادگی علاقه‌ی بیشتری دارن. لازم نیست یک عالمه رنگ بریزید توی صفحه. سعی کنید با دو یا سه رنگ بازی کنید.

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

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

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

برای مثال این تصویر از صفحه‌ی اول وب‌سایت CoSchedule رو نگاه کنید:

تو نگاه اول چه رنگهایی می‌بینید؟

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

استفاده از تقسیم رنگ‌های مکمل

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

استفاده از طیف رنگی هم‌خانواده

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

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

استفاده از فقط یک رنگ خاص اینجوری میشه که میاید سایه روشن و مات و تُناژ اون رنگ رو کنار هم درنظر می‌گیرید تا یه پالت رنگی متشکل از یک رنگ خاص داشته باشید.

رنگ‌های مثلثی، مربعی و مستطیلی

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

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

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

اعتماد: ۳۴ درصد افراد رنگ آبی رو برای این واژه انتخاب کردن، ۲۱ درصد سفید و ۱۱ درصد سبز

امنیت: ۲۸ درصد آبی رو برای این واژه انتخاب کردن، ۱۶ درصد مشکی و ۱۲ درصد سبز

سرعت: ۷۶ درصد رنگ قرمز رو برای این واژه انتخاب کردن

ارزانی: ۲۶ درصد رنگ نارنجی رو برای این واژه انتخاب کردن، ۲۲ درصد زرد و ۱۳ درصد قهوه‌ای

کیفیت بالا: ۴۳ درصد رنگ مشکی رو برای این واژه انتخاب کردن و ۲۰ درصد آبی

اعتبار: ۴۳ درصد رنگ آبی رو برای این واژه انتخاب کردن و ۲۴ درصد مشکی

شجاعت: ۲۹ درصد رنگ بنفش رو برای این واژه انتخاب کردن، ۲۸ درصد قرمز و ۲۲ درصد آبی

ترس: ۴۱ درصد رنگ قرمز رو برای این واژه انتخاب کردن و ۳۸ درصد مشکی

تفریح: ۲۸ درصد رنگ نارنجی رو برای این واژه انتخاب کردن، ۲۶ درصد زرد و ۱۷ درصد بنفش

اینطور که به نظر میاد رنگ آبی محبوب‌ترین رنگ بوده.

یه تحقیق جالب دیگه‌ای درمورد رنگ‌های موردعلاقه‌ی خانم‌ها و آقایان انجام شده که اونم نتایج جالبی داره:

- رنگ آبی رو ۵۷ درصد آقایون و ۳۵ درصد خانم‌ها میپسندن.

- آقایون از رنگ قهوه‌ای بیشتر بدشون میاد درحالی که خانم‌ها از رنگ نارنجی. ( این رنگ‌ها همون رنگ‌هایی هستن که برای کلمه‌ی «ارزانی» گفته شده بود)

- خانم‌ها رنگ‌های کمرنگ و مات رو بیشتر میپسندن درحالی که آقایون رنگ‌های تند و خالص رو.

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

به پایان آمد این ویرگول، حکایت همچنان فلان

این مطلب هم ترجمه بود و مثل همیشه با حذف و اضافات نوشته شد. ترجمه‌ی بعضی لغات رو به علت حرفه‌ای نبودن توی مبحث رنگ، نتونستم خوب بنویسم؛ بنابراین اگر جایگزین خوبی براش دارید بگید حتما.