
Medium
ရွှေရောင်အချိန်အခါတွင် ခရင်မ်ဖြူရောင်သတင်းစာ
စာပေစာဖတ်ခန်းတစ်ခုကဲ့သို့ ဝက်ဘ်သို့ အစားထိုးထားသော အလယ်အလတ်လုပ်ဆောင်ချက်များ- နွေးထွေးပြီး ခရင်မ်ဆန်သောနောက်ခံ (#f7f4ed) သည် SaaS ၏ ပုံမှန်ဖြူဖွေးသောအဖြူရောင်ကို အစားထိုးပြီး ရှည်လျားသောစာသားများကို ပုံနှိပ်စာမျက်နှာကဲ့သို့ ခံစားရစေသည်။ အမြင်အာရုံစနစ်သည် ပြင်းထန်သော monochrome ဖြစ်သည် - UI မျက်နှာပြင်အားလုံးနီးပါး၊ စာသားနှင့် ဘောင်များသည် #242424 မှ #6b6b6b အထိ နွေးထွေးသောမီးခိုးရောင်များ ကျဉ်းမြောင်းသော band တွင်ရှိသည် - ထို့ကြောင့် စာဖတ်သူ၏အာရုံသည် အကြောင်းအရာပေါ်တွင် အပြည့်အဝအာရုံစိုက်သည်။ တစ်ခုတည်းသော ထူးခြားသောအမူအရာမှာ serif ခေါင်းစဉ် (GT Super၊ 120px၊ အလေးချိန် 400၊ စာလုံးအကွာအဝေး -0.055em) ဖြစ်ပြီး၊ ခေတ်ရေစီးကြောင်းဆန့်ကျင်ရေးရွေးချယ်မှုတစ်ခုဖြစ်သည်- ပြသရန်အတွက် အရွယ်အစားပြောင်းလဲထားသော စာအုပ် serif ဖောင့်၊ ရဲရင့်သော geometric sans-serif ထက် အနည်းငယ်သာသိသာသည်၊ ၎င်းသည် "ကျွန်ုပ်တို့သည် စာအုပ်များကိုထုတ်ဝေသည်၊ software မဟုတ်ပါ" ကို ညွှန်ပြသည်။ ခလုတ်များသည် အနက်ရောင်နီးပါးရှိသော "ဆေးပြားများ" ဖြစ်သည် - စာမျက်နှာပေါ်ရှိ တစ်ခုတည်းသော အစိုင်အခဲမင်။
ပင်မစာမျက်နှာတွင် ကော်လံနှစ်ခုပါရှိသည်- ဘယ်ဘက်ခြမ်းသည် စာမျက်နှာ၏နေရာ၏ ၅၅% ခန့်ကိုယူထားပြီး ခေါင်းစဉ်၊ စာသားအောက်ခံနှင့် လုပ်ဆောင်ချက်တောင်းဆိုချက်များကို အတွင်းပိုင်းအကွာအဝေးကျယ်ကျယ်ဖြင့် ဒေါင်လိုက်စီစဉ်ထားသည်။ ညာဘက်ခြမ်းသည် စာမျက်နှာ၏နေရာ၏ ၄၅% ခန့်ကိုယူထားပြီး ရုပ်ပုံအကန့်တစ်ခုပါရှိသည်။ ဘယ်ဘက်ကော်လံကို ဘယ်ဘက်တွင်ညှိထားသည် (အလယ်တွင်မရှိ)၊ စာမျက်နှာကို စာဖတ်ဝင်ရိုးနှင့် ချိတ်ဆက်ထားသည်။ ပင်မစာမျက်နှာအောက်တွင် စာမျက်နှာသည် အောက်ခြေတွင် အလယ်တွင်လင့်ခ်များပါရှိသော အကျယ်အပြည့်၊ ခရင်မ်ရောင်အစင်းတစ်ခုတည်းဖြစ်သည်။ ပင်မစာမျက်နှာတွင် ကတ်ဇယားကွက်များ၊ အင်္ဂါရပ်ကဏ္ဍများ သို့မဟုတ် အစင်းများ အပြန်အလှန်မပါဝင်ပါ - ပင်မစာမျက်နှာသည် စာမျက်နှာတစ်ခုဖြစ်သည်။ အကြောင်းအရာသိပ်သည်းဆသည် ရည်ရွယ်ချက်ရှိရှိနိမ့်သည်- ခေါင်းစဉ်တစ်ခု၊ စာကြောင်းတစ်ကြောင်း၊ ခလုတ်တစ်ခု၊ ပုံတစ်ပုံ။ စာမျက်နှာသည် ဒိုင်ခွက်မဟုတ်ဘဲ မျက်နှာဖုံးတစ်ခုဖြစ်သည်။
ပုံများသည် အယ်ဒီတာ့အာဘော်နှင့် ဇာတ်လမ်းအလိုက်သာဖြစ်ပြီး စနစ်တကျမဟုတ်ပါ။ အဓိကစာမျက်နှာတွင် လက်ဖြင့်ရေးဆွဲထားသော ပုံတစ်ခုတည်း (အစိမ်းရောင်ပန်းပွင့်၊ ဂျီဩမေတြီလက်၊ ကြယ်စုတန်းမျဉ်းများ) ကို ပေါ့ပေါ့ပါးပါးနှင့် အနည်းငယ်ရိုးရှင်းသောပုံစံဖြင့် ဖော်ပြထားသည်။ ပုံများသည် အမြဲတမ်းစာကြည့်တိုက်မှမဟုတ်ဘဲ ရာသီအလိုက်ပြောင်းလဲသော မှာယူမှုဖြင့် ရေးဆွဲထားသော လက်ရာများကဲ့သို့ ထင်ရသည်။ အဓိကစာမျက်နှာတွင် ဓာတ်ပုံများ မရှိပါ။ အဓိကစာမျက်နှာတွင် အိုင်ကွန်များ မရှိပါ။ အလုပ်အားလုံးကို စာသားလိုဂိုနှင့် စာသားဖြင့် ပြုလုပ်ထားသည်။ မြင်သာသောဘာသာစကားသည် အဓိကအားဖြင့် စာသားကို အခြေခံထားပြီး ပုံများကို ပုဒ်ဖြတ်ပုဒ်ရပ်များအဖြစ် အသုံးပြုသည်။
ရောင်စုံ
ကြားနေ
- Newsprint Cream
#f7f4ed— စာမျက်နှာကင်းဗတ်စ်၊ အဓိကဝင်းဒိုးနောက်ခံနှင့် အပိုင်းနောက်ခံတို့သည် နွေးထွေးပြီး အနည်းငယ်ခရင်မ်ရောင်ဖြစ်ပြီး ဒစ်ဂျစ်တယ်မျက်နှာပြင်ထက် ပုံနှိပ်ထားသော မျက်နှာပြင်၏ ခံစားချက်ကို ဖန်တီးပေးသည်။ - Paper White
#ffffff— ကတ်မျက်နှာပြင်များ၊ မြှင့်တင်ထားသော အကန့်များ၊ ဖောင်ထည့်သွင်းရန် အကွက်များနှင့် ခရင်မ်ပတ္တူမှ ခွဲထုတ်ရန်လိုအပ်သည့် မည်သည့်မျက်နှာပြင်မဆို။ - Ink
#242424— ကိုယ်ထည်စာသား၊ ကိုယ်ထည်စာသား၊ လင့်ခ်များ၊ ခေါင်းစဉ်များ - စစ်မှန်သောအနက်ရောင်ထက် အနည်းငယ်ပိုနွေးပြီး ခရင်မ်နောက်ခံတွင် ကြည့်ကောင်းသည်။ - Body Gray
#333333— ဒုတိယစာသားအရောင်နှင့် မူရင်း foreground အရောင်ကို contrast မဆုံးရှုံးဘဲ မင်အရောင်ထက် အနည်းငယ်ဖျော့သောအရောင် လိုအပ်သည့်အခါ အသုံးပြုသည်။ - Button Black
#191919— ဒုတိယ UI အစိတ်အပိုင်းများ၊ ပိုင်းခြားကိရိယာများနှင့် အသံတိတ်အညွှန်းများအတွက် ကြားနေအရောင်ကို ပံ့ပိုးပေးပါသည်။ ၎င်းကို လုပ်ဆောင်ချက်တောင်းဆိုမှုများအတွက် အဓိကအရောင်အဖြစ် အသုံးမပြုသင့်ပါ။ - Marginalia Gray
#6b6b6b— ဒုတိယ UI၊ ပိုင်းခြားကိရိယာများနှင့် အသံတိတ်တံဆိပ်များအတွက် ကြားနေအရောင်ပံ့ပိုးမှု။
စာလုံးပုံစံ
၁၃ မှ ၁၂၀ px အထိ · အဆင့် ၅ ဆင့်
- medium-content-sans-serif-font — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · medium-content-sans-serif ဖောင့် - ထုတ်ယူထားသောဒေတာတွင်တွေ့ရှိရသော်လည်း AI မှမဖော်ပြထားပါ။
- GT Super — အစားထိုးခြင်း: Playfair Display · မျဉ်းကြောင်းများ 400 · ခေါင်းစဉ်များနှင့် ကိုယ်ထည်စာသားများသည် စာလုံးအကွာအဝေးကျဉ်းမြောင်းပြီး စာကြောင်းအကွာအဝေး ၀.၈၃ ရှိသော အကူးအပြောင်းစာအုပ် serif ဖောင့်တစ်ခုဖြစ်သည်။ 120px တွင် အလေးချိန် ၄၀၀ (bold မဟုတ်ပါ) ရွေးချယ်မှုသည် ထူးခြားသောအင်္ဂါရပ်တစ်ခုဖြစ်သည်- အလေးချိန်မဟုတ်ဘဲ စာလုံးပုံစံများက အလုပ်ကိုလုပ်ဆောင်သည်။ အနုတ်စာလုံးအကွာအဝေးသည် အမြင်အာရုံကွာဟချက်များကို ကျဉ်းမြောင်းစေပြီး "လူသားဇာတ်လမ်းများနှင့် အတွေးအခေါ်များ" ကို စုစည်းထားသော စာလုံးပုံစံတုံးတစ်ခုကဲ့သို့ ခံစားရစေသည်။
- Söhne — အစားထိုးခြင်း: Inter · မျဉ်းကြောင်းများ 400 · UI sans-serif ဖောင့်ကို လမ်းညွှန်၊ ခလုတ်များ၊ ခေါင်းစဉ်ခွဲများနှင့် ခေါင်းစဉ်ငယ်များအတွက် အသုံးပြုသည်။ 13–14px အပိုင်းအခြားသည် လမ်းညွှန်တံဆိပ်များနှင့် ခလုတ်များအတွက်ဖြစ်ပြီး 20–22px သည် ခေါင်းစဉ်အတွင်းရှိ ခေါင်းစဉ်ခွဲများနှင့် ဒုတိယစာသားအတွက်ဖြစ်သည်။ လူသားဆန်သော အချိုးအစားရှိသော သန့်ရှင်းသော sans-serif သည် အရွယ်အစားသေးငယ်သောအခါတွင် ဖတ်ရလွယ်ကူပြီး အရွယ်အစားကြီးသောအခါတွင် မမြင်သာပါ။
ကြားကာလများနှင့်ပုံစံ
| ရည်ရွယ်ချက် | အဓိပ္ပာယ် |
|---|---|
| သိပ်သည်းဆ | ပျမ်းမျှ |
| အခြေခံအဆင့် | 16-24px |
| ခလုတ်အချင်းဝက် | 9999px |
| ကတ်အချင်းဝက် | 0px |
| အရိပ်များ | အရိပ်များအစား ဘောင်မရှိပါ |
| အပိုင်းများအကြား | 64px |
| စာမျက်နှာအကျယ် | 1200px |
AI က သင့်ဝက်ဘ်ဆိုက်ကို Medium ပုံစံနဲ့ တည်ဆောက်ပြီး ဖြည့်စွက်ပေးပါလိမ့်မယ်
- Instagram ၊ TikTok ၊ Facebook လင့်ခ်မှတစ်ဆင့် ထုတ်ကုန်များနှင့် ပို့စ်များကို ဖြည့်ပါ။
- သင့်ဆိုက်ဟောင်းမှ အကြောင်းအရာကို လွှဲပြောင်းပါ—လိပ်စာကို သတ်မှတ်ပါ။
- အကောင်းဆုံးအင်ဂျင်ပေါ်တွင် ခေတ်မီဒီဇိုင်း- server rendering နှင့် SEO optimization ပါဝင်သော React ( Next.js)။
- ရှာဖွေမှုရလဒ်များနှင့် neural network အကြံပြုချက်များအတွက် အပြည့်အဝ အလိုအလျောက် SEO အကောင်းဆုံးဖြစ်အောင်ပြုလုပ်ခြင်း။
အလားတူပုံစံများ
- Steep — ပူနွေးသောစက္ကူပေါ်ရှိ Serif ဖောင့်များကို ခွဲခြမ်းစိတ်ဖြာခြင်း
- Newformcap — အဝတ်လဲခန်းထဲက အယ်ဒီတာ့အာဘော်သတင်းစာ
- Claude — နွေးထွေးသော သားရေစက္ကူပေါ်တွင် ရိုက်နှိပ်ထားသော ရှေးဟောင်းပစ္စည်းတစ်ခု—အရိုးစက္ကူပေါ်တွင် မင်၊ တစ်ခုတည်းသော အရောင်အသက်ရှူအဖြစ် ရွှံ့စေး
- 11x– Digital workers — ရုပ်ရှင်အယ်ဒီတာ့အာဘော် စွန့်ပစ်ရာနေရာ—ဇိမ်ခံမဂ္ဂဇင်းတစ်စောင်ကဲ့သို့ ဖတ်ရှုနိုင်သော ဧရာမ serif ခေါင်းစဉ်များနှင့် ပေါင်းစပ်ထားသော ရှုခင်း၏ မြင်ကွင်းကျယ်ဓာတ်ပုံများ
- Revolut — တိမ်တိုက်များ၏ ဓာတ်ပုံ—အဖြူရောင်မင်၊ ဆေးဘူးခလုတ်များ၊ မီးခိုးရောင်ကမ္ဘာရှိ အပြာရောင်အစင်းတစ်ခုတည်း—ကို အခြေခံထားသည့် monochrome အယ်ဒီတာ့အာဘော်လက်ရာ။
- Scheduling — ခရင်မ်စက္ကူပေါ်တွင် အယ်ဒီတာ့အာဘော်မင်
- Titan — နွေးထွေးသောအရောင်ရှိသော monochrome မော်ကွန်းတိုက်
- Programa — နေ့လည်ခင်းတွင် ဆွစ်ဇာလန်ဒီဇိုင်းစတူဒီယိုတစ်ခု။ အဖြူရောင်ပြခန်းနံရံကို အဝါရောင်စားပွဲတင်မီးအိမ်တစ်လုံးဖြင့် ထွန်းလင်းထားသည် - ခလုတ်၊ အိုင်ကွန် သို့မဟုတ် အသားပေးဖော်ပြချက်တစ်ခုမှ မျက်စိကို ဆွဲဆောင်သည်အထိ အရာအားလုံးသည် မီးခိုးရောင်အရိပ်များဖြစ်ပြီး ထို့နောက် အဝါရောင်အသားပေးဖော်ပြချက်တစ်ခုတည်းသည် အခန်းတစ်ခုလုံးကို ပုံဖော်ပေးသည်။
- Sana Agents — အယ်ဒီတာ့အာဘော်တွင် အဖြူရောင်နောက်ခံပေါ်တွင် ထုံးကျောက်တောက်ပနေသည်
- Visual — နွေးထွေးသော အယ်ဒီတာ့အာဘော် samizdat။ ခရင်မ်စက္ကူ၊ serif ပိုစတာများ၊ monochrome marginalia၊ အဝါရောင်မာကာတစ်ခု။
- Midday — vellum အကြောင်း အယ်ဒီတာ့အာဘော် လက်ကမ်းစာစောင် - နွေးထွေးသော ကျောက်နောက်ခံပေါ်တွင် 72px serif ခေါင်းစဉ်၊ sans-serif ကိုယ်ထည်မိတ္တူတွင် နေရာလွတ်၊ ဆေးပြားပုံသဏ္ဍာန် ထိန်းချုပ်မှုများ၊ အရိပ်များ မပါဝင်ပါ။
- Chat for impact — ပါစတယ်အရောင်အခန်းများပါရှိသော သစ်တောစိမ်းလန်းသော ဆေးခန်း