شما زمان طراحی رابط کاربری وب سایتها چقدر به سازگاری رنگ مورد استفاده، با چشم کاربر دقت می‌کنید؟ اگر شما برای پس زمینه صفحات وب، از رنگ‌های روشن و جیغ استفاده کنید، چشم کاربر خیلی سریع واکنش نشان می‌دهد و به سادگی بازدید کنندگان سایت خودتان را از دست می‌دهید!
لازم است که بدانید انتخاب رنگ مناسب برای صفحات وب، یکی از الزامات طراحی یک سایت حرفه ای به حساب می‌آید.
به عنوان مثال، به رنگ‌های قرار گرفته در تصویر بالا توجه کنید. رنگ‌های استفاده شده در ستون سمت چپ، از بالاترین درجه روشنایی برخوردار هستند. این در حالی هست که رنگ‌های سمت تنها دارای 80% روشن روشنایی هستند.
تحمل چشم برای خیره شدن به رنگ‌های ستون سمت راست، بسیار بالاتر از ستون سمت چپ است. به این دلیل که رنگ‌های با روشنایی بالا، برای چشم افراد زننده خواهد بود.
همچنین می‌توانید انواع قالب وردپرس و انواع قالب بوت‌استرپ با رنگ بندی اصولی و استاندارد را در وب روبیک مشاهده و دانلود کنید.
تفاوت‌هایی بین رنگ‌های با روشنایی بالا و رنگ‌های ملایم وجود دارد. رنگ‌های با روشنایی بالا، با اضافه کردن رنگ سفید یا سیاه ایجاد می‌شود، در حالی که رنگ‌های ملایم، با اضافه یا کم کردن رنگ خاکستری ایجاد می‌شوند.
به عنوان مثال شما یک قرمز معمولی را در نظر بگیرید. در تصویر زیر تفاوت میان اضافه کردن رنگ سفید و رنگ خاکستری را به این رنگ مقایسه می‌کنیم.
استفاده از رنگ‌های روشن در دکمه‌ها باعث جلب توجه کاربران سایت می‌شود اما با توجه به اینکه دکمه‌ها سطح زیادی را در بر نمی گیرند، باعث اذیت‌شدن چشم کاربران سایت نمی‌شود. استفاده از این رنگ‌ها در دکمه مثل این است که کاربران روبروی شما هستند و شما در مقابل آن‌ها فریاد می‌زنید و توجه آن‌ها را به خودتان جلب می‌کنید. اما در صورتی که کاربران نیازی به مورد اشاره شده نداشته باشند، خیلی سریع توجهشون را از دست می‌دهند و به مرور ادامه مطالب می‌پردازند.
پیشنهاد می‌دهیم که از رنگ‌های بسیار روشن، فقط در عناصر صفحات وب و تنها در قسمت‌هایی که به کاربر اقدامی رو پیشنهاد می‌دهید، استفاده کنید. این کار باعث می‌شود رنگ دکمه ها به خوبی توجه کاربران را جلب کند و زمانی که کاربر قصد اقدام به آن عمل را داشته باشد، به راحتی آن عناصر را پیدا کند.
توصیه می‌شود برای پس زمینه صفحات وب از رنگ‌های با روشنایی کمتر استفاده کنید. این کار باعث می‌شود چشم بازدید کننده به خوبی با پس زمینه تعامل پیدا کند و خواندن متن‌ها برای کاربر راحت تر باشد.
همچنین نکته قابل توجه این است که با این کار شما به خوبی توجه کاربر را به مطالب قرار گرفته بر روی پس زمینه جلب خواهید کرد و آن‌ها تمایل بیشتری به اقدام به عمل خواسته شده نشان می‌دهند.
بنابراین از این به بعد زمان طراحی رابط کاربری سایت ها، به انتخاب رنگ مناسب و سازگار با چشم کاربران توجه زیادی داشته باشید و در انتها این سوال ها را از خودتان بپرسید. آیا رنگ‌هایی که در رابط کاربری سایتتان مورد استفاده قرار داده‌اید، دارای روشنایی مناسب هستند؟ آیا محتوایی که برروی پس زمینه رنگی قرار گرفتند به خوبی توجه کاربر را به خودشان جلب می کنند و توسط کاربر قابل خواندن هستند؟
از اینکه ما را همراهی می کنید سپاسگذاریم. خوشحال میشم با ثبت نظرتان در انتهای مطلب، ما را در بهبود آموزش‌های بعدی همراهی کنید.
اینستاگرام
لینکدین