Cap Height | ارتفاع حروف بزرگ

ارتفاع حروف بزرگ یا cap height یکی از اندازه‌های عمودی کلیدی در تایپوگرافی است که توضیح می‌دهد چرا دو قلم با یک اندازهٔ نقطه‌ای می‌توانند از نظر مقیاس دیده‌شده کاملاً متفاوت به‌نظر برسند. اندازهٔ نقطه‌ای فضای بلوک حروف را توصیف می‌کند؛ ارتفاع حروف بزرگ همان چیزی را توصیف می‌کند که چشم روی حروف تخت بزرگ مثل اچ یا آی واقعاً می‌بیند. طراح وقتی تیتر و متن بدنه را کنار هم می‌چیند، وقتی متن را داخل دکمه وسط‌چین می‌کند، یا وقتی قلم برند روی دستگاه کاربر به قلم سیستم عقب می‌نشیند، به این اندازه نیاز دارد.

آنچه چشم می‌بیند، نه فقط عدد اندازهٔ فونت

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

در بیشتر قلم‌ها ارتفاع حروف بزرگ بین ارتفاع x و ارتفاع بالارونده قرار می‌گیرد، هرچند بعضی طراحی‌ها حروف بزرگ را تا خط بالارونده می‌رسانند یا پایین‌تر نگه می‌دارند. این انتخاب بخشی از شخصیت بصری قلم است و روی ریتم متن پیوسته اثر می‌گذارد. بدون فهم این نسبت‌ها، تصمیم «همین اندازه را برای هر دو فونت بگذار» اغلب به ناهماهنگی ناخوشایند می‌انجامد.

جفت‌سازی قلم و انسجام بصری در رابط

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

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

هم‌ترازی نوری و بیش‌روی منحنی‌ها

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

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

تفاوت قلم‌ها در یک اندازهٔ نقطه‌ای

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

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

نسبت با ارتفاع x و حس خواندن

نسبت ارتفاع حروف بزرگ به ارتفاع x از ویژگی‌های دیدنی دسته‌بندی قلم‌هاست. قلم‌های سبک قدیمی‌تر اغلب حروف بزرگ را نسبت به حروف کوچک بلندتر نگه می‌دارند و حس رسمی‌تری می‌سازند؛ برای خواندن راحت ممکن است به اندازهٔ بزرگ‌تر نیاز باشد چون پهنهٔ ارتفاع x کوچک‌تر است. بسیاری از سنس‌سریف‌های انسان‌گرا و قلم‌های معاصر نسبت فشرده‌تری دارند و حروف کوچک حضور بیشتری می‌گیرند؛ این برای خوانایی صفحه مفید است چون بیشتر بازشناسی در پهنهٔ ارتفاع x رخ می‌دهد.

قلم‌هایی مثل جورجیا و وردانا و بسیاری از وب‌فونت‌های امروزی با ارتفاع x بزرگ نسبت به حروف بزرگ طراحی شده‌اند تا روی نمایشگرهای با وضوح متوسط واضح بمانند. انتخاب قلم برای متن طولانی بدون توجه به این نسبت، اغلب به خستگی یا احساس «ریز بودن» در اندازه‌ای که روی کاغذ کافی به‌نظر می‌رسید می‌انجامد.

لوگو، واحد CSS و ابزار طراحی

در فایل‌های اپن‌تایپ، ارتفاع حروف بزرگ معمولاً به‌صورت مقداری نسبت به مربع ام ثبت می‌شود. ابزارها و مرورگرها از آن برای موقعیت‌دهی و قابلیت‌هایی مثل واحد cap در سی‌اس‌اس استفاده می‌کنند؛ واحدی برابر ارتفاع حروف بزرگ قلم جاری که برای هم‌تراز کردن آیکون و اجزای رابط با حروف بزرگ مفید است. اگر قلم این مقدار را اعلام نکند، نرم‌افزار ممکن است از مرز گلیف تخت مثل اچ تخمین بزند و هم‌ترازی بین قلم‌ها کمی بلغزد.

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

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

چک عملی برای تیم طراحی و فرانت

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

در بازبینی رابط، به ناهماهنگی ارتفاع در ناوبری، کارت‌ها و فرم‌ها حساس باشید؛ اغلب ریشه در فرض برابری فونت‌سایز بدون نگاه به cap height است. با همین دقت کوچک، یکدستی بصری محصول بدون افزایش بی‌مورد اندازهٔ همهٔ متن‌ها حفظ می‌شود و خوانایی در دستگاه‌های مختلف قابل پیش‌بینی‌تر می‌ماند.