✍️ Chapter 03 — Typography

Font কীভাবে নির্বাচন করবেন এবং Professional Text Layout তৈরি করবেন?

Typography হলো Graphic Design-এর অন্যতম গুরুত্বপূর্ণ অংশ। একটি সুন্দর ছবি থাকলেও Font, Size, Spacing ও Layout ভুল হলে পুরো Design-এর Professional Look নষ্ট হয়ে যেতে পারে।

🎯 এই অধ্যায়ে যা শিখবেন

Typography কী?

Font ও Typeface-এর পার্থক্য

Font-এর প্রধান ধরন

Heading, Subheading ও Body Text

Font নির্বাচন করার নিয়ম

Font Pairing

Font Size ও Hierarchy

Letter Spacing ও Line Height

Text Alignment

বাংলা ও ইংরেজি Font ব্যবহারের কৌশল

Text-এর Readability ও Contrast

Common Typography Mistakes

Practical Exercise

---

১. Typography কী?

Typography হলো Design-এর মধ্যে লেখা বা Text-কে এমনভাবে সাজানোর প্রক্রিয়া, যাতে সেটি সুন্দর, পরিষ্কার, সহজে পাঠযোগ্য এবং বার্তাবহ হয়।

একটি Professional Design-এ Typography-এর কাজ শুধু লেখা দেখানো নয়; বরং কোন তথ্যটি আগে পড়বে এবং কোনটি পরে পড়বে, সেটিও Typography নির্ধারণ করে।

---

২. Font ও Typeface কী?

সহজভাবে বললে:

Typeface হলো একটি নির্দিষ্ট অক্ষর-নকশার পরিবার।

Font হলো সেই Typeface-এর নির্দিষ্ট Style, Weight বা ব্যবহারের রূপ।

Beginner হিসেবে এই পার্থক্য নিয়ে বেশি চিন্তা না করে মূল বিষয়টি মনে রাখুন:

> সঠিক Font নির্বাচন + সঠিকভাবে ব্যবহার = Professional Typography

---

৩. Font-এর প্রধান ধরন

🔹 Serif

অক্ষরের প্রান্তে ছোট Stroke থাকে।

ব্যবহার:

বই, Magazine, Editorial ও Formal Design।

🔹 Sans Serif

অক্ষরের প্রান্তে অতিরিক্ত Stroke থাকে না।

ব্যবহার:

Social Media, Website, App, Advertisement ও Modern Branding।

🔹 Script

হাতের লেখা বা Calligraphy-এর মতো দেখতে।

ব্যবহার:

Invitation, Creative Heading, Luxury বা Decorative Design।

⚠️ দীর্ঘ Paragraph-এর জন্য Script Font সাধারণত ব্যবহার না করাই ভালো।

🔹 Display

বিশেষভাবে বড় Heading বা Attention-grabbing Text-এর জন্য তৈরি।

ব্যবহার:

Poster, Thumbnail, Banner ও Campaign Design।

---

৪. Heading, Subheading ও Body Text

একটি Design-এ সব লেখা একই Size ও Weight-এর হলে তথ্যের গুরুত্ব বোঝা কঠিন হয়।

তাই Text Hierarchy তৈরি করুন:

🥇 Heading

সবচেয়ে গুরুত্বপূর্ণ তথ্য।

🥈 Subheading

Heading-এর ব্যাখ্যা বা দ্বিতীয় গুরুত্বপূর্ণ তথ্য।

🥉 Body Text

বিস্তারিত তথ্য।

🔘 CTA

যেমন:

এখনই শুরু করুন

Learn More

Order Now

---

৫. Font নির্বাচন করার ৫টি নিয়ম

① Readability

Font সহজে পড়া যায় কি না দেখুন।

② Design-এর উদ্দেশ্য

Business Design হলে Professional Font, Children-এর Design হলে Friendly Font ইত্যাদি বিবেচনা করুন।

③ Audience

Target Audience অনুযায়ী Font নির্বাচন করুন।

④ Brand Personality

Brand-এর Style-এর সঙ্গে Font-এর Personality মিলতে হবে।

⑤ Language Support

বাংলা Design হলে Font-এ বাংলা অক্ষরের Support আছে কি না অবশ্যই পরীক্ষা করুন।

---

৬. Font Pairing কী?

একটি Design-এ দুইটি বা কখনো সীমিত সংখ্যক Font একসঙ্গে ব্যবহার করে সুন্দর Typography তৈরি করাকে Font Pairing বলা যায়।

একটি সহজ Formula:

Display/Heading Font + Simple Body Font

উদাহরণ:

Bold Sans Serif Heading

+

Clean Sans Serif Body

অথবা

Serif Heading

+

Sans Serif Body

⚠️ Beginner হলে একই Design-এ অনেকগুলো Font ব্যবহার করবেন না।

---

৭. Font Size ও Hierarchy

একটি Design-এ Font Size-এর মধ্যে স্পষ্ট পার্থক্য রাখুন।

উদাহরণ:

Heading — 48 px

Subheading — 28 px

Body — 18 px

Small Text — 14 px

এগুলো কোনো বাধ্যতামূলক সংখ্যা নয়। Design-এর Canvas, Platform ও Content অনুযায়ী Size পরিবর্তন হবে।

মূল বিষয় হলো:

> বড় তথ্য → বড় গুরুত্ব

ছোট তথ্য → কম গুরুত্ব

---

৮. Font Weight

Font-এর Weight-ও Hierarchy তৈরিতে গুরুত্বপূর্ণ।

যেমন:

Bold → গুরুত্বপূর্ণ Heading

Medium/Semibold → Subheading

Regular → Body Text

সব Text Bold করে দিলে কোনো অংশকে Highlight করা কঠিন হয়ে যায়।

---

৯. Letter Spacing

অক্ষরগুলোর মধ্যকার দূরত্বকে Letter Spacing বলা হয়।

অতিরিক্ত কম হলে Text গাদাগাদি মনে হতে পারে।

অতিরিক্ত বেশি হলে শব্দের স্বাভাবিক গঠন নষ্ট হতে পারে।

বিশেষ করে CAPITAL LETTER Heading-এ সামান্য Letter Spacing অনেক সময় সুন্দর ফল দিতে পারে।

---

১০. Line Height

একটি Line-এর সঙ্গে পরবর্তী Line-এর Vertical Distance হলো Line Height।

❌ খুব কম Line Height

Text গাদাগাদি লাগে।

❌ খুব বেশি Line Height

Text বিচ্ছিন্ন মনে হতে পারে।

✅ সঠিক Line Height

Text আরামদায়কভাবে পড়া যায়।

Body Text-এর ক্ষেত্রে Readability-কে সর্বোচ্চ গুরুত্ব দিন।

---

১১. Text Alignment

চারটি সাধারণ Alignment:

Left Align

Center Align

Right Align

Justify

Social Media ও Poster Design-এ Left Alignment অনেক ক্ষেত্রে পরিষ্কার ও Professional Layout তৈরি করতে সাহায্য করে।

Center Alignment ব্যবহার করা যায় বিশেষ করে Short Heading বা Promotional Design-এ।

---

১২. বাংলা Typography

বাংলা Design করার সময় বিশেষভাবে লক্ষ্য করুন:

✅ বাংলা অক্ষর পরিষ্কার কি না

✅ যুক্তাক্ষর ঠিকভাবে দেখা যাচ্ছে কি না

✅ কার/ফলা ঠিকভাবে Render হচ্ছে কি না

✅ Line Height যথেষ্ট কি না

✅ বাংলা ও English Font-এর Style একে অপরের সঙ্গে মানানসই কি না

বাংলা Heading-এর সঙ্গে English Text ব্যবহার করলে দুই ভাষার Visual Weight কাছাকাছি রাখার চেষ্টা করুন।

---

১৩. Text Contrast

Text পড়তে হলে Background-এর সঙ্গে পর্যাপ্ত Contrast থাকতে হবে।

❌ ভুল:

Light Background + Light Text

❌ ভুল:

Dark Background + Dark Text

✅ ভালো:

Light Background + Dark Text

✅ ভালো:

Dark Background + Light Text

Design সুন্দর হওয়ার পাশাপাশি Accessible ও Readable হওয়াও জরুরি।

---

১৪. Text Layout-এর Professional Formula

একটি Social Media Post-এর Text এভাবে সাজাতে পারেন:

MAIN HEADLINE

⬇️

Short Supporting Text

⬇️

Key Information / Benefits

⬇️

Call to Action

উদাহরণ:

GRAPHIC DESIGN শিখুন

শূন্য থেকে Professional Designer হওয়ার যাত্রা

✅ Design Basics

✅ Color Theory

✅ Typography

✅ Practical Projects

আজই শুরু করুন

এতে দর্শকের চোখ স্বাভাবিকভাবে গুরুত্বপূর্ণ তথ্য থেকে Action-এর দিকে যায়।

---

১৫. Typography-এর Common Mistakes

❌ এক Design-এ অতিরিক্ত Font ব্যবহার

❌ অপ্রয়োজনীয় Decorative Font ব্যবহার

❌ Heading ও Body একই Size রাখা

❌ Text খুব ছোট করা

❌ Contrast কম রাখা

❌ Line Height ভুল রাখা

❌ অতিরিক্ত Bold/Italic ব্যবহার

❌ Text-কে অতিরিক্ত Effects দেওয়া

❌ অপ্রয়োজনীয়ভাবে অনেক Text যোগ করা

❌ বাংলা Font-এর Readability পরীক্ষা না করা

---

🧠 Professional Designer-এর Typography Formula

Font → Hierarchy → Size → Weight → Spacing → Alignment → Contrast → Readability

এই ৮টি বিষয় পরীক্ষা করে তারপর Final Design করুন।

---

📝 Practical Exercise — 03

🎯 Project: “Graphic Design Course” Poster

একটি Poster তৈরি করুন।

Heading:

GRAPHIC DESIGN শিখুন

Subheading:

শূন্য থেকে Professional Designer

Body:

Design Basics • Color • Typography • Photoshop • Canva

CTA:

আজই শুরু করুন

Challenge:

একই Content দিয়ে ৩টি Version তৈরি করুন:

Version 01: Sans Serif Style

Version 02: Serif + Sans Serif Pairing

Version 03: Creative Display Heading + Simple Body Font

তারপর তুলনা করুন—

কোনটি সবচেয়ে Readable?

কোনটির Hierarchy পরিষ্কার?

কোনটি সবচেয়ে Professional?

কোনটি Target Audience-এর জন্য বেশি উপযুক্ত?

---

⭐ Chapter 03-এর মূল শিক্ষা

> “ভালো Typography শুধু সুন্দর Font নির্বাচন করা নয়; বরং সঠিক Font-কে সঠিক জায়গায়, সঠিক Size, Weight, Spacing ও Alignment-এর মাধ্যমে ব্যবহার করাই Professional Typography।”

🔜 পরবর্তী অধ্যায়

Chapter 04 — Layout & Composition

Design-এর সব Element কীভাবে সঠিকভাবে সাজিয়ে Professional Layout তৈরি করবেন?