نظریه رنگ یکی از مهمترین عناصر بصری در طراحی تجربه کاربری (UX) است. رنگها قدرت زیادی در تأثیرگذاری بر احساسات دارند و انتخاب یک پالت رنگی مناسب میتواند نرخ تبدیل (conversions) را افزایش داده و به طور کلی رضایت کاربر را بهبود بخشد.
درک مفاهیم تئوری رنگ، مانند چرخه رنگ (color wheel)، فضای رنگ (color space) و چگونگی ایجاد احساسات خاص توسط رنگهای مختلف، اساس طراحی محصول است. نظریه رنگ ترکیبی از علم و هنر است. به یاد داشته باشید که خلق ترکیبهای رنگی جذاب نه تنها به دانش بلکه به شهودی که از تمرین و تجربه به دست میآید، وابسته است.
چرخه رنگی
چرخه رنگ نمایش دایرهای از طیفهای رنگی (Hues) است که روابط میان رنگهای اصلی، ثانویه و ثالث را نشان میدهد. این مفهوم نخستینبار توسط آیزاک نیوتن در کتاب Opticks در سال ۱۷۰۴ معرفی شد.
چرخه رنگ ابزاری ارزشمند برای ساخت طرحهای رنگی (Color Schemes) و پالتهاست. این ابزار کمک میکند رابطه میان رنگها بهتر درک شود و ترکیبهای هماهنگ و متعادل ایجاد گردد.
چرخه رنگ سنتی شامل ۱۲ رنگ است:
- ۳ رنگ اصلی
- ۳ رنگ ثانویه
- ۶ رنگ ثالث
دو نوع چرخه رنگ وجود دارد:
- مدل کاهشی (Subtractive) — مورد استفاده در چاپ
- مدل افزایشی (Additive) — مورد استفاده در نمایشگرهای دیجیتال
در چاپ معمولاً از مدل کاهشی با رنگهای فیروزهای (Cyan)، سرخابی (Magenta) و زرد (Yellow) استفاده میشود.
در محیطهای دیجیتال از مدل افزایشی با رنگهای قرمز (Red)، سبز (Green) و آبی (Blue) استفاده میشود.
رنگهای گرم
رنگهای گرم در نظریه رنگ باعث ایجاد احساساتی مانند انرژی، شور و آرامش میشوند. این طیفها شامل قرمزها، نارنجیها و زردها هستند. تصور کنید غروبی شعلهور یا آتشی که به آرامی میسوزد — اینها نمونههای کلاسیک از رنگهای گرم هستند. مفهوم رنگهای گرم در قرن هجدهم توسط شاعر ایرلندی الیور گلدسمیت (Oliver Goldsmith) وارد دنیای هنر شد.
رنگهای گرم میتوانند بسیار قوی باشند، به ویژه زمانی که در حالت خالص خود استفاده شوند. بهعنوان رنگهای تأکیدی (accent color)، میتوانند به طراحی شور و هیجان ببخشند. اما اگر به مقدار زیاد به کار بروند، ممکن است بیش از حد غالب شوند، مگر اینکه با رنگهای دیگر متعادل شوند. در هر صورت، این رنگها تأثیر چشمگیری بر هر طراحی دارند.
رنگهای سرد
رنگهای سرد از گزینههای محبوب در برندینگ هستند. آبی به عنوان محبوبترین رنگ سرد در سراسر جهان شناخته میشود. سایر رنگهای سرد شامل سبز و بنفش و انواع مختلف آنها هستند. مفهوم رنگهای سرد حتی قبل از رنگهای گرم، توسط مورخ هنر فرانسوی روجر دو پایلز (Roger de Piles) در سال 1708 مطرح شد.
رنگهای سرد معمولاً در طبیعت دیده میشوند — در آب، آسمان و گیاهان. این رنگها احساساتی مانند آرامش، راحتی، وفاداری و اعتماد را به وجود میآورند (دلیل دیگری که باعث محبوبیت آنها در برندینگ است). رنگ آبی همچنین بهطور گسترده با لینکهای متنی (text links) در دیزاین تجربه کاربری مرتبط است.
رنگهای خنثی
ایجاد طراحی زیبا تنها با استفاده از رنگهای گرم و سرد ممکن است دشوار باشد. در اینجا است که رنگهای خنثی (Neutral colors) به کار میآیند. رنگهای خنثی به دلیل ظرافت خود شناخته میشوند و شامل سیاه، سفید، خاکستری و طیفهای تیره تر قهوهای (سایههای رنگ قهوهای) هستند. از نظر فنی، قهوهای یک نسخه ملایم از نارنجی است و به عنوان گرمترین رنگ خنثی در نظر گرفته میشود.
رنگهای خنثی بهطور گسترده برای تایپوگرافی، پسزمینهها و وایرفریمها استفاده میشوند. همچنین میتوانند برای برجستهکردن رنگهای تأکیدی در طراحی به کار روند، اما در صورت استفاده نادرست ممکن است خودشان تحتالشعاع قرار گیرند.
نکته حرفهای! از رنگهای خنثی استفاده کنید تا محصول شما ظاهری شیکتر و حرفهایتر به خود بگیرد.
پالت رنگی
در طراحی دیجیتال، یک پالت رنگ چیزی فراتر از یک مجموعه تصادفی از طیفهای رنگی است — این پالت مجموعهای از رنگها است که با دقت انتخاب شده تا حالات یا احساسات خاصی را برانگیزد.
استفاده از یک پالت رنگی منسجم نه تنها ظاهری یکپارچه به محصول میبخشد، بلکه به آن یک شخصیت متمایز میدهد. این موضوع کمک میکند تا محصولات مختلف تحت یک برند واحد متحد شوند و به کاربران یک نشانه بصری آشنا و قابل تشخیص ارائه دهند.
طراحان همیشه نیاز به خلق یک پالت رنگی جدید ندارند. اگر یک محصول یا خدمات قبلاً موجود باشد، به احتمال زیاد راهنمای برند (Brand Book) از قبل تهیه شده و میتواند به عنوان نقطه شروع برای فرآیند دیزاین مورد استفاده قرار گیرد.
مدل رنگ افزایشی (Additive Color Model)
در دنیای طراحی، مدل رنگ افزایشی رایجترین مدلی است که استفاده میشود، زیرا همان مدلی است که نمایشگرهای دیجیتال به کار میبرند. رنگهای اصلی در این مدل شامل قرمز، سبز و آبی (RGB) هستند.
اصطلاح “افزایشی” به این معنا است که با اضافه کردن رنگها به ترکیب، نتیجه به تدریج روشنتر میشود و در نهایت وقتی تمام رنگها ترکیب میشوند، رنگ سفید به دست میآید. جیمز کلرک ماکسول (James Clerk Maxwell) به عنوان پدر مدل رنگ افزایشی شناخته میشود؛ او به دلیل کارهای تجربی خود در زمینه نور و طیف رنگ مورد توجه قرار گرفت. در سال 1861، او اولین عکس رنگی را در مؤسسه رویال به نمایش گذاشت.
مدل رنگ کاهشی (Subtractive color model)
مدل رنگ کاهشی ترکیبی از رنگدانهها، جوهرها، رنگها یا مواد رنگی است. این مدل “کاهشی” نامیده میشود زیرا با اضافه کردن هر رنگ جدید، نور کمتری از سطح منعکس میشود و ترکیب به تدریج تیرهتر شده و به سمت رنگ سیاه متمایل میشود.
در هنر، مدل رنگ کاهشی بر اساس رنگهای اصلی است که بیشتر ما در کودکی یاد گرفتهایم — قرمز، زرد و آبی. اما در چاپ و طراحی، این مدل بر اساس فیروزهای (cyan)، سرخابی (magenta) و زرد است. با ترکیب این سه رنگ همراه با یک رنگ کلیدی مانند مشکی، میتوان رنگهای بیشتری را با دقت تولید کرد.
رنگهای اصلی (Primary colors)
رنگهای اصلی پایه و ریشه تمام رنگهای دیگر هستند و از ترکیب سایر رنگها به دست نمیآیند.
در مدل کاهشی:
- فیروزهای (Cyan)
- سرخابی (Magenta)
- زرد (Yellow)
در مدل افزایشی:
- قرمز (Red)
- سبز (Green)
- آبی (Blue)
در طراحی، رنگهای اصلی تأثیر بصری و روانشناختی قدرتمندی دارند. اغلب بهصورت رنگ تأکیدی استفاده میشوند تا غالب نشوند. اما برای ایجاد تأثیر قوی میتوان از آنها به شکل برجستهتری بهره برد.
رنگهای ثانویه (Secondary colors)
رنگ های ثانویه از ترکیب دو رنگ اصلی ایجاد میشوند.
در مدل کاهشی:
- قرمز
- آبی
- سبز
در مدل افزایشی:
- فیروزهای (Cyan)
- سرخابی (Magenta)
- زرد (Yellow)
جالب است بدانید که رنگهای اصلی در مدل کاهشی (فیروزهای، سرخابی و زرد) در مدل افزایشی به عنوان رنگهای ثانویه در نظر گرفته میشوند. به همین ترتیب، قرمز، آبی و سبز که رنگهای اصلی در مدل افزایشی هستند، در مدل کاهشی به عنوان رنگهای ثانویه شناخته میشوند. اگرچه این دو مدل رنگ به روشهای مخالف کار میکنند، اما ارتباط نزدیکی با یکدیگر دارند و در نهایت تکمیلکننده یکدیگر هستند.
رنگهای ثالث (Tertiary colors)
رنگهای ثالث زمانی به وجود میآیند که یک رنگ اصلی و یک رنگ ثانویه را به مقدار مساوی ترکیب کنیم. در هر دو مدل رنگ افزایشی و کاهشی، این رنگها شامل طیفهایی مانند آبی آسمانی (azure)، نارنجی و بنفش هستند. این به این دلیل است که رنگهای اصلی و ثانویه در این دو مدل معکوس میشوند، اما همچنان 6 طیف مشترک را شامل میشوند.
ترکیب رنگهای ثالث با رنگهای اصلی یا ثانویه، سطح جدیدی از رنگها به نام رنگهای رباعی (quaternary colors) ایجاد میکند.
هگز سهگانه(HEX triplet)
فرمت آن به صورت #RRGGBB است:
- RR: جزء قرمز (از 00 تا FF)
- GG: جزء سبز (از 00 تا FF)
- BB: جزء آبی (از 00 تا FF)
در زیر چند مثال از کدهای رنگ هگز آمده است:
- سیاه: 000000#
- سفید: FFFFFF#
- قرمز: #FF0000
- سبز: 00FF00#
- آبی: 0000FF#
- زرد: FFFF00#
در برخی موارد، ممکن است یک جفت چهارم از ارقام نیز وجود داشته باشد که نشاندهنده شفافیت یا آلفا رنگ است. همچنین، گاهی ممکن است رنگهای هگز 3 رقمی را ببینید که در آن فقط یک رقم هر مقدار RGB را نمایندگی میکند.
مدل رنگ RGB (RGB color model)
مدل رنگ RGB (که مخفف قرمز، سبز و آبی است) مدلی است که دیزاینرها به طور معمول با آن کار میکنند، زیرا توسط نمایشگرهای الکترونیکی استفاده میشود. این مدل ترکیبی از نورهای قرمز، سبز و آبی است که میتواند بیش از 16 میلیون رنگ (به طور دقیق 16,777,216 رنگ) تولید کند. توجه داشته باشید که RGB یک مدل رنگ وابسته به دستگاه است، به این معنی که دستگاههای مختلف مقادیر RGB را به صورت متفاوت نمایش میدهند.
RGB با استفاده از ترکیبی از 3 مقدار عددی نشان داده میشود که شدت هر رنگ اصلی را مشخص میکند. هر مقدار معمولاً در بازه 0 تا 255 قرار دارد، جایی که 0 نشاندهنده عدم شدت آن رنگ و 255 نشاندهنده حداکثر شدت است. این 3 مقدار معمولاً به صورت فرمت (R, G, B) نوشته میشوند، مانند (255, 0, 0) برای قرمز خالص، (0, 255, 0) برای سبز خالص و (0, 0, 255) برای آبی خالص.
