پرش به محتوا
آموزش و مهارتآموزشی

تایپوگرافی فارسی برای وب و شبکه‌های اجتماعی؛ از انتخاب فونت تا خوانایی

سسارا محمدی۲۱ مهر ۱۴۰۵۳ دقیقه مطالعه۳۱۲ بازدید
تایپوگرافی فارسی برای وب و شبکه‌های اجتماعی؛ از انتخاب فونت تا خوانایی

تایپوگرافی فارسی برای وب و شبکه‌های اجتماعی: انتخاب فونت، سلسله‌مراتب تایپوگرافیک، چهار عدد طلایی خوانایی متن فارسی و چک‌لیست نهایی — راهنمای عملی برای تولیدکنندگان محتوا.

چرا تایپوگرافی فارسی قواعد خودش را دارد

فونت فارسی «لاتینِ آینه‌ای» نیست؛ سه تفاوت ساختاری همهٔ قواعد را عوض می‌کند: حروف به هم می‌چسبند و فاصلهٔ بین‌حروف معنای متفاوتی دارد، ارتفاع حروف در یک کلمه نوسان بیشتری دارد، و کشیدگی بخشی از رسم‌الخط است نه زیاده‌گویی. به همین دلیل کپی‌کردن کورکورانهٔ اندازه‌ها و فاصله‌های لاتین، خوانایی متن فارسی را پایین می‌آورد. تایپوگرافی فارسی مجموعه‌ای از قواعد آزموده دارد و رعایت همین چند قاعده، مرز «حرفه‌ای» و «خام» را جابه‌جا می‌کند.

انتخاب فونت: رایگان، امن و حرفه‌ای

  • وزیرمتن: استاندارد رایج وب فارسی؛ رایگان، متنوع در وزن‌ها (از نازک تا سیاه) و به‌روز — نقطهٔ شروع مطمئن هر پروژه.
  • خانواده‌های فونت ایرانی شناخته‌شدهٔ دیگر، رایگان و تجاری، گزینه‌های پربکیفیت‌اند؛ پیش از استفاده مجوز را بخوانید، مخصوصاً برای استفادهٔ تجاری.
  • قاعدهٔ حداکثر دو فونت: یک فونت برای تیتر با وزن سنگین و همان فونت برای متن با وزن معمولی؛ ترکیب ساده‌تر همیشه تمیزتر است.
  • فونتی انتخاب کنید که اعداد فارسی و حروف لاتینِ داخل متن را هم‌خانواده داشته باشد؛ ناهماهنگی همین‌جا لو می‌رود.

سلسله‌مراتب تایپوگرافیک با مقیاس ساده

سلسله‌مراتب یعنی چشم مخاطب در نگاه اول بداند چه چیزی مهم‌تر است. مقیاس ضربدر حدود ۱٫۲۵:

  • تیتر اصلی: حدود ۳۰ تا ۴۰ پیکسل (در موبایل ۲۴ تا ۲۸)
  • تیتر بخش: حدود ۲۲ تا ۲۵ پیکسل
  • متن بدن: ۱۶ تا ۱۸ پیکسل؛ کمتر از ۱۶ پیکسل روی موبایل ظلم به خواننده است
  • توضیح و کپشن: ۱۳ تا ۱۴ پیکسل با رنگ کم‌تراکم‌تر

در پست شبکه‌های اجتماعی همین مقیاس را حدوداً دو برابر کنید؛ پست مربعی ۱۰۸۰ پیکسلی یعنی تیتر نزدیک ۸۰ تا ۱۰۰ پیکسل — عددی که غیرطراحان معمولاً کم می‌گیرند.

خوانایی متن فارسی: چهار عدد طلایی

  • طول سطر: حداکثر حدود ۷۰ تا ۹۰ کاراکتر (تقریباً ۸ تا ۱۲ کلمه)؛ سطرهای بلند، چشم را در بازگشت به ابتدای سطر گم می‌کنند.
  • ارتفاع خط: حدود ۱٫۷ تا ۲ برابر اندازهٔ فونت برای متن فارسی — کمی بیشتر از توصیهٔ رایج لاتین، به‌خاطر نوسان ارتفاع حروف.
  • فاصلهٔ پاراگراف: برابر یا کمی بیشتر از ارتفاع خط؛ پاراگراف‌های چسبیده، دیوار متنی می‌سازند.
  • تراز راست و فاصله‌گذاری طبیعی: متن فارسی راست‌چین است؛ تراز دوطرفهٔ مصنوعی در موبایل حروف را می‌پاشد.

نیم‌فاصله، اعداد فارسی و علائم

سه جزئیاتی که خروجی «ترجمه‌ای» را از محتوای حرفه‌ای جدا می‌کند:

  • نیم‌فاصله در می‌گیرم، نمی‌دانم، بی‌نهایت، به‌روزرسانی، وب‌سایت و کسب‌وکار؛ افزونه‌ها و ویرایشگرهای خودکار کمک می‌کنند اما بازبینی چشمی هنوز لازم است.
  • اعداد فارسی (۰۱۲۳۴۵۶۷۸۹) در متن فارسی؛ اعداد لاتین فقط وقتی بخشی از نام برند یا کد فنی است.
  • علائم فارسی: ویرگول فارسی (،)، گیومهٔ فارسی («») برای نقل‌قول و علامت پرسش فارسی (؟) — علامت‌های لاتین وسط جملهٔ فارسی، درد چشم و نشانهٔ بی‌دقتی‌اند.

تایپوگرافی در شبکه‌های اجتماعی + چک‌لیست

در پست و استوری، متن باید در ثانیهٔ اول خوانده شود:

  • تیتر حداکثر پنج تا هشت کلمه با یک پیام واحد؛ دو پیام یعنی هیچ پیام.
  • متن روی تصویر با لایهٔ تیره یا روشن پشت خود؛ کنتراست را مثل وب جدی بگیرید — اصول ترکیب رنگ برای محتوای دیجیتال مکمل همین مقاله است.
  • از فونت‌های تزئینی برای متن اصلی بپرهیزید؛ تزئینی فقط برای یک کلمهٔ تأکیدی.

چک‌لیست پیش از انتشار: حداکثر دو فونت؟ متن بدن حداقل ۱۶ پیکسل وب یا ۴۰ پیکسل پست؟ ارتفاع خط حدود ۱٫۸؟ سطرها زیر ۱۲ کلمه؟ نیم‌فاصله‌ها و اعداد فارسی درست‌اند؟ پنج «بله» یعنی تایپوگرافی شما در سطح تحریریه‌های حرفه‌ای است. برای قواعد کلی‌تر طراحی، اصول طراحی برای غیرطراحان را هم بخوانید.

ادامهٔ مسیر یادگیری

این مقالات مرتبط، تصویر کامل‌تری به شما می‌دهند:

آموزش فیگما از صفر؛ هر چیزی که برای شروع طراحی لازم دارید تفاوت UI و UX؛ دو دنیای متفاوت که یک محصول را می‌سازند روندهای طراحی ۲۰۲۶؛ چه چیزی می‌ماند و چه چیزی می‌رود؟ نوشتن کیس‌استادی پورتفولیو؛ طراحی‌هایی که استخدام می‌کنند ترکیب‌بندی تصویر برای شبکه‌های اجتماعی؛ قاب‌هایی که می‌ایستند

س
سارا محمدیسردبیر بخش هوش مصنوعی
مقالات نویسنده

این مطلب برایتان مفید بود؟

با پسندیدن، به ما کمک می‌کنید مطالب بهتری منتشر کنیم.

مطالب مرتبط

دو طرف میز مذاکره با برگهٔ پیشنهاد شغلی و ماشین‌حساب روی میز؛ نماد مذاکره حقوق و پیشنهاد شغلی
آموزش و مهارت

مذاکره حقوق در مصاحبه و پیشنهاد شغلی؛ بدون ریسک‌کردن فرصت

بیشتر ما اولین عددی که می‌شنویم را می‌پذیریم — و همان تفاوتِ سالانه را هر سال از دست می‌دهیم. این راهنمای مذاکره حقوق برای بازار ایران و دورکاری است: تحقیقِ عدد درست، زمان‌بندیِ اعلامش در مصاحبه، جمله‌های آماده و واکنش درست به پیشنهادِ کم.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
فلش‌کارت‌ها و تقویم مرور فاصله‌دار با فواصل ۱، ۳، ۷، ۱۴ و ۳۰ روز
آموزش و مهارت

راه‌اندازی سیستم مرور فاصله‌دار؛ از ساخت فلش‌کارت تا کار با Anki

نظریه را بلدید اما سیستم ندارید؟ راهنمای عملی راه‌اندازی مرور فاصله‌دار: چه چیزی ارزش فلش‌کارت‌شدن دارد، شش قاعدهٔ کارت خوب، جدول ۱-۳-۷-۱۴-۳۰ و روتین نگهداری روزی ۱۵ دقیقه.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
مقایسهٔ دو حالت مطالعه؛ تماشای منفعل ویدیو در برابر یادداشت‌برداری فعال
آموزش و مهارت

یادگیری فعال و منفعل؛ تفاوت واقعی و راه تبدیل مطالعهٔ منفعل به فعال

چرا سه ساعت تماشای ویدیو هیچ مهارتی نمی‌سازد؟ تفاوت واقعی یادگیری فعال و منفعل، توهم روانی‌بودن، پنج تکنیک عملی تبدیل و نسبت طلایی ۳۰ به ۷۰ در روتین هفتگی.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۵ دقیقه
طرح اولیهٔ یک پروژه روی میز کار؛ ساختن به‌جای فقط تماشای دوره
آموزش و مهارت

یادگیری با پروژه؛ از جمع‌کردن دوره‌ها تا ساختن مهارت واقعی

چرا دوره‌دیدن به‌تنهایی مهارت نمی‌سازد و چطور یادگیری را دور یک پروژهٔ واقعی بچینیم؟ نردبان انتخاب پروژه، چرخهٔ ساخت و یادگیری ۷۰/۳۰، دو مثال واقعی و مسیر رسیدن به نمونه‌کار.

تحریریه امروزینو
۱۴۰۵/۰۸/۰۱۶ دقیقه