چگونگی استفاده از رنگ ها در طراحی رابط کاربری

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


در پالت رنگی ای که برای خودتان میسازید (با توچه به اطلاعات در یوزر و خواسته های پروداکت اونر و اطلاعات دیگر) اگر حداکثر ۳ رنگ اولیه داشته باشید مدیریت آن ها آسان تر و بالانس بهتر و ساده تری خواهید داشت وگرنه اگر بیشتر از ۳ رنگ اولیه داشته باشید قطعا موضوع بالانس پیچیده تر خواهد شد .

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

رنگ کیفیت خوب را به طراحی و دیزاین شما اضافه نمیکند بلکه آن را تقویت میکند
پیره بونارد (Pierre Bonnard)

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

از قانون ها استفاده کنید

شما میتوانید برای انتخاب رنگ از قانون هایی که مطرح است استفاده کنید مثل ۶۰%    ۳۰%     ۱۰% که قانون بسیار مناسبی است و به این صورت است که شما ۳ رنگ انتخاب میکنید و یکی از آن ها ۶۰ درصد و یا همان رنگ اصلی یا همان رنگ مسلط است و ۳۰ درصد هم رنگ دوم است و ۱۰ درصد هم یک رنگیست که به آن رنگ لهجه میگویند و نقش کمی در طرح دارد به عکس زیر توجه کنید .

به طبیعت اعتماد کنید

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

دریبل

ما درباره یو آی حرف میزنیم پس برای انتخاب رنگ بهتر است به قسمت رنگ ها در وبسایت دریبل سری بزنید و رنگ مورد نظر را پیدا کنید و کار هایی که دیزاینر ها و طراح های دیگر با آن رنگ انجام داده اند را ببینید و الهام بگیرید .

موزیک ویدیو ها و ویدیو ها (یک ترفند ناب)

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

ابزار ها و وبسایت های معروف

هرچند شما میتوانید از ترفند ها و طبیعت و … استفاده کنید ولی ابزار هایی که به کمک شما می آیند نیز ارزش و نقش خیلی پررنگی در انتخاب پالت رنگی دارند و ابزار هایی مثل : Coolors.co که برای انتخاب رنگ و پالت رنگی های آماده است و بسیار سودمند است برای طراحی و انتخاب رنگ, و یا ابزاری به نام kuler‌که برای انتخاب رنگ است و یکی از محصولات ادوبی هستش و دو نسخه وب و دسکتاپ دارد که میتوانید از نسخه دسکتاپ آن خروجی پالت بگیرید و در فتوشاپ از آن استفاده کنید .

و اما ابزار دیگر به نام palleton وجود دارد که شبیه ابزار kuler است با این تفاوت که شما محدود به ۵ رنگ و تن نیستید و میتوانید بیشتر نیز انتخاب کنید .

منبع:کدفرند