တုံ့ပြန်မှုရှိသော စာစီစာရိုက်အရွယ်အစားနှင့် စကေးများအတွက် 2023 လမ်းညွှန်

 တုံ့ပြန်မှုရှိသော စာစီစာရိုက်အရွယ်အစားနှင့် စကေးများအတွက် 2023 လမ်းညွှန်

John Morrison

တုံ့ပြန်မှုရှိသော စာစီစာရိုက်အရွယ်အစားနှင့် စကေးများဆိုင်ရာ 2023 လမ်းညွှန်

သင်၏ ဝဘ်ဆိုဒ်ဒီဇိုင်း၏ စစ်မှန်သောတုံ့ပြန်မှုမှာ စက်တစ်ခုစီအတွက် အတိုင်းအတာတစ်ခုအထိ အတိုင်းအတာတစ်ခုထက်ပို၍ စာစီစာရိုက်ကို အကောင်းဆုံးဖတ်ရှုနိုင်စေရန် ချိန်ညှိရန်လည်း လိုအပ်ပါသည်။

တုံ့ပြန်မှုရှိသော စာစီစာရိုက်သည် ဝဘ်ဆိုက်များရှိ စာသားအစိတ်အပိုင်းများကိုလည်း အရွယ်အစားနှင့် အတိုင်းအတာကို ပြောင်းလဲစေရန် ချိန်ညှိမည်ဖြစ်သည်။ ၎င်းသည် နည်းပညာဆိုင်ရာအဖြေဖြစ်သော်လည်း၊ စာသားအစိတ်အပိုင်းတစ်ခု၏အရွယ်အစားကိုပြောင်းလဲရုံဖြင့် အမြဲတမ်းမလုံလောက်သောကြောင့် ထပ်တူထပ်မျှအရေးကြီးသည့် ပိုကြီးသောဒီဇိုင်းချဉ်းကပ်မှုတစ်ခုလည်းရှိသေးသည်။

တုံ့ပြန်မှုရှိသော စာစီစာရိုက်အကောင်းဆုံးအလေ့အကျင့်များ၊ လမ်းညွှန်ချက်အနည်းငယ်နှင့် သင့်အား မည်သည့်အရွယ်အစားတွင်မဆို ကောင်းမွန်သောအမျိုးအစားဖန်တီးရန် ကူညီပေးမည့်ကိရိယာအချို့ကို လေ့လာကြည့်ကြပါစို့။

ဒီဇိုင်းအရင်းအမြစ်များကို စူးစမ်းလေ့လာပါ

တုံ့ပြန်မှုရှိသော စာစီစာရိုက် Primer

ခိုင်မာသောတုံ့ပြန်မှုရှိသော စာစီစာရိုက်အစီအစဥ်တစ်ခုသည် သင့်အကြောင်းအရာကို စက်များအနှံ့ ဖတ်နိုင်စေရန် သေချာစေမည်ဖြစ်သည်။ စက်များတွင် အရာအားလုံးကို တင်ဆက်ရာတွင် အထောက်အကူဖြစ်စေမည့် အပြန်အလှန်တုံ့ပြန်မှု၊ အရွယ်အစားနှင့် စကေးများအတွက် စည်းမျဉ်းအစုံကို တီထွင်ထားကြောင်း သေချာစေသည်။

ကောင်းသည်မှာ ဝဘ်ဆိုက်အများစုအတွက်၊ ၎င်းသည် အရွယ်အစား နှစ်ခုအထိသာဖြစ်သည်- desktop နှင့် မိုဘိုင်း။ (အထွေထွေဝဘ်ကြည့်ရှုခြင်းအတွက် တက်ဘလက်အသုံးပြုမှုမှာ လွန်ခဲ့သည့်နှစ်အနည်းငယ်အတွင်း သိသိသာသာ ကျဆင်းသွားခဲ့သည်။)

ကျယ်ပြန့်သောစခရင်ပေါ်တွင် ကြည့်ကောင်းသော ဖောင့်နှင့်စကေးသည် ဒေါင်လိုက်ဆန်သော လက်ကိုင်စကရင်အရွယ်အစားတွင် ကောင်းမွန်စွာမပြနိုင်ပါ။

ယခု ဤနေရာတွင် စိန်ခေါ်မှုဖြစ်သည်။ ကျယ်ပြန့်သောစခရင်ပေါ်တွင် ကြည့်ကောင်းသောဖောင့်နှင့် စကေးတစ်ခုသည် ဒေါင်လိုက်ဆန်သောပုံစံပေါ်တွင် ကောင်းမွန်စွာမပြနိုင်ပါ။လက်ကိုင်စခရင်အရွယ်အစား။ ၎င်းသည် သင့်ဖောင့်ရွေးချယ်မှုများနှင့် ဝဘ်ဆိုက်ကို သင်မည်ကဲ့သို့ စီစဉ်သတ်မှတ်ပေးနိုင်သည်။ (မဟုတ်ပါက၊ သင်သည် desktop နှင့် mobile အကြား စာစီစာရိုက်ပုံစံများကို ပြောင်းရန် လိုအပ်နိုင်သည်၊ ၎င်းကို မအကြံပြုပါ။)

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

ကြည့်ပါ။: 45+ အကောင်းဆုံး Affinity Publisher Templates & ပိုင်ဆိုင်မှု 2023 (အခမဲ့ & ပရီမီယံ)

တုံ့ပြန်မှုရှိသော စာစီစာရိုက်ဒီဇိုင်းထည့်သွင်းစဉ်းစားချက်များတွင်-

  • စာစီစာရိုက်ရွေးချယ်မှု- ပုံစံကောင်းမွန်သောဖောင့်ဖြင့် စတင်ပါ။ သေးငယ်သောစခရင်ပေါ်တွင် ဦးစွာကောင်းစွာဖတ်ပါ။ ထို့နောက် ၎င်းကို ပိုကြီးသောစခရင်ပေါ်တွင် စမ်းသပ်ပါ။
  • ကန့်သတ်အမျိုးအစားရွေးချယ်စရာများ- သေးငယ်သော palette သည် စီမံရန်ပိုမိုလွယ်ကူပြီး load time နှင့်ပတ်သက်လာသောအခါတွင် အလေးချိန်နည်းပါသည်။
  • နောက်ပြန်လှည့်မှုတစ်ခုကို စဉ်းစားကြည့်ပါ- အကယ်၍ သင်အလိုရှိသောဖောင့်ကို ဖွင့်မည်မဟုတ်ပါ (စက်ပစ္စည်းက ၎င်းကိုမကြိုက်တာဖြစ်နိုင်သည် သို့မဟုတ် CDN ဆာဗာ ပျက်နေသည်)၊ အလွန်အသုံးများသော အခြားရွေးချယ်မှုတစ်ခုကို ခွင့်ပြုပါ။ (Arial သည် sans serif အမျိုးအစားမျက်နှာစာများအတွက် ရေပန်းစားသော ရွေးချယ်မှုတစ်ခုဖြစ်သည်။)
  • အကြောင်းအရာအပေါ်အခြေခံ၍ ဒီဇိုင်းအရွယ်အစားနှင့် စကေး- ဖတ်နိုင်သော စာစီစာရိုက်သည် ဖောင့်ရွေးချယ်မှုကဲ့သို့ အခြားအကြောင်းအရာပေါ်တွင် များစွာမူတည်နိုင်ပါသည်။ စာသားအစိတ်အပိုင်းများ၏ အတိုင်းအတာနှင့် အရွယ်အစားများသည် တစ်ချိန်တည်းတွင် စာသားမည်မျှပြန်ဆိုသည်နှင့် မျက်နှာပြင်ပေါ်ရှိ အကြောင်းအရာအမျိုးအစားပေါ်မူတည်၍ ကွဲပြားလေ့ရှိပါသည်။
  • စာကြောင်း-အမြင့်ကို ဂရုစိုက်ပါ- လိုင်းများကြားတွင် နေရာအနည်းငယ်ပို၍ မြှင့်တင်ပေးနိုင်သည်မိုဘိုင်းစက်ပစ္စည်းများတွင် ဖတ်ရှုနိုင်မှု။ နေရာအလွန်များခြင်းနှင့် အလွန်နည်းခြင်းကြားတွင် သိမ်မွေ့သော ချိန်ခွင်လျှာတစ်ခုရှိသည်။ သေးငယ်သောအရွယ်အစားများအတွက် မျဉ်းအမြင့် 150% သို့မဟုတ် 1.5em သည် စတင်ရန်နေရာကောင်းတစ်ခုဖြစ်သည်။
  • ဖောင့်အမျိုးအစား- ဒီဇိုင်နာများသည် ဖောင့်ပုံစံအမျိုးမျိုးများ— serifs ၊ စမ်းသပ်မှု စသည်ဖြင့် — ကဲ့သို့ ပိုမိုသောဖောင့်မျိုးကွဲများကို အသုံးပြုရန်အတွက် အမှန်တကယ်ဖွင့်ခဲ့ကြသည် ယေဘုယျအလေ့အကျင့်။ အသုံးပြုသူများသည် အမှောင်မုဒ်ကို သာ၍ ဦးစားပေးသုံးနိုင်သည့် သေးငယ်သော သို့မဟုတ် ဖန်သားပြင်ပေါ်တွင် သေးငယ်သောအခါတွင် ၎င်းတို့သည် စိန်ခေါ်မှုအချို့ကို တင်ပြနိုင်သည်။ ဤလမ်းကြောင်းအတိုင်းသွားပါက ဖတ်နိုင်သေချာစေရန် စောစောစီးစီး စမ်းသပ်ထားသော အမျိုးအစားရွေးချယ်မှုများ။

တုံ့ပြန်မှုအမျိုးအစား အရွယ်အစားသည် Pixels ကိုကျော်လွန်သွားသည်

ဒီဇိုင်နာအများစုသည် ပကတိကိန်းဂဏန်းယူနစ်များတွင် အလုပ်မလုပ်ဘဲ ရာခိုင်နှုန်းများ သို့မဟုတ် ems နှင့် rems ကို ပိုနှစ်သက်ကြသည်။

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

လူကြိုက်အများဆုံးအရွယ်အစားယူနစ်များပါဝင်သည်-

  • Pixels- မှတ်သားထားသည့် ဒစ်ဂျစ်တယ်ဖောင့်အရွယ်အစားအတွက် ဘုံအမှတ်အသား အကြွင်းမဲ့နံပါတ်
  • အမှတ်များ- အွန်လိုင်းတွင်သာမန်နည်းသော အရွယ်အစားအတွက် ပုံနှိပ်ခြင်းမှ သယ်ယူလာမှု ပိုများသည်
  • Ems- အရွယ်အစား- မိခင်ဖောင့်အရွယ်အစားနှင့် ဆက်စပ်မှု
  • Rems- အရင်းပုံစံပုံစံကို ဆက်ခံသည့် အရွယ်အစား
  • ရာခိုင်နှုန်း- မိဘစတိုင်မှ ရာခိုင်နှုန်းပြောင်းလဲမှုအပေါ် အခြေခံ၍ အရွယ်အစားအရွယ်အစား

ဒီဇိုင်နာအများစုသည် ပကတိကိန်းဂဏန်းယူနစ်များတွင် အလုပ်လုပ်ခြင်းကို ရှောင်ကြဉ်ကြပြီး ရာခိုင်နှုန်းများ သို့မဟုတ် ems နှင့် rems များကို နှစ်သက်ကြသည်။ ဤပုံစံကို အသုံးပြုခြင်းဖြင့် သင်သည် အခြေခံအရွယ်အစား (ကိုယ်ထည်စာသားကဲ့သို့) ဖြင့် စတင်ပြီး အရွယ်အစားကို ချိန်ညှိပါ။

အဲဒါသင်္ချာကိုပိုမိုလွယ်ကူအောင်ပြုလုပ်နိုင်သည် (1rem သည် 10px ခန့်ဖြစ်သည်) နှင့် ပုံသေဖောင့်အရွယ်အစားကိုပြောင်းလဲခြင်းဖြင့် အပြည့်အဝ-စကေးချိန်ညှိမှုကိုခွင့်ပြုသည်။

၎င်းသည် ပုံသေအရွယ်အစားအတွက် မည်သို့မြင်သနည်း။

စာကိုယ်စာသည် ယေဘုယျအားဖြင့် 16px မှ 18px သို့မဟုတ် 1.6rem မှ 1.8 rem (မိုဘိုင်းအတွက် 14px မှ 16px)။ ထို့နောက် သင်နှစ်သက်သော စကေးကို အသုံးပြု၍ အရာအားလုံးကို အတိုင်းအတာတစ်ခုအထိ ချိန်ညှိနိုင်သည်။

သင်၏ကိုယ်ထည်စာသား သို့မဟုတ် ဒက်စ်တော့နှင့် မိုဘိုင်းအတွက် အခြားမူလဖောင့်အရွယ်အစားကို အရွယ်အစားပေးမည်ဆိုပါက၊ အတိုင်းအတာသည် ကျန်အရာများကို ဂရုစိုက်မည်ဖြစ်သည်။

မှန်ကန်သောစကေးကိုရှာဖွေခြင်း

အမျိုးအစားစကေးသည် အောက်ခြေ သို့မဟုတ် ပုံသေဖောင့်တွင် မည်မျှကြီးသည် သို့မဟုတ် ပိုသေးသောဖောင့်များကို အရင်းခံမည်ကို ဆုံးဖြတ်သည်။ ဤနည်းလမ်းကိုအသုံးပြုခြင်းဖြင့် သင်၏အခြေခံအရွယ်အစားသည် သင်နှစ်သက်သောယူနစ်ဖြစ်လျှင် ရာခိုင်နှုန်း သို့မဟုတ် 1em ကို နှစ်သက်ပါက 100% ဖြစ်ပါသည်။

ထို့နောက် စကေးနှင့် CSS ရာထူးများနှင့် သက်ဆိုင်သည့် အတိုင်းအတာကို H1 မှ H6 စသည်ဖြင့် ရွေးပါ။

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

မြင့်မားသော အလင်းအမှောင် အမျိုးအစား စကေးများ

ကြီးမားသော ဖန်သားပြင်များအတွက် ကောင်းမွန်သည်၊ ဤစကေးများသည် အရွယ်အစားများကြားတွင် ကွဲပြားမှုများစွာရှိသည်။ H1 နှင့် body text base သည် အရွယ်အစား ကွာခြားမှုကြောင့် ဒရာမာများစွာ ဖန်တီးပေးလိမ့်မည်။

ဤစကေးများတွင် (နံပါတ်သည် ပြောင်းလဲခြင်းအချိုး) ပါ၀င်သည်-

  • Augmented Fourth၊ 1.414
  • Perfect Fifth၊ 1.500
  • Golden Ratio၊ 1.618

အလယ်အလတ် ခြားနားမှု အမျိုးအစား စကေးများ

ဤသည်မှာ အမျိုးအစားစကေး အများစု ကျရောက်သည့် နေရာဖြစ်ပြီး၊မျက်နှာပြင်အရွယ်အစားအများစုအတွက် ဘေးကင်းသော ဧရိယာ။ စာသားအကြောင်းအရာများစွာပါသော ဒီဇိုင်းများအတွက် ကောင်းမွန်ပါသည်။

ဤစကေးများ ပါဝင်သည်-

  • အသေးစား တတိယ၊ 1.200
  • အဓိက တတိယ၊ 1.250
  • ပြီးပြည့်စုံသော စတုတ္ထ၊ 1.333

ခြားနားမှုနည်းသော အမျိုးအစားစကေးများ

စကေးများ၏ အနိမ့်ဆုံးပြောင်းလဲမှုသည် ခွဲခြားသတ်မှတ်မှုအဖြစ်အသုံးပြုသည့် သေးငယ်သောအမျိုးအစားဒြပ်စင်များအတွက် အကောင်းဆုံးဖြစ်သည်။ ဒက်ရှ်ဘုတ်အခြေခံအက်ပ်များ၊ အီး-ကူးသန်းရောင်းဝယ်ရေးစာရင်းများ သို့မဟုတ် ဂရစ်အခြေခံဒြပ်စင်များပါရှိသော ဤစကေးအမျိုးအစားကို သင်တွေ့နိုင်ပါသည်။

ဤစကေးများတွင်-

  • အသေးစားဒုတိယ၊ 1.067
  • ဒုတိယအချက်၊ 1.125

စာစီစာရိုက်စကေးများဖန်တီးရာတွင် သင်ကိုယ်တိုင်သင်္ချာမလုပ်ချင်ပါက သို့မဟုတ် ပုံစံကွဲများကို အစမ်းကြည့်ရှုလိုပါက အရင်းအမြစ်များနှင့် ကိရိယာအချို့ကို ရရှိနေပြီဖြစ်သည်။ အရွယ်အစားများ။

ကြည့်ပါ။: ရက် 30 အတွင်း ဝဘ်ဒီဇိုင်းလေ့လာရန် အကြံပြုချက် 30
  • Visual Scale Calculator (အထက်တွင်ပြထားသည်)
  • Pure CSS ရှိ တုံ့ပြန်မှုရှိသောဖောင့်များ
  • MDN ဖောင့်-အရွယ်အစားပိုင်ဆိုင်မှု
  • စာစီစာကုံးဂဏန်းတွက်စက်
  • ရိုးရှင်းသောတုံ့ပြန်မှုဖောင့်အရွယ်အစားဂဏန်းတွက်စက်

ပင်ကိုယ်စာစီစာရိုက်ကိုရှေ့ရှုခြင်း

ဝဘ်စာစီစာရိုက်နှင့်ပတ်သက်၍ စဉ်းစားရမည့် နောက်တစ်ချက်မှာ ပင်ကိုယ်အမျိုးအစားဖြစ်သည်။ ယခုနှစ်အစောပိုင်းတွင် CSS-Tricks အတွက် Scott Kellum က ၎င်းကို "ဝဘ်ပေါ်ရှိ စာသားပုံစံပြုလုပ်ခြင်း၏အနာဂတ်" ဟုခေါ်ဆိုခဲ့သည်။

အရိုးရှင်းဆုံး ရှင်းလင်းချက်တွင်၊ ပင်ကိုယ်စာစီစာရိုက်သည် ကွဲပြားသော စာသားပုံစံများကို ဆုံးရှုံးစေသည်။ ဧရိယာနှင့် စာသားအချိုးအစားပေါ်မူတည်၍ စတိုင်များကို သင်သတ်မှတ်ပေးသည်။ ယင်းအတွက် အကြောင်းရင်းများမှာ ပြောင်းလွယ်ပြင်လွယ် တိုးလာစေရန်နှင့် ပိုမိုရိုးရှင်းသော ကုဒ်များကို ရေးသားရန် ဖြစ်သည်။

ရလဒ်မှာ “ကိုယ်တိုင်ချိန်ညှိသည်” ဟူသော စာသားဖြစ်သည်။၎င်းနေထိုင်သည့် ကွန်တိန်နာသို့ မြင်ကွင်းပို့တ်နှင့် မချိတ်ဆက်ပါ။ သင့်တွင် ဒီဇိုင်းတစ်ခုလုံးနှင့် သက်ဆိုင်သည့် စကေးတစ်ခုအတွင်း ကြိုတင်သတ်မှတ်ထားသော အရွယ်အစား လက်တစ်ဆုပ်စာထက် များစွာပိုနိုင်သည်။ ကွဲလွဲမှုသည် အကန့်အသတ်မရှိနီးပါး ဖြစ်လာသည်။

Typetura tool ကိုသုံးပြီး စမ်းကြည့်နိုင်ပါတယ်။

နိဂုံးချုပ်

စာစီစာရိုက်ဒီဇိုင်းသည် မည်သည့်ဝဘ်ပရောဂျက်အတွက်မဆို အရေးကြီးဆုံးအစိတ်အပိုင်းဖြစ်နိုင်ပါသည်။ စာသားကိုမည်သို့ပြန်ဆိုမည်နှင့် အရွယ်အစားတိုင်းတွင်မည်ကဲ့သို့ဖတ်မည်ကိုတွေးခြင်းဖြင့်၊ သင်သည်အားလုံးအတွက်ပိုမိုတန်ဖိုးရှိပြီးအသုံးပြုနိုင်သောဝဘ်အတွေ့အကြုံများကိုဖန်တီးနေသည်။

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

John Morrison

John Morrison သည် ဒီဇိုင်းနယ်ပယ်တွင် နှစ်ပေါင်းများစွာ အတွေ့အကြုံရှိသော ဒီဇိုင်နာတစ်ဦးဖြစ်ပြီး ထူးချွန်သော စာရေးဆရာတစ်ဦးဖြစ်သည်။ အခြားသူများထံမှ အသိပညာနှင့် သင်ယူမှုများကို မျှဝေခြင်းအတွက် စိတ်အားထက်သန်စွာဖြင့် John သည် စီးပွားရေးတွင် ထိပ်တန်း ဒီဇိုင်းဘလော့ဂါများထဲမှ တစ်ဦးအဖြစ် ကျော်ကြားလာခဲ့သည်။ သူသည် နောက်ဆုံးပေါ် ဒီဇိုင်းခေတ်ရေစီးကြောင်းများ၊ နည်းစနစ်များနှင့် ကိရိယာများအကြောင်း သုတေသနပြုခြင်း၊ စမ်းသပ်ခြင်းနှင့် စာရေးခြင်းတို့ကို အချိန်ကုန်စေကာ၊ ဒီဇိုင်းဖော်များအား လှုံ့ဆော်မှုနှင့် အသိပညာပေးရန် ရည်ရွယ်ချက်ဖြင့်၊ ဒီဇိုင်းလောကတွင် မပျောက်ဆုံးသောအခါ John သည် တောင်တက်ခြင်း၊ စာဖတ်ခြင်းနှင့် မိသားစုနှင့်အတူ အချိန်ဖြုန်းခြင်းကို နှစ်သက်သည်။