هووورا

اکران رسمی نسخه جدید بیت گرف

۲ روز و ۰۳:۰۵
گرافیک دیزاین

چرا نباید از رنگ مشکی خالص برای متن یا پس‌زمینه استفاده کرد؟

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

بیت هاب
۱۶ اردیبهشت ۱۴۰۳ · 7 دقیقه مطالعه
چرا نباید از رنگ مشکی خالص برای متن یا پس‌زمینه استفاده کرد؟

آیا می‌دانستید که یک متن به رنگ مشکی خالص می‌تواند باعث خستگی چشم شود؟ پژوهشی در این رابطه نشان داده است که «۵۸ درصد از بزرگسالان ایالات متحده» هنگام کار با رایانه، خستگی چشم را تجربه کرده‌اند. طراحان می‌توانند با دقت به تیرگی رنگ مشکی که استفاده می‌کنند، به سهم خود احتمال خستگی چشم ناشی از طرح‌هایشان را کاهش دهند.

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

متن مشکی خالص روی پس‌زمینه سفید

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

یک مثال برای درک این مفهوم، روشن کردن چراغ پرنور در یک اتاق تاریک است. چنین تغییر ناگهانی در شرایط نوری برای چشم‌های ما ناخوشایند است. اما اگر در یک اتاق تاریک، یک چراغ کم نور روشن کنیم، چشم‌های ما به راحتی با این تغییر سازگار می‌شوند زیرا شبکیه‌ی چشم بر اثر افزایش شدید کنتراست، بیش از حد تحریک نمی‌شود.


رنگ مشکی خالص در مقایسه با خاکستری تیره در متن

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

تحقیقاتی نشان داده است که «متن سیاه روی پس‌زمینه سفید سلول‌های گانگلیونی OFF را بیش از حد تحریک می‌کند، در حالی که متن سفید روی پس‌زمینه سیاه سلول‌های گانگلیونی ON را بیش از حد تحریک می‌کند.» این یافته به این معناست که «متن سفید روی صفحه سیاه ممکن است از نزدیک‌بینی جلوگیری کند، در حالی که متن سیاه روی پس‌زمینه سفید ممکن است باعث ایجاد نزدیک‌بینی شود.» این مطالعه به دلیل اثرات قابل توجه قطبیت کنتراست، توصیه می‌کند از خواندن متن سیاه روی پس‌زمینه سفید خودداری شود.

متن سفید روی پس‌زمینه با رنگ مشکی خالص

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


رنگ مشکی خالص در مقایسه با خاکستری تیره در پس زمینه

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

کنتراست بالا برای افزایش تعامل‌پذیری رابط کاربری

رنگ مشکی خالص برای همه کاربران مضر نیست. کاربران کم‌بینا، که دارای اختلال بینایی هستند اما نابینا نیستند،  متن سیاه خالص یا متن سفید روی پس‌زمینه سیاه را بهتر می‌خوانند. هنگام طراحی برای این افراد، ممکن است لازم باشد برای تعامل‌پذیری بیش‌تر از رنگ مشکی استفاده کنید. اما برای کاربران با بینایی طبیعی، برای جلوگیری از خستگی چشم به جای رنگ مشکی خالص از خاکستری تیره استفاده کنید.

کنتراست متعادل برای خوانایی بهتر

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

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

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

۳۶۲ آتیش۰ دیدگاه4526 بازدید
بیت هاب
۳۳۹ مقاله۱۰ دنبال‌کننده

احمد دالوند طراح، مدرس و پشتیبان مجموعه بیت‌گرف با تخصص در طراحی گرافیک، طراحی رابط کاربری (UI)، موشن گرافیک و هنر هوش مصنوعی. تمرکز اصلی من بر خلق راهکارهای بصری خلاقانه، انتقال مؤثر مفاهیم و همراهی هنرجویان در مسیر یادگیری و توسعه مهارت‌های تخصصی است.

گفتگو و سوالات شما

۰

در این قسمت می‌توانید سوال یا نظر خود در مورد مقاله را مطرح کنید.

برای ثبت دیدگاه ابتدا وارد شوید

ورود به حساب

هنوز دیدگاهی ثبت نشده. اولین نفر باشید!

مقالات مرتبط

اگر این را دوست داشتید، ترتیب خواندن بعدی این است

این مقاله‌ها روی «گرافیک دیزاین» هم‌پوشانی دارند، مجموع زمان مطالعه ۱۹ دقیقه

مشاهده همه
  1. برچسب مشترک: گرافیک دیزاین

    آموزش تبدیل عکس به وکتور در ایلاستریتور | Image Trace

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

    محمدسبحان طهوری۸ بهمن۶ دقیقه
  2. برچسب مشترک: گرافیک دیزاین

    آموزش نصب Adobe Firefly روی فتوشاپ کرک شده

    نصب Adobe Firefly روی فتوشاپ یا نصب هوش مصنوعی روی فتوشاپ کرک شده کار بسیار ساده ای است که در ادامه به صورت کامل با آن آشنا می شوید. اما بخش قابل توجه در مورد هوش مصنوعی Generative Fill فتوشاپ چیزی اس

    ارسطو اعتمادی۲۷ خرداد۷ دقیقه
  3. برچسب مشترک: گرافیک دیزاین

    فعال سازی Photoshop CC 2015

    فعال سازی فتوشاپ CC 2015 حتی پس از تمام شدن مدت زمان 30 روز آزمایشی Photoshop CC 2015 Full Crack 32bit + 64bit نحوه کرک کردن ( فعال سازی ): نکته : توجه داشته باشین این روش روی فتوشاپی که پس از 30 روز

    ارسطو اعتمادی۷ بهمن۳ دقیقه
  4. برچسب مشترک: گرافیک دیزاین

    پیدا کردن نوع فونت از روی یک عکس با Match Font فتوشاپ

    پیدا کردن نوع فونت از روی یک عکس با Match Font فتوشاپ در این مطلب از آموزش فتوشاپ ، می خواهیم ترفند پیدا کردن نوع فونت از روی یک عکس با Match Font فتوشاپ را بهتون یاد بدیم! شاید به نظر این پیچیده باشه

    ارسطو اعتمادی۷ آبان۳ دقیقه
۰

دوره به سبد ثبت‌نام اضافه شد

رفتن به سبد