انتخاب رنگ های مناسب برای رابط کاربری بسیار مهم است. این لحن را تعیین می کند، بر تجربه کاربر تأثیر می گذارد و حتی می تواند بر درک برند تأثیر بگذارد. اما با این همه گزینه رنگی، اصلاً از کجا شروع می کنید؟ این راهنما روند ایجاد یک پالت رنگی رابط کاربری را به مراحل آسان برای دنبال کردن تقسیم می کند:
پیدا کردن پایگاه شما
هر پالت به یک نقطه شروع نیاز دارد. در حالت ایده آل، این رنگ اصلی برند شما است که در دستورالعمل های برند خود خواهید یافت [1]. اگر رنگ برند ندارید، نگران نباشید! شما می توانید رنگی متوسط را انتخاب کنید که به عنوان پایه ای برای سایه های روشن و تیره شما عمل کند [1].
سیستم پشتیبانی خود را بسازید
اینها رنگ هایی هستند که علاقه بصری را افزایش می دهند و پیام های خاصی را به کاربران شما منتقل می کنند.
یک قانون سرانگشتی خوب این است که شامل چهار رنگ پشتیبانی اصلی باشد:
سبز: نشان دهنده موفقیت یا اقدامات مثبت است.
نارنجی یا زرد: برای هشدارها یا اعلان هایی که نیاز به توجه دارند استفاده می شود.
قرمز: سیگنال خطاها یا مسائل مهم.
آبی: اغلب برای پیام ها یا پیوندهای اطلاعاتی استفاده می شود.
سایه مانند یک حرفه ای
پالت شما نباید فقط سه سایه اصلی (روشن، متوسط، تیره) از هر رنگ باشد. توصیه می شود برای هر کدام 9 سایه ایجاد کنید و آنها را در مقیاسی از 100 تا 900 قرار دهید، که سایه میانی رنگ پایه شما است. در اینجا یک ترفند ساده برای انتخاب سایه وجود دارد: خطی را تصور کنید که از گوشه سمت چپ بالای انتخابگر رنگ به گوشه سمت راست پایین می رود و از رنگ پایه شما می گذرد. سایه های خود را در امتداد این قوس برای پیشرفت طبیعی انتخاب کنید.
قدرت خنثی ها
قدرت خنثی ها را فراموش نکنید! یک خاکستری با تن متوسط انتخاب کنید و همان فرآیند سایه‌زنی را که برای گزینه‌های رنگی خود استفاده کردید، دنبال کنید تا طیفی از خاکستری‌ها را تکمیل کنید که پالت شما را تکمیل کند.
تست، تست، 1، 2، 3
هنگامی که خانواده رنگ خود را مشخص کردید، نوبت به تضمین کیفیت رسیده است. تمام سایه های هر رنگ را ردیف کنید و چشمک بزنید. آیا مقادیر (روشنایی یا تاریکی) به تدریج در هر مقیاس تغییر می کنند؟ اگر نه، سایه ها را تا زمانی تنظیم کنید که منسجم به نظر برسند. در نهایت، پالت خود را در طراحی UI خود ادغام کنید و آن را در عمل ببینید. مطمئن شوید که گزینه های رنگی کافی برای کار با آنها دارید، رنگ ها به خوبی هماهنگ هستند و کنتراست کافی بین متن و عناصر پس زمینه وجود دارد.
نکته پاداش: تئوری رنگ برای کنجکاوها
این پست وبلاگ بر روی یک رویکرد عملی متمرکز شده است، اما دنیای کاملی از نظریه رنگ وجود دارد که منتظر بررسی است! درک تئوری رنگ می تواند انتخاب های پالت رنگ شما را به سطح کاملا جدیدی ارتقا دهد. اگر علاقه مند به یادگیری بیشتر در مورد هارمونی رنگ ها، رنگ های مکمل و روانشناسی رنگ هستید، تحقیقات بیشتری را به صورت آنلاین انجام دهید. منابع زیادی برای کمک به شما برای تبدیل شدن به یک استاد رنگ وجود دارد!
