typographyMay 1, 20268 min read

سریف در برابر سنس سریف: کِی کدام را به کار ببریم (و کِی اصلاً مهم نیست)

نگاهی صادقانه به سریف در برابر سنس سریف. این‌که تفاوتشان واقعاً کجا اهمیت دارد، اسطورهٔ خوانایی کجا فرو می‌ریزد، و چارچوبی برای تصمیم‌گیری که به ترندها اهمیتی نمی‌دهد.

By Boone
XLinkedIn
serif vs sans serif

«سریف‌ها برای چاپ‌اند، سنس سریف‌ها برای صفحه‌نمایش.» این جمله در هر مقالهٔ تایپوگرافی مقدماتی اینترنت پیدا می‌شود و دست‌کم پانزده سال است که غلط است. نمایشگرهای امروزی خطوط مویی را بی‌مشکل رندر می‌کنند. متن اصلی در Medium، The Atlantic، The New York Times و Stripe Press با سریف حروف‌چینی شده و روی گوشی عالی خوانده می‌شود. این اسطوره زنده مانده چون یاد دادنش آسان است، نه چون درست است.

نسخهٔ صادقانه شلوغ‌تر است. سریف و سنس سریف کارهای متفاوتی انجام می‌دهند و تفاوتشان در لحن، برند و بافتار دیده می‌شود، نه در خوانایی خام روی صفحه‌نمایش ۲۰۲۶. این مطلب روشن می‌کند انتخاب کجا واقعاً طراحی را تغییر می‌دهد و کجا طراح‌ها سر یک شیر یا خط دعوا می‌کنند.

نمودار آناتومی ووکسلی که یک T سریف‌دار و یک T سنس سریف را کنار هم نشان می‌دهد و پایه‌های سریف با برچسب‌های براکت، سریف و ترمینال مشخص شده‌اند
نمودار آناتومی ووکسلی که یک T سریف‌دار و یک T سنس سریف را کنار هم نشان می‌دهد و پایه‌های سریف با برچسب‌های براکت، سریف و ترمینال مشخص شده‌اند

دقیقاً چه چیزی این دو را از هم جدا می‌کند

سریف خط پایانیِ کوچکی است در انتهای خطوط اصلی حرف. سنس سریف هیچ‌کدام از این‌ها را ندارد. کل تفاوت ساختاری همین است. بقیه‌اش، یعنی گرمی، اقتدار، مدرن‌بودن، بار فرهنگی‌ای است که در چهارصد سال روی همین پایه‌های ریز انباشته شده.

خانواده‌های سریف به زیرگروه‌های کاربردی تقسیم می‌شوند. فیس‌های اُلد‌استایل مثل Garamond و Sabon خطوط نرم و خوشنویسانه‌ای دارند که از نوشتن با قلم پر به ارث رسیده. فیس‌های ترانزیشنال مثل Baskerville و Georgia میان خوشنویسی و هندسه ایستاده‌اند. فیس‌های مدرن یا Didone مثل Bodoni و Playfair به کنتراست بالا و خطوط مویی تیغ‌مانند می‌زنند. اسلب سریف‌ها مثل Rockwell و Roboto Slab پایه‌های ضخیم و بلوکی دارند و در لحن به سنس نزدیک‌ترند.

سنس سریف‌ها هم به همین شکل دسته‌بندی می‌شوند. سنس هندسی (Futura، Avenir، Circular) بر پایهٔ دایره و زاویه‌های تمیز ساخته شده. سنس انسان‌گرا (Gill Sans، Source Sans، Inter) تناسبش را از کتیبه‌های رومی وام می‌گیرد و گرم‌تر خوانده می‌شود. سنس‌های گروتسک و نئوگروتسک (Helvetica، Söhne، دوباره Inter، IBM Plex Sans) وسط ایستاده‌اند و برای همین بر کار UI حاکم‌اند.

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

اسطورهٔ خوانایی در یک پاراگراف

هیچ پژوهش صادقانه‌ای ثابت نمی‌کند سریف در اندازه‌های متن اصلی خواناتر از سنس سریف است. ادعای اولیهٔ «سریف‌ها چشم را هدایت می‌کنند» از مطالعات دوران چاپ آمده که بیشترشان یک سریف را با یک سنس مقایسه کرده بودند، روی کاغذ و در یک مجموعه شرایط. مطالعات کنترل‌شدهٔ مدرن، از جمله مرورهای Nielsen Norman Group، تقریباً هر بار به یک پاسخ می‌رسند. در اندازه‌های معقول روی نمایشگرهای مدرن، سریف‌ها و سنس سریف‌های خوب‌طراحی‌شده تقریباً با سرعت و درک مطلب برابر خوانده می‌شوند. تفاوت‌های درون هر دسته، یعنی کیفیت خود تایپ‌فیس، فاصله‌گذاری و طول خط، از تفاوت میان دو دسته خیلی بزرگ‌تر است.

خلاصه: تایپ‌فیسی را انتخاب کنید که به برند و بافتار بخورد. دست از بحث بردارید که کدام گروه «خواناتر» است. در اندازه‌های متن اصلی مساوی‌اند و در اندازه‌های تیتر، لحن خیلی بیشتر از سرعت قابل‌اندازه‌گیری اهمیت دارد.

کِی انتخاب واقعاً مهم است

انتخاب وقتی مهم است که احساس مخاطب نسبت به برند یا محتوا را تغییر دهد. این در پنج موقعیت مشخص رخ می‌دهد.

برند به میراث یا اقتدار نیاز دارد. دفاتر حقوقی، بانک‌های خصوصی، دانشگاه‌ها، ناشران ادبی، خانه‌های مد لوکس. این دسته‌ها صد سال قرارداد بصری دارند و سریف بخشی از این قرارداد است. حروف‌چینی Sotheby's با Inter قبل از آن‌که کسی بتواند دلیلش را بگوید غلط به نظر می‌رسد. سریف «خواناتر به نظر نمی‌رسد»، وزنی موروثی را با خود حمل می‌کند.

برند به مدرن‌بودن یا مهندسی نیاز دارد. SaaS، فین‌تک، ابزار توسعه‌دهندگان، زیرساخت هوش مصنوعی. Stripe، Linear، Vercel، OpenAI و Anthropic همه هویت سنس سریف دارند و تصادفی نیست. سنس سریف‌ها عقلانی، امروزی و ساخته‌شده برای سیستم‌ها خوانده می‌شوند. پوشاندن یک ابزار توسعهٔ ۲۰۲۶ در Garamond آرشیو را نشان می‌دهد، نه پلتفرم را.

محصول UI متراکم است. داشبورد، جدول داده، پنل تنظیمات، ویرایشگر کد. اینجا تقریباً همیشه سنس سریف می‌برد، نه به خاطر «خوانایی روی صفحه» بلکه چون ضخامت یکنواخت خطوطش در ۱۲ تا ۱۴ پیکسل داخل شبکه‌های فشرده دوام می‌آورد. سریف‌ها در اندازه‌های کوچک UI معمولاً روی شبکهٔ پیکسل می‌لرزند و شلوغ به نظر می‌رسند.

محصول خواندن طولانی و پیوسته است. سایت‌های editorial، پلتفرم‌های کتاب، روزنامه‌نگاری بلند. سریف و تایپ‌فیس‌های نزدیک به سریف (Source Serif، Newsreader، Lora، Tiempos Text، IBM Plex Serif) اغلب می‌برند، نه چون کاربر سریع‌تر می‌خواند، بلکه چون در یک نشست طولانی بافتش کمتر صنعتی حس می‌شود. Substack، Medium و بیشتر روزنامه‌های بزرگ بدنهٔ سریف را بی‌دلیل انتخاب نکرده‌اند.

تیتر به شخصیتی نیاز دارد که بدنه نمی‌تواند حملش کند. بدنهٔ سنس سریف خنثی در کنار نمایشی سریف با کنتراست بالا (Migra، Fraunces، Tobias) به برند در تیتر صدا می‌دهد، بی‌آن‌که تمیزی UI در بدنه فدا شود. یکی از رایج‌ترین الگوها در طراحی editorial مدرن، که ارزش دزدیدن دارد.

کِی انتخاب به‌سختی مهم است

در بیشتر موارد دیگر، بحث سریف در برابر سنس سریف اجرای هنری است. اگر تایپ‌فیس خوب طراحی شده باشد، فاصله‌گذاری درست باشد و سلسله‌مراتب روشن، هر دو دسته جواب می‌دهند. چند مورد که طراح‌ها انرژی‌شان را روی محور اشتباه هدر می‌دهند.

لندینگ‌پیج‌های عمومی SaaS. Inter، Söhne، Geist و Aeonik همه کار را راه می‌اندازند. یک Source Serif خوب‌حروف‌چینی‌شده هم همین‌طور. لحن برند تصمیم می‌گیرد، نه دسته.

متن بازاریابی صفحهٔ اصلی. متن اصلی در ۱۸ تا ۲۲ پیکسل در هر دو دسته تمیز خوانده می‌شود. بر اساس لحن انتخاب کنید و بنچمارک‌کردن را رها کنید.

لوگوها و wordmarkها. عمر یک wordmark به شکل حروف، کرنینگ و تناسب بستگی دارد، نه به این‌که تایپ‌فیس پایه دارد یا نه. هویت‌های شاخص زیادی با سریف کار می‌کنند (Vogue، Tiffany، The New York Times) و زیادی هم با سنس (Google، Spotify، Airbnb). دسته پایین‌دستِ برند است. مطلب راهنمای هویت برند توضیح می‌دهد این تصمیم در عمل چطور گرفته می‌شود.

ترکیب‌های واقعی، دسته‌های واقعی

مثال مشخص از حس و حال بهتر است. این‌ها انتخاب‌های تایپ‌فیسی‌اند که همین حالا در محصول واقعی کار می‌کنند و آنچه نشان می‌دهند.

برند یا محصولجهت تایپچه چیزی را نشان می‌دهد
Stripeسنس Söhneمهندسی‌شده، آرام، عقلانی
Linearسنس Inter Displayمدرن، سریع، متعلق به دنیای توسعه‌دهندگان
The New York Timesسریف Cheltenham و Imperialاقتدار، آرشیو، اعتماد
Substackبدنهٔ سریف Spectraleditorial، بلند، سنجیده
Appleسنس SF Proتمیز، پریمیوم، سیستم‌محور
Stripe Pressبدنهٔ سریف Tiemposادبی، عامدانه
Vogueسریف Didotلوکس، مد، میراث
Mediumبدنهٔ سریف Charterخواندن‌محور، راحت

الگو روشن است. سریف جایی ظاهر می‌شود که میراث، editorial یا خواندن پیوسته کار اصلی است. سنس جایی ظاهر می‌شود که سیستم، تراکم یا مهندسی کار اصلی است. تصمیم دنبال برند و بافتار می‌رود، نه رسانه.

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

چارچوبی برای انتخاب در پنج دقیقه

کل بحث در یک چک پنج‌سؤالی جا می‌شود. تایپ‌فیس کاندیدا را از آن رد کنید تا جواب پیدا شود.

  1. برند باید چه چیزی را منتقل کند؟ میراث، اقتدار، editorial یا مد به سریف می‌گرایند. مدرن‌بودن، سیستم، مهندسی یا بازار انبوه به سنس.
  2. تایپ بیشتر وقت‌ها کجا زندگی می‌کند؟ خواندن بلند سریف یا نزدیک به سریف را ترجیح می‌دهد. UI متراکم سنس را.
  3. مخاطب در این دسته به چه چیزی عادت دارد؟ بانک، حقوق، نشر و لوکس قراردادهای سریف دارند. SaaS، فین‌تک و ابزار توسعه قراردادهای سنس. قرارداد را فقط با دلیل بشکنید.
  4. تایپ‌فیس در اندازه‌های کوچک روی دستگاه واقعی چه می‌کند؟ در ۱۴ پیکسل روی یک گوشی واقعی تست کنید، نه در یک specimen فیگما. بعضی سریف‌ها دوام می‌آورند، بعضی له می‌شوند.
  5. آیا با همتایی جفت می‌شود که کار دیگر را انجام دهد؟ تیتر سریف تقریباً همیشه شریک بدنهٔ سنس می‌خواهد و عکسش هم رایج است. منطق کامل در راهنمای جفت‌کردن فونت آمده.

اگر جواب‌ها در یک سمت جمع شوند، انتخاب بدیهی است. اگر تقسیم شوند، بریف برند تساوی را می‌شکند. برند همیشه تساوی را می‌شکند.

چه چیزهایی را در ۲۰۲۶ باید نادیده گرفت

چند عادت که امسال وقت بازنشستگی‌شان است. قاعدهٔ «سریف برای چاپ، سنس برای صفحه» مرده است. هر نمایشگر مدرن هر دو دسته را در اندازه‌های متن اصلی تمیز رندر می‌کند.

فرض این‌که سنس سریف «مدرن‌تر» است هم قدیمی شده. احیای سریف‌ها مثل Migra، Fraunces و Tobias، به‌علاوهٔ برندهای editorial مدرن با بدنهٔ سریف (Stripe Press، Substack)، ادعای مدرن‌بودن را سست نشان می‌دهد. این ایده که یک دسته خودبه‌خود «خواناتر» است همان اسطوره در لباسی دیگر است. کیفیت تایپ‌فیس خیلی بیشتر از دسته‌ای که به آن تعلق دارد اهمیت دارد.

غریزهٔ انتخاب تایپ‌فیس پیش از بریف برند وارونه است. بریف دسته را انتخاب می‌کند، دسته کاندیداها را محدود می‌کند و کاندیداها بر سر کیفیت ساخت، لایسنس و عملکرد رقابت می‌کنند.

سؤالات متداول

آیا سریف‌ها واقعاً روی صفحه‌نمایش سخت‌تر خوانده می‌شوند؟

نه در اندازه‌های متن اصلی امروزی روی نمایشگرهای امروزی. سریف‌های مویی در اندازه‌های بسیار کوچک UI می‌توانند روی شبکهٔ پیکسل بلرزند، اما سریف‌های متنیِ خوب‌طراحی‌شده (Source Serif، Newsreader، Lora، IBM Plex Serif) در ۱۶ تا ۲۲ پیکسل روی گوشی و لپ‌تاپ تمیز خوانده می‌شوند. ادعای «سریف‌ها برای چاپ‌اند» یادگار دوران چاپ است، نه اندازه‌گیری ۲۰۲۶.

کِی باید برای یک وب‌سایت از فونت سریف استفاده کنم؟

وقتی برند به میراث، وزن editorial یا تجربهٔ خواندن پیوسته نیاز دارد از سریف استفاده کنید. روزنامه‌نگاری بلند، پلتفرم‌های کتاب، برندهای ادبی، مد لوکس و حقوق یا مالی اغلب بدنهٔ سریف را توجیه می‌کنند. بدنهٔ سریف را با یک سنس تمیز برای عناصر UI مثل دکمه، لیبل و فرم جفت کنید تا سیستم هم در لندینگ‌پیج‌ها و هم در صفحه‌های محصول دوام بیاورد.

آیا تیتر و بدنه باید از یک دسته باشند؟

لزوماً نه. یک الگوی رایج و بادوام، تیتر سریف با کنتراست بالا و بدنهٔ سنس انسان‌گرا است که در بالای صفحه شخصیت برند را می‌دهد و در بقیهٔ چیدمان رندر تمیزی دارد. برعکسش، تیتر سنس مطمئن با بدنهٔ سریف آرام، در بافتارهای editorial زیبا خوانده می‌شود. دسته‌ها ابزارند، نه تیم.

تایپ‌فیس را انتخاب کنید، بعد بحث را فراموش کنید

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

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

اگر تیمی می‌خواهید که تایپ‌فیس را انتخاب کند، سیستم را بسازد و برند و UI محصول را با هم تحویل دهد، Brainy را استخدام کنید. ما سریف در برابر سنس سریف را یک تصمیم پنج‌دقیقه‌ای می‌دانیم، و بقیهٔ پروژه را صرف کاری می‌کنیم که واقعاً در محصول دیده می‌شود.

Want a typography system built around your brand instead of a tired serif vs sans serif debate? Brainy designs the type, the system, and the product UI as one project.

Get Started

More from Brainy Papers

Keep reading