تئوری رنگ - مبانی انتخاب رنگ برای یک رابط کاربری - قسمت اول

چکیده:

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

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

مبانی انتخاب رنگ برای یک رابط کاربری
مبانی انتخاب رنگ برای یک رابط کاربری


تئوری رنگ چیست؟

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

محدود کردن تنوع رنگها

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

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

نمونه پالت رنگی ایجاد شده توسط تک رنگ قرمز
نمونه پالت رنگی ایجاد شده توسط تک رنگ قرمز


انتخاب رنگ با استفاده از چرخه رنگ

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

چرخ 12 پره انتخاب رنگ
چرخ 12 پره انتخاب رنگ


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



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

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

مثالی برای پالت تک رنگ
مثالی برای پالت تک رنگ


متشابه: ترکیب رنگی متشابه از چند رنگ مرتبط استفاده می کنند – یک رنگ رنگ غالب است، در حالی که بقیه از آن پشتیبانی می کنند. رنگ های حمایت کننده طرح را غنی تر و به لحاظ بصری جذابتر می کنند.

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


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

نمونه ای از پالت رنگ مکمل.
نمونه ای از پالت رنگ مکمل.