Website တစ်ခု၊ Poster တစ်ခု၊ Logo တစ်ခု၊ Social Media Design တစ်ခု၊ Presentation တစ်ခုမှာ လူတွေ ပထမဆုံးသတိထားမိတဲ့အရာတွေထဲမှာ Font က အရေးကြီးပါတယ်။

Font က စာဖတ်ရလွယ်မလွယ်ကို သက်ရောက်စေတယ်။ Brand ရဲ့ Personality ကို ပြောင်းလဲစေတယ်။ Design တစ်ခုကို Premium ဖြစ်စေနိုင်သလို Casual, Friendly, Serious, Modern ဖြစ်စေနိုင်ပါတယ်။

ဥပမာ တူညီတဲ့ “Welcome” ဆိုတဲ့စာလုံးကို Font မတူရုံနဲ့ Feeling မတူသွားနိုင်ပါတယ်။

တစ်ခုက Luxury Hotel လိုခံစားရနိုင်တယ်။ တစ်ခုက Technology Startup လိုခံစားရနိုင်တယ်။ တစ်ခုက Children Brand လိုခံစားရနိုင်တယ်။

ဒါကြောင့် Font ဆိုတာ စာလုံးပုံစံရွေးတာတစ်ခုတည်းမဟုတ်ပါဘူး။ Communication နဲ့ Design System ရဲ့ အရေးကြီးတဲ့အစိတ်အပိုင်းတစ်ခုပါ။

ဒီ Blog မှာတော့ Font ဆိုတာဘာလဲ၊ Font အမျိုးအစားတွေ ဘယ်လိုကွဲလဲ၊ Typeface နဲ့ Font ဘာကွာလဲ၊ Font အတွင်းမှာ Weight, Style, Spacing တွေဘယ်လိုအလုပ်လုပ်လဲဆိုတာကို ရိုးရှင်းစွာရှင်းပြပေးသွားပါမယ်။

Font ဆိုတာဘာလဲ

Font ဆိုတာ စာလုံးတစ်ခုချင်းစီကို ဘယ်လိုပုံစံနဲ့ပြမလဲဆိုတာ သတ်မှတ်ပေးတဲ့ Design System တစ်ခုဖြစ်ပါတယ်။ Font တစ်ခုမှာ စာလုံးပုံစံ, အထူအပါး, အမြင့်အနိမ့်, Character Width, Number, Punctuation, Symbol နဲ့ Spacing စတဲ့အချက်တွေ ပါဝင်ပါတယ်။ ဥပမာ Arial, Helvetica, Times New Roman, Roboto, Inter, Poppins စတာတွေက လူသိများတဲ့ Font Name တွေဖြစ်ပါတယ်။ ဒါပေမယ့် Font အကြောင်းကို နားလည်ချင်ရင် Typeface နဲ့ Font ကွာခြားချက်ကို အရင်သိထားသင့်ပါတယ်။

Typeface နဲ့ Font ဘာကွာလဲ

လူအများစုက Typeface နဲ့ Font ကို တူတူသုံးကြပါတယ်။ နေ့စဉ်အသုံးပြုမှုမှာ ပြဿနာမရှိပါဘူး။ ဒါပေမယ့် Typography အရတော့ နည်းနည်းကွာပါတယ်။Typeface ဆိုတာ စာလုံး Design Family တစ်ခုလုံးကို ဆိုလိုပါတယ်။ Font ဆိုတာ အဲ့ဒီ Typeface Family ထဲက သီးသန့် Style တစ်ခုကို ဆိုလိုပါတယ်။

ဥပမာ

Roboto ဆိုတာ Typeface Family ဖြစ်ပါတယ်။

Roboto ထဲမှာ

• Roboto Light
• Roboto Regular
• Roboto Medium
• Roboto Bold
• Roboto Italic

ဆိုပြီး Font Style တွေရှိနိုင်ပါတယ်။

အလွယ်ပြောရရင်

Typeface = မိသားစု Font = မိသားစုထဲက Member တစ်ယောက်

လို့ မှတ်ထားလို့ရပါတယ်။

Font တွေ ဘယ်လိုအလုပ်လုပ်လဲ

Computer ထဲမှာ Font တစ်ခု Install လုပ်ထားတဲ့အခါ Operating System နဲ့ Application တွေက Font File ကိုဖတ်ပြီး Character တစ်ခုချင်းစီကို Screen ပေါ်မှာ သတ်မှတ်ထားတဲ့ Shape နဲ့ပြပါတယ်။

ဥပမာ Keyboard မှာ “A” ကိုရိုက်လိုက်တဲ့အခါ Computer က “A” ဆိုတဲ့ Character Code ကို သိပါတယ်။ Font ကတော့ ဒီ “A” ကို ဘယ်လိုပုံစံနဲ့ပြမလဲဆိုတာ သတ်မှတ်ပေးပါတယ်။

Arial ရဲ့ “A” နဲ့ Times New Roman ရဲ့ “A” က Character တူတယ်။ ဒါပေမယ့် Shape မတူပါဘူး။

ဒီ Shape တစ်ခုချင်းစီကို Glyph လို့ခေါ်ပါတယ်။

Glyph ဆိုတာဘာလဲ

Glyph ဆိုတာ Font ထဲက Character တစ်ခုရဲ့ Visual Shape ဖြစ်ပါတယ်။ ဥပမာ A, B, 1, ?, &, @ စတဲ့ Symbol တစ်ခုချင်းစီမှာ Glyph တစ်ခု သို့မဟုတ် Glyph အမျိုးမျိုးရှိနိုင်ပါတယ်။ တချို့ Font တွေမှာ Letter တစ်လုံးအတွက် Alternative Glyph တွေလည်း ပါနိုင်ပါတယ်။

ဥပမာ Standard, Stylistic, Decorative စသဖြင့်ပါ။ ဒါတွေကို Logo Design, Editorial Design, Branding နဲ့ Premium Typography တွေမှာ အသုံးများပါတယ်။

Font အမျိုးအစားတွေ ဘယ်လိုကွဲလဲ

Font တွေကို အဓိကအားဖြင့် Shape နဲ့ Usage အလိုက် အမျိုးအစားခွဲနိုင်ပါတယ်။ အများဆုံးတွေ့ရတဲ့ Font Type တွေကတော့

1. Serif
2. Sans Serif
3. Slab Serif
4. Script
5. Handwritten
6. Display
7. Monospace

တို့ဖြစ်ပါတယ်။

၁။ Serif Font

Serif Font ဆိုတာ စာလုံးအစွန်းတွေမှာ ခြေထောက်သေးသေး၊ အတန်းသေးသေးလို Decorative Stroke ပါတဲ့ Font အမျိုးအစားဖြစ်ပါတယ်။

ဥပမာ

• Times New Roman
• Georgia
• Garamond
• Baskerville
• Playfair Display

Serif Font တွေက Traditional, Classic, Trustworthy, Editorial, Premium Feeling ပေးတတ်ပါတယ်။

ဒါကြောင့်

• Newspaper
• Magazine
• Book
• Law Firm
• Luxury Brand
• Financial Brand

လိုမျိုးမှာ အများကြီးတွေ့ရပါတယ်။

Serif Font တွေက Long-form Reading အတွက်လည်း သင့်တော်တတ်ပါတယ်။ အထူးသဖြင့် Printed Material တွေမှာ ဖတ်ရလွယ်စေနိုင်ပါတယ်။

၂။ Sans Serif Font

Sans Serif မှာ “Sans” ဆိုတာ “မရှိဘဲ” လို့ အဓိပ္ပါယ်ရပါတယ်။

ဒါကြောင့် Sans Serif Font ဆိုတာ Serif မပါတဲ့ Font ဖြစ်ပါတယ်။

စာလုံးတွေရဲ့အစွန်းတွေက ပိုရှင်းတယ်၊ ပိုသန့်တယ်၊ Modern ဖြစ်တတ်ပါတယ်။

ဥပမာ

• Arial
• Helvetica
• Inter
• Roboto
• Poppins
• Montserrat

Sans Serif Font တွေကို

• Website
• App
• UI Design
• Dashboard
• Startup Brand
• Technology Company
• Social Media Design

တွေမှာ အများဆုံးတွေ့ရပါတယ်။

Screen ပေါ်မှာဖတ်ဖို့အတွက် Sans Serif Font တွေကို အများကြီးအသုံးပြုကြပါတယ်။ Shape ရိုးရှင်းတဲ့အတွက် Small Size မှာတောင် ဖတ်ရလွယ်နိုင်ပါတယ်။

၃။ Slab Serif

Slab Serif က Serif Font Family ထဲက အမျိုးအစားတစ်ခုပါ။ ဒါပေမယ့် Serif တွေက ပါးပါးလေးမဟုတ်ဘဲ အထူကြီး၊ Block ဆန်ဆန်ဖြစ်ပါတယ်။ဥပမာ Rockwell, Roboto Slab, Clarendon

Slab Serif က Strong, Bold, Confident, Industrial, Vintage Feeling တွေပေးတတ်ပါတယ်။ Poster, Headline, Packaging, Branding တွေမှာ အသုံးများပါတယ်။

၄။ Script Font

Script Font တွေက လက်ရေးလှပုံစံ၊ Calligraphy ပုံစံနဲ့ဖန်တီးထားတဲ့ Font တွေဖြစ်ပါတယ်။ ဥပမာ Pacifico, Great Vibes, Dancing Script, Allura. Script Font တွေက Elegant, Romantic, Personal, Handmade Feeling ပေးနိုင်ပါတယ်။

Wedding Card, Beauty Brand, Fashion, Invitation, Signature Style Logo တွေမှာ အသုံးများပါတယ်။ ဒါပေမယ့် Paragraph ရှည်ရှည်မှာတော့ အသုံးမပြုသင့်ပါဘူး။ ဖတ်ရခက်နိုင်ပါတယ်။

Script Font တွေကို Headline, Logo, Short Phrase လိုနေရာတွေမှာ အသုံးပြုတာ ပိုကောင်းပါတယ်။

၅။ Handwritten Font

Handwritten Font က Script နဲ့ဆင်ပေမယ့် ပိုပြီး Natural Handwriting လိုခံစားရပါတယ်။ လှပစွာရေးထားတဲ့ Calligraphy လိုမဟုတ်ဘဲ လူတစ်ယောက်က Pen နဲ့ တကယ်ရေးထားသလိုပုံစံဖြစ်တတ်ပါတယ်။ Handwritten Font တွေက Friendly, Casual, Personal, Creative Feeling ပေးတတ်ပါတယ်။

Social Media Post, Quote, Personal Brand, Kids Content, Creative Campaign တွေမှာ အသုံးပြုနိုင်ပါတယ်။

၆။ Display Font

Display Font ဆိုတာ Paragraph ရှည်ရှည်ဖတ်ဖို့မဟုတ်ဘဲ Attention ရအောင် ဖန်တီးထားတဲ့ Font တွေဖြစ်ပါတယ်။ Shape ကထူးခြားနိုင်တယ်။ Bold ဖြစ်နိုင်တယ်။ Experimental ဖြစ်နိုင်တယ်။ Decorative Element များနိုင်ပါတယ်။

Display Font တွေကို Poster, Campaign Headline, Logo, Packaging, Event Design, Social Media Key Visual တွေမှာ အသုံးများပါတယ်။ Display Font ရဲ့ ရည်ရွယ်ချက်က ဖတ်ရလွယ်ရုံမဟုတ်ပါဘူး။ Personality နဲ့ Attention ပေးဖို့ဖြစ်ပါတယ်။

၇။ Monospace Font

Monospace Font မှာ Character တစ်လုံးချင်းစီက Width တူပါတယ်။ ဥပမာ “i” နဲ့ “W” က Shape အကျယ်မတူပေမယ့် သတ်မှတ်ထားတဲ့ Space Width က တူပါတယ်။ ဥပမာ Courier New, IBM Plex Mono, JetBrains Mono, Source Code Pro. Monospace Font တွေကို Programming နဲ့ Code Editor တွေမှာ အများကြီးအသုံးပြုပါတယ်။

Code ရေးတဲ့အခါ Character Position တွေညီနေတဲ့အတွက် ဖတ်ရပိုလွယ်ပါတယ်။ ဒါ့အပြင် Tech, Retro, Terminal, Developer Style Design တွေမှာလည်း အသုံးပြုနိုင်ပါတယ်။

Font Weight ဆိုတာဘာလဲ

Font Weight ဆိုတာ Font ရဲ့ အထူအပါးကို ဆိုလိုပါတယ်။ အများဆုံးတွေ့ရတဲ့ Weight တွေက Thin, Extra Light, Light, Regular, Medium, Semi Bold, Bold, Extra Bold, Black တို့ဖြစ်ပါတယ်။

Web Design မှာတော့ Number နဲ့လည်းဖော်ပြတတ်ပါတယ်။

100 = Thin
200 = Extra Light
300 = Light
400 = Regular
500 = Medium
600 = Semi Bold
700 = Bold
800 = Extra Bold
900 = Black

Weight ကို မှန်မှန်သုံးနိုင်ရင် Visual Hierarchy တည်ဆောက်ရတာ ပိုလွယ်ပါတယ်။

ဥပမာ

Heading = 700 Bold, Subheading = 600 Semi Bold, Body = 400 Regular, Caption = 400 Regular

လိုမျိုး သုံးနိုင်ပါတယ်။

အရေးကြီးတဲ့အချက်တွေကို Bold သုံးပြီး Body Text ကို Regular ထားရင် Reader က ဘယ်အရာကိုအရင်ဖတ်ရမလဲ သိနိုင်ပါတယ်။

Italic ဆိုတာဘာလဲ

Italic က Font ကို ဘေးဘက်နည်းနည်းစောင်းထားတဲ့ Style ဖြစ်ပါတယ်။ Italic ကို Emphasis, Quote, Foreign Word, Book Title, Small Highlight တွေမှာ အသုံးပြုတတ်ပါတယ်။

Italic ကို Paragraph တစ်ခုလုံးမှာ အသုံးပြုရင် ဖတ်ရခက်နိုင်ပါတယ်။ ဒါကြောင့် လိုတဲ့နေရာမှာပဲ အသုံးပြုသင့်ပါတယ်။

Font Size ဆိုတာဘာလဲ

Font Size က စာလုံးကြီးငယ်ကို သတ်မှတ်တာဖြစ်ပါတယ်။

Print Design မှာ Point pt သုံးတာများပါတယ်။

Web Design မှာတော့

• px
• rem
• em

စတာတွေကို အသုံးပြုနိုင်ပါတယ်။

ဥပမာ Website တစ်ခုမှာ

H1 = 48px H2 = 32px Body = 16px Small Text = 14px

လို သတ်မှတ်နိုင်ပါတယ်။

Font Size ရွေးတဲ့အခါ Design လှဖို့တစ်ခုတည်းမကြည့်ဘဲ ဖတ်ရလွယ်ဖို့ကိုပါ စဉ်းစားသင့်ပါတယ်။

Kerning ဆိုတာဘာလဲ

Kerning ဆိုတာ Letter နှစ်လုံးကြားက Space ကို ချိန်ညှိတာဖြစ်ပါတယ်။

လို Letter Pair တွေမှာ Default Space က မညီသလိုခံစားရနိုင်ပါတယ်။

Kerning က Character Pair တစ်ခုချင်းစီရဲ့ Space ကို Visual Balance ဖြစ်အောင် ချိန်ပေးပါတယ်။ Logo Design မှာ Kerning က အထူးအရေးကြီးပါတယ်။ Font ကောင်းကောင်းရွေးထားပေမယ့် Kerning မကောင်းရင် Logo က Cheap ဖြစ်သလိုခံစားရနိုင်ပါတယ်။

Tracking ဆိုတာဘာလဲ

Tracking ဆိုတာ Text တစ်ခုလုံးရဲ့ Letter Spacing ကို တစ်ပြိုင်နက်တည်းချိန်တာဖြစ်ပါတယ်။ Kerning က Letter Pair တစ်ခုချင်းကို ပြင်တာပါ။ Tracking က Text Group တစ်ခုလုံးကို ပြင်တာပါ။

ဒီလို Letter တွေကြား Space ပိုချဲ့ထားတာက Tracking တိုးထားတာဖြစ်ပါတယ်။ Uppercase Heading တွေမှာ Tracking နည်းနည်းတိုးသုံးရင် Premium Feeling ရနိုင်ပါတယ်။ ဒါပေမယ့် Body Text မှာ အရမ်းများရင် ဖတ်ရခက်နိုင်ပါတယ်။

Leading ဆိုတာဘာလဲ

Leading ဆိုတာ စာကြောင်းတစ်ကြောင်းနဲ့တစ်ကြောင်းကြား အကွာအဝေးဖြစ်ပါတယ်။ Web Design မှာ line-height လို့ခေါ်ပါတယ်။ Line Height နည်းလွန်းရင် စာကြောင်းတွေကပ်ပြီး ဖတ်ရခက်ပါတယ်။ Line Height များလွန်းရင် Paragraph က အပိုင်းပိုင်းပြတ်သလိုဖြစ်နိုင်ပါတယ်။ ဥပမာ Body Text က 16px ဆိုရင် Line Height ကို 24px သို့မဟုတ် 26px လောက်ထားတာမျိုးက ဖတ်ရပိုလွယ်နိုင်ပါတယ်။

အလွယ်ပြောရရင်

Kerning = Letter နှစ်လုံးကြား Tracking = Letter အားလုံးကြား Leading = Line နှစ်ကြောင်းကြား

လို့ မှတ်ထားနိုင်ပါတယ်။

Font Width ဆိုတာဘာလဲ

Font တွေမှာ Character Width လည်း မတူနိုင်ပါတယ်။

တချို့ Font တွေက ကျယ်တယ်။ တချို့က ကျဉ်းတယ်။

Font Family တချို့မှာ

• Condensed
• Normal
• Expanded

ဆိုပြီး Width Style တွေရှိပါတယ်။

Condensed Font က Space နည်းတဲ့နေရာမှာ စာများများထည့်ချင်တဲ့အခါ အသုံးဝင်ပါတယ်။

ဥပမာ Poster Headline, Newspaper, Packaging စတာတွေမှာ တွေ့ရတတ်ပါတယ်။

Variable Font ဆိုတာဘာလဲ

အရင် Font System တွေမှာ Regular, Medium, Bold တစ်ခုချင်းစီကို Font File တစ်ခုစီထားရပါတယ်။ Variable Font မှာတော့ File တစ်ခုတည်းထဲမှာ Weight, Width, Slant စတဲ့ Style အများကြီးကို ထည့်ထားနိုင်ပါတယ်။ ဥပမာ Weight ကို 400, 450, 500, 550, 600 လို တိတိကျကျရွေးနိုင်ပါတယ်။

Variable Font ရဲ့အားသာချက်တွေက

• Font File နည်းနိုင်တယ်
• Website Performance အတွက်ကောင်းနိုင်တယ်
• Weight ကို ပိုတိကျစွာချိန်နိုင်တယ်
• Responsive Design မှာ Flexible ဖြစ်တယ်
• Animation နဲ့ Interactive Typography တွေမှာ အသုံးဝင်တယ်

Modern Web Design မှာ Variable Font တွေ ပိုအသုံးများလာပါတယ်။

Font File Type တွေ ဘယ်လိုကွဲလဲ

Font တွေကို Download လုပ်တဲ့အခါ File Extension မတူတာတွေတွေ့နိုင်ပါတယ်။ အများဆုံးတွေ့ရတာတွေက

• TTF
• OTF
• WOFF
• WOFF2

တို့ဖြစ်ပါတယ်။

TTF

TTF = TrueType Font

Windows နဲ့ macOS နှစ်ခုလုံးမှာ အသုံးများပါတယ်။ Desktop Font အဖြစ် Install လုပ်ပြီး Word, Photoshop, Illustrator စတဲ့ Software တွေမှာ အသုံးပြုနိုင်ပါတယ်။

OTF

OTF = OpenType Font

TTF ထက် Advanced Typography Feature တွေ ပိုထည့်နိုင်ပါတယ်။

ဥပမာ

• Ligatures
• Alternative Glyphs
• Small Caps
• Stylistic Sets

စတာတွေ ပါနိုင်ပါတယ်။

Graphic Designer တွေအတွက် OTF ကို မကြာခဏတွေ့ရပါတယ်။

WOFF

WOFF = Web Open Font Format

Website တွေအတွက် အသုံးပြုဖို့ဖန်တီးထားတဲ့ Font Format ဖြစ်ပါတယ်။

Browser က Download လုပ်ပြီး Website ပေါ်မှာ Font ကိုပြနိုင်ပါတယ်။

WOFF2

WOFF2 က WOFF ရဲ့ ပိုမို Compression ကောင်းတဲ့ Version ဖြစ်ပါတယ်။

Modern Website တွေမှာ WOFF2 ကိုအသုံးများပါတယ်။ File Size ပိုသေးနိုင်တဲ့အတွက် Website Loading Speed အတွက်ကောင်းပါတယ်။

အလွယ်မှတ်မယ်ဆိုရင်

TTF / OTF = Desktop နဲ့ Design Software WOFF / WOFF2 = Website

လို့ မှတ်ထားနိုင်ပါတယ်။

Web Font ဆိုတာဘာလဲ

Website မှာ User ရဲ့ Computer ထဲ Font Install မရှိရင်တောင် Font ကိုပြနိုင်ဖို့ Web Font အသုံးပြုပါတယ်။ ဥပမာ Google Fonts က Web Font Service တစ်ခုဖြစ်ပါတယ်။

Website Developer တစ်ယောက်က Font ကို Website ထဲမှာ Load လုပ်ထားရင် User က Font Install မထားလည်း အဲဒီ Font ကိုမြင်နိုင်ပါတယ်။ဥပမာ CSS မှာ font-family: "Inter", sans-serif; လို သတ်မှတ်နိုင်ပါတယ်။ Web Font သုံးတဲ့အခါ File Size နဲ့ Loading Speed ကိုလည်းစဉ်းစားသင့်ပါတယ်။

Font Family တစ်ခုရဲ့ Weight ၉ မျိုးလုံး Load လုပ်ထားရင် Website ပိုနှေးနိုင်ပါတယ်။ လိုတဲ့ Weight ကိုပဲ Load လုပ်တာ ပိုကောင်းပါတယ်။

Font Pairing ဆိုတာဘာလဲ

Font Pairing ဆိုတာ Design တစ်ခုထဲမှာ Font နှစ်မျိုး သို့မဟုတ် ထို့ထက်ပိုပြီး လိုက်ဖက်အောင်အသုံးပြုတာဖြစ်ပါတယ်။

ဥပမာ

Serif Heading + Sans Serif Body

က လူသုံးများတဲ့ Combination တစ်ခုပါ။ Serif က Heading ကို Character ပေးပြီး Sans Serif က Body Text ကို ဖတ်ရလွယ်စေပါတယ်။ Font Pairing လုပ်တဲ့အခါ အများကြီးမသုံးသင့်ပါဘူး။

Design တစ်ခုမှာ Font Family ၂ မျိုးလောက်နဲ့လည်း အများအားဖြင့် လုံလောက်ပါတယ်။

ဥပမာ

• Heading = Playfair Display
• Body = Inter

သို့မဟုတ်

• Heading = Poppins Bold
• Body = Poppins Regular

လိုသုံးနိုင်ပါတယ်။

တစ်ခါတလေ Font Family တစ်မျိုးတည်းထဲက Weight မတူတာကိုသုံးရုံနဲ့လည်း ကောင်းတဲ့ Hierarchy ရနိုင်ပါတယ်။

Font ရွေးတဲ့အခါ ဘာတွေစဉ်းစားသင့်လဲ

Font လှတာတစ်ခုတည်းနဲ့ မရွေးသင့်ပါဘူး။ အောက်ကအချက်တွေကို စဉ်းစားသင့်ပါတယ်။

Brand Personality

Brand က Serious လား၊ Friendly လား၊ Premium လား၊ Modern လားဆိုတာ စဉ်းစားပါ။

ဥပမာ

Law Firm အတွက် Playful Font မသုံးသင့်ပါဘူး။

Children Brand အတွက်တော့ အရမ်း Formal ဖြစ်တဲ့ Corporate Font က မကိုက်နိုင်ပါဘူး။

Readability

Font က စာဖတ်ရလွယ်လား စစ်ပါ။

အထူးသဖြင့်

• Small Screen
• Mobile
• Long Paragraph
• Button
• Caption

တွေမှာ ဖတ်ရလွယ်ဖို့ အရေးကြီးပါတယ်။

Language Support

Font တိုင်းက Language အားလုံးကို Support မလုပ်ပါဘူး။

Myanmar Language သုံးမယ်ဆိုရင် Burmese Unicode Glyph ပါတဲ့ Font ကိုရွေးဖို့လိုပါတယ်။

English Font လှလို့ရွေးလိုက်ပေမယ့် Myanmar Character မပါရင် Burmese Text ကို Default Font နဲ့ပြသွားနိုင်ပါတယ်။

ဒါကြောင့် Multilingual Design တွေမှာ Language Support ကို အရင်စစ်သင့်ပါတယ်။

Font Weight

Font Family တစ်ခုမှာ Regular, Medium, Bold စတဲ့ Weight လုံလောက်လားစစ်ပါ။

Website သို့မဟုတ် Brand System တစ်ခုအတွက် Weight တစ်မျိုးပဲရှိတဲ့ Font ထက် Family ပြည့်စုံတဲ့ Font က ပိုအသုံးဝင်ပါတယ်။

Licensing

Font Download လုပ်လို့ရတာနဲ့ Commercial Use လုပ်လို့ရတယ်လို့ မဆိုလိုပါဘူး။

Font License ကိုစစ်ဖို့လိုပါတယ်။

တချို့ Font တွေက

• Personal Use Only
• Commercial Use
• Desktop License
• Web License
• App License
• Logo Usage

စသဖြင့် စည်းကမ်းကွာနိုင်ပါတယ်။

Client Work နဲ့ Commercial Project တွေမှာ Font License ကို အထူးဂရုစိုက်သင့်ပါတယ်။

Font တွေက Brand ကို ဘယ်လိုသက်ရောက်စေလဲ

Font က Brand Voice ကို Visual အဖြစ်ပြောင်းပေးနိုင်ပါတယ်။

ဥပမာ

Serif Trust, Luxury, Tradition, Editorial

Sans Serif Modern, Clean, Technology, Simple

Script Elegant, Personal, Romantic

Display Bold, Creative, Unique

Monospace Technical, Developer, Retro

လို့ Feeling မတူနိုင်ပါတယ်။

ဒါကြောင့် Brand Identity တည်ဆောက်တဲ့အခါ Logo, Color Palette လောက်နဲ့ မပြီးပါဘူး။ Typography System ကိုလည်း သေချာရွေးဖို့လိုပါတယ်။

Brand တစ်ခုမှာ

• Primary Font
• Secondary Font
• Heading Weight
• Body Weight
• Font Size
• Line Height
• Letter Spacing

စတာတွေကို သတ်မှတ်ထားရင် Visual Consistency ပိုကောင်းလာပါတယ်။

Designer တွေ မှားတတ်တဲ့ Font အသုံးပြုပုံများ

Font အမျိုးအစားများလွန်းခြင်း

Design တစ်ခုထဲ Font ၄ မျိုး၊ ၅ မျိုးသုံးရင် ရှုပ်ထွေးနိုင်ပါတယ်။

အများအားဖြင့် ၁ မျိုးမှ ၂ မျိုးအတွင်းထားတာ ပိုကောင်းပါတယ်။

Body Text ကို Decorative Font သုံးခြင်း

Script နဲ့ Display Font တွေကို Paragraph ရှည်ရှည်မှာ သုံးရင် ဖတ်ရခက်နိုင်ပါတယ်။

Weight အားလုံးတူနေခြင်း

Heading, Subheading, Body အားလုံး Weight တူနေရင် Visual Hierarchy မရှိတော့ပါဘူး။

Spacing မစစ်ခြင်း

Font ကောင်းပေမယ့် Kerning, Tracking, Leading မကောင်းရင် Design က Professional မဖြစ်နိုင်ပါဘူး။

Font License မစစ်ခြင်း

Free Download လို့ပြထားတဲ့ Font တချို့က Personal Use Only ဖြစ်နိုင်ပါတယ်။

Commercial Project မစခင် License ကိုစစ်သင့်ပါတယ်။

Font ရွေးချယ်ဖို့ Simple Checklist

Font ရွေးမယ်ဆိုရင် ဒီ Checklist ကိုအသုံးပြုနိုင်ပါတယ်။

• Brand Personality နဲ့ကိုက်လား
• ဖတ်ရလွယ်လား
• Myanmar/English Language Support ရှိလား
• Weight လုံလောက်လား
• Mobile Screen မှာ ဖတ်ရလွယ်လား
• Heading နဲ့ Body အတွက်အသုံးဝင်လား
• Font Pairing လုပ်ရလွယ်လား
• File Size သင့်တော်လား
• Web Font Version ရှိလား
• Commercial License အသုံးပြုလို့ရလား

Font အကြောင်း အလွယ်မှတ်မယ်ဆိုရင်

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

Serif = Classic Sans Serif = Modern Script = Handwriting Style Display = Attention Monospace = Equal Width

Weight = အထူအပါး Kerning = Letter နှစ်လုံးကြား Space Tracking = Text တစ်ခုလုံး Letter Space Leading = Line တစ်ကြောင်းနဲ့တစ်ကြောင်းကြား Space

TTF / OTF = Desktop Font WOFF / WOFF2 = Web Font

ဒီအခြေခံတွေကို သိထားရင် Font ရွေးတဲ့အခါ အရင်ကထက် ပိုစနစ်ကျလာနိုင်ပါတယ်။

နိဂုံး

Font ဆိုတာ Design လှအောင်လုပ်ဖို့ ရွေးတဲ့ စာလုံးပုံစံတစ်ခုတည်းမဟုတ်ပါဘူး။

Font က Information ကို ဘယ်လိုဖတ်စေမလဲ၊ Brand ကို ဘယ်လိုခံစားစေမလဲ၊ User က ဘယ်အရာကိုအရင်ကြည့်မလဲဆိုတာကို ထိန်းချုပ်ပေးတဲ့ အရေးကြီးတဲ့ Design Tool တစ်ခုဖြစ်ပါတယ်။

Serif, Sans Serif, Script, Display, Monospace စတဲ့ Font Type တစ်မျိုးချင်းစီမှာ သူ့ Character ရှိပါတယ်။ Weight, Size, Kerning, Tracking နဲ့ Leading ကို မှန်မှန်ချိန်နိုင်ရင် Typography က ပိုသေသပ်လာပါတယ်။

Website အတွက် Font သုံးမယ်ဆိုရင် WOFF2, Loading Speed, Language Support တွေကိုစဉ်းစားဖို့လိုပါတယ်။ Branding နဲ့ Commercial Design အတွက်ဆိုရင် Font License ကို မမေ့သင့်ပါဘူး။

အကောင်းဆုံး Font ဆိုတာ လှဆုံး Font မဟုတ်ပါဘူး။

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