یکی از اولین کارهایی که در طراحی باید انجام داد ، ساخت پالت رنگی است و در بعضی از پروژه ها ممکنه تایم زیادی رو از ما بگیره.من به طور اتفاقی یک ویدیو در یوتیوب دیدم که این کار رو به پنج مرحله تقسیم کرده و فکر میکنم راه حل خوب و سریعی برای ساخت پالت باشه
در کل سه دسته رنگ داریم:
رنگ برند یا سازمانی
رنگ حمایتی
رنگ خنثی
رنگ سازمانی می تواند یک یا دو رنگ باشه و اون رنگ احساس کلی که کاربر در زمان استفاده از محصول دارد را ایجاد میکند.مثلا این رنگ در فسبوک آبی است.
رنگ برند در دکمه ها، لینک ها و نویگیشن ها و آیکون ها استفاده می شود.
رنگ حمایتی در مکان های کلیدی برای جلب توجه یا ارتباط با کاربر استفاده می شود و خیلی کمتر از رنگ برند استفاده می شود و در پیام های خطا و یا دیالوگ های اطلاع رسانی استفاده می شود.
بیشتر محصول ما از رنگ خنثی ساخته می شود مثل رنگ متن ها ، رنگ حاشیه ها و دکمه های ثانویه
برای ساخت رنگ های این سه دسته بندی:
1.نقطه شروع را پیدا می کنیم:
برای این کار از رنگ برند یا سازمانی شروع می کنیم.از کد HSB استفاده می کنیم.
H -hue
1 تا 365 متغیر هست و در چرخه رنگ حرکت می کند
S-saturation
0 تا 100 متغیر است و مقدار اشباع رنگ را نشان می دهد.
B-brightness
0 تا 100 متغیر است و مقدار اضافه شدن سفید و مشکی را مشخص می کند.
با تغییر مقدار B و S می تونیم چند طیف از رنگ برند داشته باشیم
2.مشخص کردن رنگ های حمایتی
رنگ های حمایتی معمولا سبز برای پیام های موفقیت آمیز یا شرایط مثبت ، نارنجی یا زرد برای اخطار،قرمز برای شرایط خطر مثل ارور فرم ها و آبی برای پیام های اطلاع رسانی
مقدار اشباع رنگ های حمایتی باید مشابه با رنگ برند باشد و تفاوتشون بین 5 تا 10 تا باشد.
3.ساخت طیف ها shades
برای ساخت طیف ها ، 9 تا کپی از رنگ اصلی میگیریم و از سمت راست مقدار s را بین 90 تا 100 تغییر میدهیم و مقدار B را کم می کنیم تا 20 و بر عکس از سمت چپ مقدار S را تا نزدیک 10 کم می کنیم و B را تا 100 اضافه می کنیم.
رنگ های تیره تر معمولا برای نوشته ها و رنگ های روشن تر برای بک گراند استفاده می شود.
4.مشخص کردن رنگ های خنثی
یک رنگ خاکستری به عنوان رنگ اصلی خنثی انتخاب می کنیم و طیف تیره و روشن آن را مثل مرحله قبل می سازیم
5.پالتی که ساختید را تست کنیم
با پلاگین starkدر فیگما می توان دسترسی پذیری پالت خود را امتحان کرد.
