Web Design အတွက် Contrast Foreground နှင့်နောက်ခံအရောင်များအသုံးပြုခြင်း

လုံလောက်သောဆနျ့ကငျြဘနှင့်သင်၏က်ဘ်ဆိုက်ရဲ့ဖတ်နိုင်တဲ့နှင့်အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်ကောင်းမွန်အောင်

contrast ဘယ် website မဆိုရဲ့ဒီဇိုင်း၏အောင်မြင်မှုကိုအတွက်အရေးပါသောအခန်းကဏ္ဍမှပါဝင်သည်။ ကြောင်းကနေ site ရဲ့စာစီစာရိုက် , ဆိုက်တလျှောက်လုံးအသုံးပြုတဲ့ပုံရိပ်တွေရန်, foreground ဒြပ်စင်များနှင့်နောက်ခံအရောင်တွေအကြားဆနျ့ကငျြဘရန် - ရေတွင်းတစ်တွင်းဒီဇိုင်း site ကိုအရည်အသွေးအသုံးပြုသူအတွေ့အကြုံနှင့်ရေရှည် site ကိုအောင်မြင်မှုသေချာစေရန်ဤသူအပေါင်းတို့ဒေသများရှိလုံလောက်သောဆနျ့ကငျြဘရှိရမည်။

အနိမျ့ Contrast တစ်ညံ့ဖျင်းသောစာဖတ်ခြင်းအတွေ့အကြုံညီမျှ

ဆနျ့ကငျြဘအတွက်အရမ်းနိမ့်ဖြစ်ကြောင်း Website များမဆို site ရဲ့အောင်မြင်မှုအပေါ်အပျက်သဘောဆောင်သောအကျိုးသက်ရောက်မှုရှိပါလိမ့်မယ်အရာဖတ်နဲ့သုံးစွဲဖို့ခက်ခဲနိုင်ပါတယ်။ ညံ့ဖျင်းသောအရောင်ဆနျ့ကငျြဘပြဿနာများကိုမကြာခဏသိရှိနိုင်ဖို့လွယ်ကူပါတယ်။ သငျသညျအများအားဖြင့်ကိုယ့်တစ်ဦးကို web browser မှာပြန်ဆိုသောစာမျက်နှာကြည့်ခြင်းအားဖြင့်ဒါလုပျနိုငျနှင့်စာသားဘာဖြစ်လို့လဲဆိုတော့ဆင်းရဲသားကိုအရောင်ရွေးချယ်မှု၏ဖတ်ရှုဖို့ခက်လွန်းလျှင်သင်တို့ကိုတွေ့မြင်နိုင်ပါတယ်။ ဒါဟာအတူတကွကောင်းမွန်စွာအလုပ်မလုပ်ကြပါဘူးပေးသောအရောင်များကိုဆုံးဖြတ်ရန်လွယ်ကူသည်ဖြစ်နိုင်သည်စဉ်တုန်းပဲ, ဒါကြောင့်အမှန်တကယ်အခြားသူများမတူဘဲကောင်းကောင်းအလုပ်မလုပ်သောအရာကိုအရောင်များကိုဆုံးဖြတ်ရန်အလွန်စိန်ခေါ်မှုဖြစ်နိုင်ပါတယ်။ သငျသညျအလုပ်မလုပ်ပါဘူးဘယ်အရာကိုမပြုစေခြင်းငှါ, ဒါပေမယ့်သင်မည်သို့အလုပ်လုပ်သောအရာကိုဆုံးဖြတ်ရန်ကြမည်နည်း ဤဆောင်းပါး၌အဆိုပါပုံရိပ်သင်ကွဲပြားခြားနားသောအရောင်များကိုအမျိုးမျိုးကိုပြသကူညီသင့်တယ်, သူတို့ရှင်းမှနှင့်နောက်ခံအရောင်တွေအဖြစ်နှိုငျးယှဉျဘယ်လောက်။ သင်စီမံကိန်းများတွင်လက်ျာအရောင်ရွေးချယ်မှုအောင်ကူညီပေးပါမည်သည့်အချို့သော "ကောင်းသော" ဒဿနိကဗေဒနှင့်အချို့သော "ဆင်းရဲသားကို" တွဲဖက်မှုတွေ့နိုင်ပါသည်။

Contrast နှင့်စပ်လျဉ်း

သငျသညျကိုသတိပြုပါသင့်ပါတယ်အရာတစ်ခုမှာဆနျ့ကငျြဘယ့်အရောင်နောက်ခံနဲ့နှိုင်းယှဉ်တာဖြစ်ပါတယ်ရုံဘယ်လောက်တောက်ပထက်ပိုဖြစ်ပါတယ်။ ထိုကဲ့သို့သောအနက်ရောင်ပေါ်တွင်အပြာအဖြစ်, ဒါပေမယ့်ငါနေဆဲဆင်းရဲသားဆနျ့ကငျြဘရှိခြင်းကြောင့်တံဆိပ်ကပ် - သင်ဖြစ်သင့်တဲ့အတိုင်းဒီအရောင်တွေအချို့အလွန်တောက်ပဖြစ်ကြောင်းနှင့်နောက်ခံအရောင်ပေါ် vibrantly တက်ပြကြောင်းဖျောပွပုံတွင်ကြည့်ပါ။ ကတောက်တောက်ဖြစ်နိုင်သည်စဉ်အခါ, အရောင်ပေါင်းစပ်နေဆဲဖတ်ရှုဖို့စာသားခက်ခဲစေသည်ကြောင့်ငါသည်ဤအမှုကိုပြု၏။ သင်တစ်ဦးအနက်ရောင်နောက်ခံပေါ်မှာရှိသမျှအပြာရောင်စာသားထဲမှာစာမျက်နှာကိုဖန်တီးရန်ဖြစ်လျှင်, သင့်စာဖတ်သူတွေအလွန်လျင်မြန်စွာ eyestrain ရှိလိမ့်မယ်။ ဆနျ့ကငျြဘယ့်အနက်ရောင်နှင့်အဖြူရောင်မဟုတ်ပါဘူးဘာဖြစ်လို့ဤ (ဟုတ်ကဲ့, ထို Pun ရည်ရွယ်ခဲ့ပါတယ်) ဖြစ်ပါသည်။ အဲဒီမှာဆနျ့ကငျြဘအဘို့စည်းမျဉ်းစည်းကမ်းတွေနဲ့အကောင်းဆုံးအလေ့အကျင့်တွေဟာကားဒီဇိုင်နာအဖြစ်သင်အမြဲသူတို့သည်သင်၏အထူးသဖြင့်ဥပမာအားဖြင့်များတွင်အလုပ်လုပ်သောသေချာအောင်အဲဒီစည်းမျဉ်းစည်းကမ်းတွေကိုအကဲဖြတ်ရပေမည်။

အရောင်များရွေးချယ်ခြင်း

contrast သင့်ရဲ့ website မှာရဲ့ဒီဇိုင်းအဘို့အအရောင်များကိုရွေးချယ်တဲ့အခါထည့်သွင်းစဉ်းစားရန်မယ့်တဦးတည်းအချက်များ၏ဖြစ်တယ်, ဒါပေမဲ့ဒါဟာအရေးပါတဲ့တစ်ခုဖြစ်ပါသည်။ အရောင်များကိုရွေးချယ်တဲ့အခါ, ကုမ္ပဏီများအတွက်အမှတ်တံဆိပ်စံချိန်စံညွှန်းများအောက်မေ့ဖြစ်ပေမယ့်လည်းသူတို့ကအဖွဲ့အစည်းတစ်ခုရဲ့အမှတ်တံဆိပ်လမ်းညွှန်ချက်များနှင့်ကိုက်ညီစေခြင်းငှါအနေဖြင့်အကြောင်း, အရောင်ပန်းကန်တွေဖြေရှင်းဖို့ဆန္ဒရှိဖြစ်, အွန်လိုင်းကောင်းစွာအလုပ်မလုပ်ပါဘူး။ ဥပမာ, အစဉ်မပြတ်ငါကွန်ရက်စာမျက်နှာတွေပေါ်မှာထိထိရောက်ရောက်သုံးစွဲဖို့ဆိုးဆိုးရွားရွားစိန်ခေါ်မှုဖြစ်အဝါရောင်နဲ့တောက်ပတဲ့အစိမ်းရောင်တွေ့ပြီ။ ဤအအရောင်များကိုတစ်ဦးကုမ္ပဏီ၏အမှတ်တံဆိပ်လမ်းညွှန်ချက်များမှာရောက်နေတယ်ဆိုရင်ဒါဟာတစ်ခုခုနှင့်အတူကောင်းစွာနှိုငျးယှဉျကြောင့်အရောင်များကိုတွေ့ရှိရန်ခဲယဉ်းသည်ကတည်းကသူတို့ဖွယ်ရှိ, သာဝဲအရောင်များအဖြစ်အသုံးပြုခံရဖို့လိုအပ်ပါလိမ့်မယ်။

အလားတူပင်သင့်ရဲ့အမှတ်တံဆိပ်အရောင်တွေအနက်ရောင်နှင့်အဖြူရောင်မှန်လျှင်, ဤကွီးစှာဆနျ့ကငျြဘဆိုလိုတယ်, သင်မူကားအဖြူကစာသားနဲ့အနက်ရောင်နောက်ခံကအရမ်းခက်ခဲဖတ်နေစေမယ့်ရှိခြင်း, စာသား၏ရှည်ပမာဏနှင့်အတူ site တစ်ခုရှိပါက။ အနက်ရောင်နှင့်အဖြူရောင်အကြားတောင်မှဆနျ့ကငျြဘသည်ကြီးတစ်ဦးအနက်ရောင်နောက်ခံပေါ်မှာအဖြူရောင်စာသားမရှည်ကျမ်းပိုဒ်အဘို့မျက်စိ strain ကိုဖြစ်ပေါ်စေသည်။ ဤကိစ္စတွင်ခုနှစ်, ငါအဖြူနောက်ခံပေါ်တွင်အနက်ရောင်စာသားကိုသုံးစွဲဖို့အရောင်များပြောင်းပြန်လှန်လိုက်ပါလိမ့်မယ်။ အဲဒီအဖြစ်အမြင်အာရုံစိတ်ဝင်စားမကျမည်အကြောင်း, သင်မူကားထက်ပိုကောင်းတဲ့ဆနျ့ကငျြဘကိုမတှေ့လိမျ့မညျ!

အွန်လိုင်း Tools များ

သင့်ကိုယ်ပိုင်ဒီဇိုင်းသဘောအရအပြင်, သင်သည်သင်၏ site ရဲ့အရောင်ရွေးချယ်မှုစမ်းသပ်ဖို့အသုံးပွုနိုငျသောသူအချို့အွန်လိုင်း tools တွေရှိပါတယ်။

CheckMyColors.com သင့်ရဲ့ site ရဲ့အရောင်အားလုံးစမ်းသပ်ရန်နှင့်စာမျက်နှာပေါ်တွင်ဒြပ်စင်အကြားဆနျ့ကငျြဘအချိုးအစားပေါ်သတင်းပို့ပါလိမ့်မယ်။

အရောင်ရွေးချယ်မှုအကြောင်းကိုစဉ်းစားသည့်အခါထို့အပြင်, သငျသညျမြားကိုလညျးက်ဘ်ဆိုက်အသုံးပြုနိုင်စွမ်းနှင့်အရောင်ကန်း၏ပုံစံများကိုသူကလူကိုစဉ်းစားသင့်ပါတယ်။ WebAIM.org ContrastChecker.com WCAG လမ်းညွှန်ချက်များဆန့်ကျင်သင့်ရဲ့ရွေးချယ်မှုစုံစမ်းမည်သည့်လုပ်နိုင်အဖြစ်, ဒီနှင့်အတူကူညီနိုင်သည်။