مبدل تایپوگرافی
از گوتنبرگ تا رتینا: تسلط بر واحدهای تایپوگرافی
واحدهای تایپوگرافی اساس طراحی را در پلتفرمهای چاپی، وب و موبایل تشکیل میدهند. از سیستم سنتی پوینت که در دهه ۱۷۰۰ تأسیس شد تا اندازهگیریهای مدرن مبتنی بر پیکسل، درک این واحدها برای طراحان، توسعهدهندگان و هر کسی که با متن کار میکند ضروری است. این راهنمای جامع بیش از ۲۲ واحد تایپوگرافی، زمینه تاریخی، کاربردهای عملی و تکنیکهای تبدیل آنها را برای کارهای حرفهای پوشش میدهد.
مفاهیم بنیادی: درک اندازهگیری تایپوگرافی
پوینت (pt)
واحد مطلق تایپوگرافی، استاندارد شده به عنوان ۱/۷۲ اینچ
پوینتها اندازه فونت، فاصله بین خطوط (leading) و سایر ابعاد تایپوگرافی را اندازهگیری میکنند. فونت ۱۲pt به این معنی است که فاصله از پایینترین نزولی تا بالاترین صعودی ۱۲ پوینت (۱/۶ اینچ یا ۴.۲۳ میلیمتر) است. سیستم پوینت اندازهگیریهای مستقل از دستگاه را ارائه میدهد که به طور مداوم در رسانههای مختلف ترجمه میشوند.
مثال: ۱۲pt Times New Roman = ۰.۱۶۶۷ اینچ ارتفاع = ۴.۲۳ میلیمتر. متن بدنه حرفهای معمولاً از ۱۰-۱۲pt استفاده میکند، عناوین ۱۸-۷۲pt.
پیکسل (px)
واحد دیجیتالی که یک نقطه را روی صفحه یا تصویر نشان میدهد
پیکسلها واحدهای وابسته به دستگاه هستند که بر اساس تراکم صفحه (DPI/PPI) متفاوت هستند. همان تعداد پیکسل در نمایشگرهای با وضوح پایین (۷۲ PPI) بزرگتر و در نمایشگرهای رتینا با وضوح بالا (۲۲۰+ PPI) کوچکتر به نظر میرسد. درک روابط DPI/PPI برای تایپوگرافی مداوم در دستگاههای مختلف بسیار مهم است.
مثال: ۱۶px در ۹۶ DPI = ۱۲pt. همان ۱۶px در ۳۰۰ DPI (چاپ) = ۳.۸۴pt. همیشه هنگام تبدیل پیکسلها DPI هدف را مشخص کنید.
پایکا (pc)
واحد تایپوگرافی سنتی برابر با ۱۲ پوینت یا ۱/۶ اینچ
پایکاها عرض ستونها، حاشیهها و ابعاد طرحبندی صفحه را در طراحی چاپ سنتی اندازهگیری میکنند. نرمافزارهای نشر رومیزی مانند InDesign و QuarkXPress از پایکا به عنوان واحد اندازهگیری پیشفرض استفاده میکنند. یک پایکا دقیقاً برابر با ۱۲ پوینت است که تبدیلها را ساده میکند.
مثال: یک ستون روزنامه استاندارد ممکن است ۱۵ پایکا عرض داشته باشد (۲.۵ اینچ یا ۱۸۰ پوینت). طرحبندی مجلات اغلب از اندازههای ۳۰-۴۰ پایکا استفاده میکنند.
- ۱ پوینت (pt) = ۱/۷۲ اینچ = ۰.۳۵۲۸ میلیمتر — اندازهگیری فیزیکی مطلق
- ۱ پایکا (pc) = ۱۲ پوینت = ۱/۶ اینچ — استاندارد طرحبندی و عرض ستون
- پیکسلها وابسته به دستگاه هستند: ۹۶ DPI (ویندوز)، ۷۲ DPI (مک قدیمی)، ۳۰۰ DPI (چاپ)
- پوینت PostScript (۱۹۸۴) قرنها سیستمهای تایپوگرافی ناسازگار را یکپارچه کرد
- تایپوگرافی دیجیتال از پوینت برای طراحی و از پیکسل برای پیادهسازی استفاده میکند
- DPI/PPI تبدیل پیکسل به پوینت را تعیین میکند: DPI بالاتر = اندازه فیزیکی کوچکتر
مثالهای سریع تبدیل
تکامل اندازهگیری تایپوگرافی
قرون وسطی و اوایل دوره مدرن (۱۴۵۰-۱۷۳۷)
۱۴۵۰–۱۷۳۷
پیدایش حروف متحرک نیاز به اندازهگیریهای استاندارد را ایجاد کرد، اما سیستمهای منطقهای برای قرنها ناسازگار باقی ماندند.
- ۱۴۵۰: چاپخانه گوتنبرگ نیاز به اندازههای استاندارد حروف را ایجاد کرد
- دهه ۱۵۰۰: اندازههای حروف به نام نسخههای کتاب مقدس نامگذاری شدند (سیسرو، آگوستین و غیره)
- دهه ۱۶۰۰: هر منطقه اروپایی سیستم پوینت خود را توسعه داد
- دهه ۱۶۹۰: تایپوگراف فرانسوی فورنیه یک سیستم ۱۲ تقسیمی را پیشنهاد داد
- سیستمهای اولیه: بسیار ناهماهنگ، با اختلاف ۰.۰۱-۰.۰۲ میلیمتر بین مناطق
سیستم دیدو (۱۷۳۷-۱۸۸۶)
۱۷۳۷–۱۸۸۶
چاپگر فرانسوی فرانسوا-آمبرواز دیدو اولین استاندارد واقعی را ایجاد کرد که در سراسر اروپای قارهای پذیرفته شد و هنوز هم در فرانسه و آلمان استفاده میشود.
- ۱۷۳۷: فورنیه یک سیستم پوینت مبتنی بر اینچ سلطنتی فرانسه را پیشنهاد داد
- ۱۷۷۰: فرانسوا-آمبرواز دیدو سیستم را اصلاح کرد — ۱ پوینت دیدو = ۰.۳۷۶ میلیمتر
- ۱۷۸۵: سیسرو (۱۲ پوینت دیدو) به اندازه استاندارد تبدیل شد
- دهه ۱۸۰۰: سیستم دیدو بر چاپ اروپای قارهای مسلط شد
- مدرن: هنوز هم در فرانسه، آلمان، بلژیک برای چاپ سنتی استفاده میشود
سیستم آنگلو-آمریکایی (۱۸۸۶-۱۹۸۴)
۱۸۸۶–۱۹۸۴
چاپگران آمریکایی و بریتانیایی سیستم پایکا را استاندارد کردند و ۱ پوینت را برابر با ۰.۰۱۳۸۳۷ اینچ (۱/۷۲.۲۷ اینچ) تعریف کردند که بر تایپوگرافی انگلیسیزبان مسلط شد.
- ۱۸۸۶: بنیانگذاران حروف آمریکایی سیستم پایکا را تأسیس کردند: ۱ pt = ۰.۰۱۳۸۳۷ اینچ
- ۱۸۹۸: بریتانیاییها استاندارد آمریکایی را پذیرفتند و وحدت آنگلو-آمریکایی را ایجاد کردند
- دهههای ۱۹۳۰-۱۹۷۰: سیستم پایکا بر تمام چاپهای انگلیسیزبان مسلط شد
- تفاوت: پوینت آنگلو-آمریکایی (۰.۳۵۱ میلیمتر) در مقابل دیدو (۰.۳۷۶ میلیمتر) — ۷٪ بزرگتر
- تأثیر: نیاز به ریختهگری حروف جداگانه برای بازارهای ایالات متحده/بریتانیا در مقابل بازارهای اروپایی
انقلاب PostScript (۱۹۸۴-اکنون)
۱۹۸۴–اکنون
استاندارد PostScript شرکت Adobe با تعریف ۱ پوینت به عنوان دقیقاً ۱/۷۲ اینچ، تایپوگرافی جهانی را یکپارچه کرد و به قرنها ناسازگاری پایان داد و تایپوگرافی دیجیتال را امکانپذیر ساخت.
- ۱۹۸۴: Adobe PostScript ۱ pt را دقیقاً برابر با ۱/۷۲ اینچ (۰.۳۵۲۸ میلیمتر) تعریف کرد
- ۱۹۸۵: Apple LaserWriter PostScript را به استاندارد نشر رومیزی تبدیل کرد
- دهه ۱۹۹۰: پوینت PostScript به استاندارد جهانی تبدیل شد و جایگزین سیستمهای منطقهای شد
- دهه ۲۰۰۰: TrueType و OpenType اندازهگیریهای PostScript را پذیرفتند
- مدرن: پوینت PostScript استاندارد جهانی برای تمام طراحیهای دیجیتال است
سیستمهای تایپوگرافی سنتی
قبل از اینکه PostScript اندازهگیریها را در سال ۱۹۸۴ یکپارچه کند، سیستمهای تایپوگرافی منطقهای با تعاریف منحصر به فرد پوینت در کنار هم وجود داشتند. این سیستمها برای چاپ تاریخی و کاربردهای تخصصی همچنان مهم هستند.
سیستم دیدو (فرانسوی/اروپایی)
تأسیس شده در سال ۱۷۷۰ توسط فرانسوا-آمبرواز دیدو
استاندارد اروپای قارهای، که هنوز هم در فرانسه، آلمان و بخشهایی از اروپای شرقی برای چاپ سنتی استفاده میشود.
- ۱ پوینت دیدو = ۰.۳۷۶ میلیمتر (در مقابل PostScript ۰.۳۵۳ میلیمتر) — ۶.۵٪ بزرگتر
- ۱ سیسرو = ۱۲ پوینت دیدو = ۴.۵۱ میلیمتر (قابل مقایسه با پایکا)
- مبتنی بر اینچ سلطنتی فرانسه (۲۷.۰۷ میلیمتر)، که سادگی شبیه به متریک را فراهم میکند
- هنوز هم در چاپ کتابهای هنری و کلاسیک اروپایی ترجیح داده میشود
- کاربرد مدرن: چاپخانه ملی فرانسه، تایپوگرافی فراکتور آلمان
سیستم TeX (آکادمیک)
ایجاد شده در سال ۱۹۷۸ توسط دونالد نوث برای حروفچینی کامپیوتری
استاندارد آکادمیک برای نشر ریاضی و علمی، بهینه شده برای ترکیب دقیق دیجیتال.
- ۱ پوینت TeX = ۱/۷۲.۲۷ اینچ = ۰.۳۵۱ میلیمتر (مطابق با پوینت قدیمی آنگلو-آمریکایی)
- انتخاب شده برای حفظ سازگاری با نشریات آکادمیک پیش از دیجیتال
- ۱ پایکا TeX = ۱۲ پوینت TeX (کمی کوچکتر از پایکا PostScript)
- مورد استفاده LaTeX، سیستم غالب نشر علمی
- حیاتی برای: مقالات آکادمیک، متون ریاضی، مجلات فیزیک
Twip (سیستمهای کامپیوتری)
تایپوگرافی Microsoft Word و Windows
واحد اندازهگیری داخلی برای پردازشگرهای کلمه، که کنترل دقیقی بر طرحبندی اسناد دیجیتال فراهم میکند.
- ۱ توئیپ = ۱/۲۰ پوینت = ۱/۱۴۴۰ اینچ = ۰.۰۱۷۶ میلیمتر
- نام: «یک بیستم پوینت» — اندازهگیری بسیار دقیق
- مورد استفاده داخلی: Microsoft Word, Excel, PowerPoint, Windows GDI
- امکان اندازههای پوینت کسری بدون محاسبات ممیز شناور را فراهم میکند
- ۲۰ توئیپ = ۱ پوینت، که دقت ۰.۰۵pt را برای حروفچینی حرفهای امکانپذیر میکند
پوینت چاپگر آمریکایی
استاندارد بنیانگذاران حروف آمریکایی در سال ۱۸۸۶
استاندارد پیش از دیجیتال برای چاپ انگلیسیزبان، که کمی با PostScript متفاوت است.
- ۱ پوینت چاپگر = ۰.۰۱۳۸۳۷ اینچ = ۰.۳۵۱ میلیمتر
- برابر با ۱/۷۲.۲۷ اینچ (در مقابل PostScript ۱/۷۲) — ۰.۴٪ کوچکتر
- پایکا = ۰.۱۶۶ اینچ (در مقابل PostScript ۰.۱۶۶۶۷) — تفاوت به سختی قابل تشخیص
- از سال ۱۸۸۶ تا ۱۹۸۴ قبل از یکپارچهسازی PostScript مسلط بود
- تأثیر میراثی: برخی از چاپخانههای سنتی هنوز به این سیستم ارجاع میدهند
اندازههای رایج تایپوگرافی
| کاربرد | پوینت | پیکسل (۹۶ DPI) | یادداشتها |
|---|---|---|---|
| چاپ ریز / پاورقیها | 8-9 pt | 11-12 px | حداقل خوانایی |
| متن بدنه (چاپ) | 10-12 pt | 13-16 px | کتابها، مجلات |
| متن بدنه (وب) | 12 pt | 16 px | پیشفرض مرورگر |
| زیرعنوانها | 14-18 pt | 19-24 px | عناوین بخشها |
| عناوین (H2-H3) | 18-24 pt | 24-32 px | عناوین مقالات |
| عناوین اصلی (H1) | 28-48 pt | 37-64 px | عناوین صفحه/پوستر |
| نوع نمایش | 60-144 pt | 80-192 px | پوسترها، بیلبوردها |
| حداقل هدف لمسی | 33 pt | 44 px | دسترسیپذیری iOS |
| استاندارد عرض ستون | 180 pt (15 pc) | 240 px | روزنامهها |
| فاصله خطوط استاندارد | 14.4 pt (برای متن ۱۲pt) | 19.2 px | فاصله خطوط ۱۲۰٪ |
حقایق جالب درباره تایپوگرافی
ریشه «فونت»
کلمه «فونت» از کلمه فرانسوی «fonte» به معنای «ریختهگری» یا «ذوب شده» میآید—اشاره به فلز مذابی که برای ایجاد قطعات حروف فلزی در چاپ سنتی به قالبها ریخته میشد.
چرا ۷۲ پوینت؟
PostScript ۷۲ پوینت در هر اینچ را انتخاب کرد زیرا ۷۲ بر ۲، ۳، ۴، ۶، ۸، ۹، ۱۲، ۱۸، ۲۴ و ۳۶ بخشپذیر است—که محاسبات را آسانتر میکند. همچنین با سیستم سنتی پایکا (۷۲.۲۷ پوینت/اینچ) بسیار نزدیک بود.
گرانترین فونت
Bauer Bodoni برای خانواده کامل ۸۹,۹۰۰ دلار قیمت دارد—یکی از گرانترین فونتهای تجاری که تا به حال فروخته شده است. طراحی آن سالها کار برای دیجیتالی کردن از نمونههای اصلی حروف فلزی دهه ۱۹۲۰ نیاز داشت.
روانشناسی Comic Sans
علیرغم نفرت طراحان، Comic Sans سرعت خواندن را برای خوانندگان دیسلکسیک ۱۰-۱۵٪ افزایش میدهد به دلیل شکلهای نامنظم حروف که از سردرگمی کاراکترها جلوگیری میکند. این در واقع یک ابزار دسترسیپذیری ارزشمند است.
نماد جهانی
نماد «@» در زبانهای مختلف نامهای متفاوتی دارد: «حلزون» (ایتالیایی)، «دم میمون» (هلندی)، «موش کوچک» (چینی)، و «شاهماهی ترشی رول شده» (چکی)—اما همان کاراکتر ۲۴pt است.
انتخاب ۷۲ DPI مک
اپل برای مکهای اصلی ۷۲ DPI را انتخاب کرد تا دقیقاً با پوینتهای PostScript مطابقت داشته باشد (۱ پیکسل = ۱ پوینت)، که برای اولین بار در سال ۱۹۸۴ نشر رومیزی WYSIWYG را ممکن کرد. این کار طراحی گرافیک را متحول کرد.
خط زمانی تکامل تایپوگرافی
1450
گوتنبرگ حروف متحرک را اختراع کرد—اولین نیاز به استانداردهای اندازهگیری حروف
1737
فرانسوا-آمبرواز دیدو سیستم پوینت دیدو (۰.۳۷۶ میلیمتر) را ایجاد کرد
1886
بنیانگذاران حروف آمریکایی سیستم پایکا را استاندارد کردند (۱ pt = ۱/۷۲.۲۷ اینچ)
1978
دونالد نوث سیستم پوینت TeX را برای حروفچینی آکادمیک ایجاد کرد
1984
Adobe PostScript ۱ pt را دقیقاً برابر با ۱/۷۲ اینچ تعریف کرد—یکپارچهسازی جهانی
1985
Apple LaserWriter PostScript را به نشر رومیزی آورد
1991
فرمت فونت TrueType تایپوگرافی دیجیتال را استاندارد کرد
1996
CSS تایپوگرافی وب را با اندازهگیریهای مبتنی بر پیکسل معرفی کرد
2007
iPhone نمایشگرهای رتینا @۲x را معرفی کرد—طراحی مستقل از تراکم
2008
Android با dp (پیکسلهای مستقل از تراکم) راهاندازی شد
2010
فونتهای وب (WOFF) تایپوگرافی سفارشی را به صورت آنلاین امکانپذیر کردند
2014
مشخصات فونتهای متغیر—یک فایل، سبکهای بینهایت
تایپوگرافی دیجیتال: صفحهنمایشها، DPI و تفاوتهای پلتفرم
تایپوگرافی دیجیتال اندازهگیریهای وابسته به دستگاه را معرفی میکند که در آن همان مقدار عددی اندازههای فیزیکی متفاوتی را بر اساس تراکم صفحه ایجاد میکند. درک قراردادهای پلتفرم برای طراحی مداوم بسیار مهم است.
ویندوز (استاندارد ۹۶ DPI)
۹۶ DPI (۹۶ پیکسل در هر اینچ)
مایکروسافت در ویندوز ۹۵، ۹۶ DPI را استاندارد کرد و نسبت ۴:۳ بین پیکسلها و پوینتها ایجاد کرد. این همچنان پیشفرض برای اکثر نمایشگرهای کامپیوتر است.
- ۱ پیکسل در ۹۶ DPI = ۰.۷۵ پوینت (۴ پیکسل = ۳ پوینت)
- ۱۶ پیکسل = ۱۲ پوینت — تبدیل رایج اندازه متن بدنه
- تاریخچه: به عنوان ۱.۵ برابر استاندارد اصلی CGA ۶۴ DPI انتخاب شد
- مدرن: نمایشگرهای با DPI بالا از مقیاسبندی ۱۲۵٪، ۱۵۰٪، ۲۰۰٪ (۱۲۰، ۱۴۴، ۱۹۲ DPI) استفاده میکنند
- پیشفرض وب: CSS برای تمام تبدیلهای پیکسل به فیزیکی ۹۶ DPI را فرض میکند
macOS (میراث ۷۲ DPI، رتینا ۲۲۰ PPI)
۷۲ DPI (میراث)، ۲۲۰ PPI (@۲x رتینا)
۷۲ DPI اصلی اپل با پوینتهای PostScript ۱:۱ مطابقت داشت. نمایشگرهای مدرن رتینا از مقیاسبندی @۲x/@۳x برای رندر واضح استفاده میکنند.
- میراث: ۱ پیکسل در ۷۲ DPI = دقیقاً ۱ پوینت (تطابق کامل)
- رتینا @۲x: ۲ پیکسل فیزیکی در هر پوینت، ۲۲۰ PPI مؤثر
- رتینا @۳x: ۳ پیکسل فیزیکی در هر پوینت، ۳۳۰ PPI (آیفون)
- مزیت: اندازههای پوینت در صفحه و پیشنمایش چاپ مطابقت دارند
- واقعیت: رتینا فیزیکی ۲۲۰ PPI است اما برای نمایش به صورت ۱۱۰ PPI (۲×) مقیاسبندی شده است
اندروید (خط پایه ۱۶۰ DPI)
۱۶۰ DPI (پیکسل مستقل از تراکم)
سیستم dp (پیکسلهای مستقل از تراکم) اندروید به خط پایه ۱۶۰ DPI نرمال میشود، با سطلهای تراکم برای صفحههای مختلف.
- ۱ dp در ۱۶۰ DPI = ۰.۴۵ پوینت (۱۶۰ پیکسل/اینچ ÷ ۷۲ پوینت/اینچ)
- سطلهای تراکم: ldpi (۱۲۰)، mdpi (۱۶۰)، hdpi (۲۴۰)، xhdpi (۳۲۰)، xxhdpi (۴۸۰)
- فرمول: پیکسلهای فیزیکی = dp × (DPI صفحه / ۱۶۰)
- ۱۶sp (پیکسل مستقل از مقیاس) = حداقل اندازه متن توصیه شده
- مزیت: همان مقدار dp در تمام دستگاههای اندروید به صورت فیزیکی یکسان به نظر میرسد
iOS (۷۲ DPI @۱x، ۱۴۴+ DPI @۲x/@۳x)
۷۲ DPI (@۱x)، ۱۴۴ DPI (@۲x)، ۲۱۶ DPI (@۳x)
iOS از پوینت به عنوان یک واحد منطقی یکسان با پوینتهای PostScript استفاده میکند، با تعداد پیکسلهای فیزیکی که به نسل صفحه بستگی دارد (غیر رتینا @۱x، رتینا @۲x، سوپر رتینا @۳x).
- ۱ پوینت iOS در @۱x = ۱.۰ پوینت PostScript (خط پایه ۷۲ DPI، همانند PostScript)
- رتینا @۲x: ۲ پیکسل فیزیکی در هر پوینت iOS (۱۴۴ DPI)
- سوپر رتینا @۳x: ۳ پیکسل فیزیکی در هر پوینت iOS (۲۱۶ DPI)
- تمام طراحیهای iOS از پوینت استفاده میکنند؛ سیستم به طور خودکار تراکم پیکسل را مدیریت میکند
- ۱۷pt = حداقل اندازه متن بدنه توصیه شده (دسترسیپذیری)
DPI در مقابل PPI: درک تراکم صفحه و چاپ
DPI (نقطه در هر اینچ)
وضوح چاپگر — چند نقطه جوهر در یک اینچ جا میشود
DPI وضوح خروجی چاپگر را اندازهگیری میکند. DPI بالاتر با قرار دادن نقاط جوهر بیشتر در هر اینچ، متن و تصاویر نرمتری تولید میکند.
- ۳۰۰ DPI: استاندارد برای چاپ حرفهای (مجلات، کتابها)
- ۶۰۰ DPI: چاپ لیزری با کیفیت بالا (اسناد تجاری)
- ۱۲۰۰-۲۴۰۰ DPI: چاپ عکس حرفهای و بازتولید آثار هنری
- ۷۲ DPI: فقط برای پیشنمایش صفحه — برای چاپ غیرقابل قبول (دندانهدار به نظر میرسد)
- ۱۵۰ DPI: چاپ پیشنویس یا پوسترهای بزرگ (که از فاصله دیده میشوند)
PPI (پیکسل در هر اینچ)
وضوح صفحه — چند پیکسل در یک اینچ نمایشگر جا میشود
PPI تراکم نمایشگر را اندازهگیری میکند. PPI بالاتر با بستهبندی پیکسلهای بیشتر در همان فضای فیزیکی، متن صفحه واضحتری ایجاد میکند.
- ۷۲ PPI: نمایشگرهای اصلی مک (۱ پیکسل = ۱ پوینت)
- ۹۶ PPI: نمایشگرهای استاندارد ویندوز (۱.۳۳ پیکسل در هر پوینت)
- ۱۱۰-۱۲۰ PPI: مانیتورهای لپتاپ/رومیزی ارزانقیمت
- ۲۲۰ PPI: مکبوک رتینا، آیپد پرو (تراکم پیکسل ۲×)
- ۳۲۶-۴۵۸ PPI: آیفون رتینا/سوپر رتینا (تراکم پیکسل ۳×)
- ۴۰۰-۶۰۰ PPI: تلفنهای اندرویدی پیشرفته (سامسونگ، گوگل پیکسل)
DPI و PPI اغلب به جای یکدیگر استفاده میشوند اما چیزهای مختلفی را اندازهگیری میکنند. DPI برای چاپگرها (نقاط جوهر) و PPI برای صفحهنمایشها (پیکسلهای ساطعکننده نور) است. هنگام طراحی، همیشه مشخص کنید: «صفحه با ۹۶ PPI» یا «چاپ با ۳۰۰ DPI» — هرگز فقط «DPI» را به تنهایی استفاده نکنید، زیرا مبهم است.
کاربردهای عملی: انتخاب واحدهای مناسب
طراحی چاپ
چاپ از واحدهای مطلق (پوینت، پایکا) استفاده میکند زیرا اندازه خروجی فیزیکی باید دقیق و مستقل از دستگاه باشد.
- متن بدنه: ۱۰-۱۲pt برای کتابها، ۹-۱۱pt برای مجلات
- عناوین: ۱۸-۷۲pt بسته به سلسله مراتب و فرمت
- فاصله خطوط (leading): ۱۲۰٪ اندازه فونت (متن ۱۲pt = فاصله خطوط ۱۴.۴pt)
- اندازهگیری ابعاد مطلق با پایکا: «عرض ستون: ۱۵ پایکا»
- همیشه با ۳۰۰ DPI برای چاپ حرفهای طراحی کنید
- هرگز از پیکسل برای چاپ استفاده نکنید — آنها را به پوینت/پایکا/اینچ تبدیل کنید
طراحی وب
تایپوگرافی وب از پیکسلها و واحدهای نسبی استفاده میکند زیرا صفحهنمایشها از نظر اندازه و تراکم متفاوت هستند.
- متن بدنه: ۱۶px پیشفرض (استاندارد مرورگر) = ۱۲pt در ۹۶ DPI
- هرگز از پوینتهای مطلق در CSS استفاده نکنید — مرورگرها آنها را به طور غیرقابل پیشبینی رندر میکنند
- طراحی واکنشگرا: از rem (نسبت به فونت ریشه) برای مقیاسپذیری استفاده کنید
- حداقل متن: ۱۴px برای بدنه، ۱۲px برای زیرنویسها (دسترسیپذیری)
- ارتفاع خط: ۱.۵ (بدون واحد) برای خوانایی متن بدنه
- پرسوجوهای رسانه: برای ۳۲۰px (موبایل) تا ۱۹۲۰px+ (رومیزی) طراحی کنید
برنامههای موبایل
پلتفرمهای موبایل از واحدهای مستقل از تراکم (dp/pt) برای اطمینان از اندازه فیزیکی مداوم در تراکمهای مختلف صفحه استفاده میکنند.
- iOS: با پوینت (pt) طراحی کنید، سیستم به طور خودکار به @۲x/@۳x مقیاسبندی میکند
- Android: از dp (پیکسلهای مستقل از تراکم) برای طرحبندیها و از sp برای متن استفاده کنید
- حداقل هدف لمسی: ۴۴pt (iOS) یا ۴۸dp (Android) برای دسترسیپذیری
- متن بدنه: حداقل ۱۶sp (Android) یا ۱۷pt (iOS)
- هرگز از پیکسلهای فیزیکی استفاده نکنید — همیشه از واحدهای منطقی (dp/pt) استفاده کنید
- در تراکمهای متعدد آزمایش کنید: mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi
آکادمیک و علمی
نشر آکادمیک از پوینتهای TeX برای دقت ریاضی و سازگاری با ادبیات موجود استفاده میکند.
- LaTeX از پوینتهای TeX (۷۲.۲۷ در هر اینچ) برای سازگاری قدیمی استفاده میکند
- مجله استاندارد: فونت Computer Modern ۱۰pt
- قالب دو ستونی: ستونهای ۳.۳۳ اینچی (۲۴۰pt) با فاصله ۰.۲۵ اینچ (۱۸pt)
- معادلات: اندازهگیری دقیق پوینت برای نمادگذاری ریاضی حیاتی است
- با دقت تبدیل کنید: ۱ پوینت TeX = ۰.۹۹۶۳ پوینت PostScript
- خروجی PDF: TeX به طور خودکار تبدیلهای سیستم پوینت را مدیریت میکند
تبدیلها و محاسبات رایج
مرجع سریع برای تبدیلهای روزمره تایپوگرافی:
تبدیلهای ضروری
| از | به | فرمول | مثال |
|---|---|---|---|
| پوینت | اینچ | pt ÷ ۷۲ | ۷۲pt = ۱ اینچ |
| پوینت | میلیمتر | pt × ۰.۳۵۲۸ | ۱۲pt = ۴.۲۳ میلیمتر |
| پوینت | پایکا | pt ÷ ۱۲ | ۷۲pt = ۶ پایکا |
| پیکسل (۹۶ DPI) | پوینت | px × ۰.۷۵ | ۱۶px = ۱۲pt |
| پیکسل (۷۲ DPI) | پوینت | px × ۱ | ۱۲px = ۱۲pt |
| پایکا | اینچ | pc ÷ ۶ | ۶pc = ۱ اینچ |
| اینچ | پوینت | in × ۷۲ | ۲in = ۱۴۴pt |
| dp اندروید | پوینت | dp × ۰.۴۵ | ۳۲dp = ۱۴.۴pt |
مرجع کامل تبدیل واحد
تمام واحدهای تایپوگرافی با ضرایب تبدیل دقیق. واحد پایه: پوینت PostScript (pt)
واحدهای مطلق (فیزیکی)
Base Unit: پوینت PostScript (pt)
| Unit | To Points | To Inches | Example |
|---|---|---|---|
| پوینت (pt) | × ۱ | ÷ ۷۲ | ۷۲ pt = ۱ اینچ |
| پایکا (pc) | × ۱۲ | ÷ ۶ | ۶ pc = ۱ اینچ = ۷۲ pt |
| اینچ (in) | × ۷۲ | × ۱ | ۱ in = ۷۲ pt = ۶ pc |
| میلیمتر (mm) | × ۲.۸۳۴۶ | ÷ ۲۵.۴ | ۲۵.۴ mm = ۱ in = ۷۲ pt |
| سانتیمتر (cm) | × ۲۸.۳۴۶ | ÷ ۲.۵۴ | ۲.۵۴ cm = ۱ in |
| پوینت دیدو | × ۱.۰۷ | ÷ ۶۷.۶ | ۶۷.۶ Didot = ۱ in |
| سیسرو | × ۱۲.۸۴ | ÷ ۵.۶ | ۱ cicero = ۱۲ Didot |
| پوینت TeX | × ۰.۹۹۶۳ | ÷ ۷۲.۲۷ | ۷۲.۲۷ TeX pt = ۱ in |
واحدهای صفحه/دیجیتال (وابسته به DPI)
این تبدیلها به DPI صفحه (نقطه در هر اینچ) بستگی دارند. فرضیات پیشفرض: ۹۶ DPI (ویندوز)، ۷۲ DPI (مک قدیمی)
| Unit | To Points | Formula | Example |
|---|---|---|---|
| پیکسل @ ۹۶ DPI | × ۰.۷۵ | pt = px × ۷۲/۹۶ | ۱۶ px = ۱۲ pt |
| پیکسل @ ۷۲ DPI | × ۱ | pt = px × ۷۲/۷۲ | ۱۲ px = ۱۲ pt |
| پیکسل @ ۳۰۰ DPI | × ۰.۲۴ | pt = px × ۷۲/۳۰۰ | ۳۰۰ px = ۷۲ pt = ۱ in |
واحدهای پلتفرم موبایل
واحدهای منطقی مختص پلتفرم که با تراکم دستگاه مقیاسبندی میشوند
| Unit | To Points | Formula | Example | |
|---|---|---|---|---|
| dp اندروید | × ۰.۴۵ | pt ≈ dp × ۷۲/۱۶۰ | ۳۲ dp ≈ ۱۴.۴ pt | |
| pt iOS (@۱x) | × ۱.۰ | پوینت PostScript = پوینت iOS (یکسان) | ۱۷ iOS pt = ۱۷ PostScript pt | |
| pt iOS (@۲x رتینا) | ۲ پیکسل فیزیکی در هر پوینت iOS | ۲× پیکسل | ۱ پوینت iOS = ۲ پیکسل صفحه | |
| pt iOS (@۳x) | ۳ پیکسل فیزیکی در هر پوینت iOS | ۳× پیکسل | ۱ پوینت iOS = ۳ پیکسل صفحه |
واحدهای قدیمی و تخصصی
| Unit | To Points | Formula | Example |
|---|---|---|---|
| Twip (۱/۲۰ pt) | ÷ ۲۰ | pt = twip / ۲۰ | ۱۴۴۰ twip = ۷۲ pt = ۱ in |
| Q (۱/۴ mm) | × ۰.۷۰۸۷ | pt = Q × ۰.۲۵ × ۲.۸۳۴۶ | ۴ Q = ۱ mm |
| پوینت بزرگ PostScript | × ۱.۰۰۳۷۵ | دقیقاً ۱/۷۲ اینچ | ۷۲ bp = ۱.۰۰۲۷ in |
محاسبات ضروری
| Calculation | Formula | Example |
|---|---|---|
| تبدیل DPI به پوینت | pt = (px × ۷۲) / DPI | ۱۶px @ ۹۶ DPI = (۱۶×۷۲)/۹۶ = ۱۲ pt |
| اندازه فیزیکی از پوینتها | اینچ = pt / ۷۲ | ۱۴۴ pt = ۱۴۴/۷۲ = ۲ اینچ |
| فاصله خطوط (leading) | فاصله خطوط = اندازه فونت × ۱.۲ تا ۱.۴۵ | فونت ۱۲pt → فاصله خطوط ۱۴.۴-۱۷.۴pt |
| وضوح چاپ | پیکسلهای مورد نیاز = (اینچ × DPI) برای عرض و ارتفاع | ۸×۱۰ in @ ۳۰۰ DPI = ۲۴۰۰×۳۰۰۰ px |
بهترین شیوهها برای تایپوگرافی
طراحی چاپ
- همیشه با پوینت یا پایکا کار کنید — هرگز برای چاپ از پیکسل استفاده نکنید
- اسناد را از ابتدا در اندازه واقعی (۳۰۰ DPI) تنظیم کنید
- برای متن بدنه از ۱۰-۱۲pt استفاده کنید؛ هر چیزی کوچکتر خوانایی را کاهش میدهد
- فاصله خطوط برای خواندن راحت باید ۱۲۰-۱۴۵٪ اندازه فونت باشد
- حاشیهها: حداقل ۰.۵ اینچ (۳۶pt) برای صحافی و جابجایی
- قبل از ارسال به چاپخانه تجاری، یک چاپ آزمایشی در اندازه واقعی بگیرید
توسعه وب
- برای اندازههای فونت از rem استفاده کنید — این به کاربر امکان میدهد بدون شکستن طرحبندی، بزرگنمایی کند
- فونت ریشه را روی ۱۶px (پیشفرض مرورگر) تنظیم کنید — هرگز کوچکتر نباشد
- به جای ارتفاعهای ثابت، از مقادیر ارتفاع خط بدون واحد (۱.۵) استفاده کنید
- هرگز از اندازههای پوینت مطلق در CSS استفاده نکنید — رندر غیرقابل پیشبینی
- در دستگاههای واقعی آزمایش کنید، نه فقط با تغییر اندازه مرورگر — DPI مهم است
- حداقل اندازه فونت: ۱۴px برای بدنه، ۱۲px برای زیرنویسها، ۴۴px برای اهداف لمسی
برنامههای موبایل
- iOS: در @۱x طراحی کنید، داراییهای @۲x و @۳x را به طور خودکار صادر کنید
- Android: در dp طراحی کنید، در mdpi/hdpi/xhdpi/xxhdpi آزمایش کنید
- حداقل متن: ۱۷pt (iOS) یا ۱۶sp (Android) برای دسترسیپذیری
- اهداف لمسی: حداقل ۴۴pt (iOS) یا ۴۸dp (Android)
- در دستگاههای فیزیکی آزمایش کنید — شبیهسازها تراکم واقعی را نشان نمیدهند
- در صورت امکان از فونتهای سیستمی استفاده کنید — آنها برای پلتفرم بهینه شدهاند
دسترسیپذیری
- حداقل متن بدنه: ۱۶px (وب)، ۱۷pt (iOS)، ۱۶sp (Android)
- کنتراست بالا: ۴.۵:۱ برای متن بدنه، ۳:۱ برای متن بزرگ (۱۸pt+)
- از مقیاسبندی کاربر پشتیبانی کنید: از واحدهای نسبی استفاده کنید، نه اندازههای ثابت
- طول خط: ۴۵-۷۵ کاراکتر در هر خط برای خوانایی بهینه
- ارتفاع خط: حداقل ۱.۵ برابر اندازه فونت برای دسترسیپذیری دیسلکسیا
- با صفحهخوانها و بزرگنمایی ۲۰۰٪ آزمایش کنید
سوالات متداول
چرا متن من در فتوشاپ و ورد اندازههای متفاوتی دارد؟
فتوشاپ برای نمایش صفحه ۷۲ PPI را فرض میکند، در حالی که ورد برای طرحبندی ۹۶ DPI (ویندوز) را استفاده میکند. فونت ۱۲pt در فتوشاپ ۳۳٪ بزرگتر از ورد در صفحه به نظر میرسد، حتی اگر هر دو در اندازههای یکسان چاپ شوند. فتوشاپ را برای کارهای چاپی روی ۳۰۰ PPI تنظیم کنید تا اندازهگیری دقیقی داشته باشید.
آیا باید برای وب با پوینت یا پیکسل طراحی کنم؟
همیشه با پیکسل (یا واحدهای نسبی مانند rem/em) برای وب. پوینتها واحدهای فیزیکی مطلقی هستند که در مرورگرها و دستگاههای مختلف به طور ناهماهنگ رندر میشوند. ۱۲pt ممکن است در یک دستگاه ۱۶px و در دیگری ۲۰px باشد. برای تایپوگرافی وب قابل پیشبینی از px/rem استفاده کنید.
تفاوت بین pt، px و dp چیست؟
pt = فیزیکی مطلق (۱/۷۲ اینچ)، px = پیکسل صفحه (با DPI متغیر است)، dp = مستقل از تراکم اندروید (به ۱۶۰ DPI نرمال شده است). از pt برای چاپ، px برای وب، dp برای اندروید، pt منطقی iOS برای iOS استفاده کنید. هر سیستم برای پلتفرم خود بهینه شده است.
چرا ۱۲pt در برنامههای مختلف متفاوت به نظر میرسد؟
برنامهها پوینتها را بر اساس فرض DPI خود به طور متفاوتی تفسیر میکنند. ورد از ۹۶ DPI، فتوشاپ به طور پیشفرض ۷۲ PPI و InDesign از وضوح واقعی دستگاه استفاده میکند. ۱۲pt هنگام چاپ همیشه ۱/۶ اینچ است، اما به دلیل تنظیمات DPI در صفحه اندازههای متفاوتی دارد.
چگونه پوینتهای TeX را به پوینتهای PostScript تبدیل کنم؟
پوینتهای TeX را در ۰.۹۹۶۳ ضرب کنید تا پوینتهای PostScript را به دست آورید (۱ پوینت TeX = ۱/۷۲.۲۷ اینچ در مقابل ۱/۷۲ اینچ PostScript). تفاوت ناچیز است—فقط ۰.۳۷٪—اما برای نشر آکادمیک که فاصله دقیق برای نمادگذاری ریاضی حیاتی است، مهم است.
با چه وضوحی باید طراحی کنم؟
چاپ: حداقل ۳۰۰ DPI، ۶۰۰ DPI برای کیفیت بالا. وب: با ۹۶ DPI طراحی کنید، داراییهای @۲x را برای رتینا فراهم کنید. موبایل: با @۱x در واحدهای منطقی (pt/dp) طراحی کنید، @۲x/@۳x را صادر کنید. هرگز با ۷۲ DPI طراحی نکنید مگر اینکه هدف شما نمایشگرهای قدیمی مک باشد.
چرا ۱۶px استاندارد وب است؟
اندازه فونت پیشفرض مرورگر ۱۶px است (معادل ۱۲pt در ۹۶ DPI)، که برای خوانایی بهینه در فواصل مشاهده معمول (۱۸-۲۴ اینچ) انتخاب شده است. هر چیزی کوچکتر خوانایی را کاهش میدهد، به خصوص برای کاربران مسنتر. همیشه از ۱۶px به عنوان پایه برای اندازهگیری نسبی استفاده کنید.
آیا باید در مورد پوینتهای دیدو بدانم؟
فقط اگر با چاپ سنتی اروپایی، ناشران فرانسوی یا بازتولیدهای تاریخی کار میکنید. پوینتهای دیدو (۰.۳۷۶ میلیمتر) ۶.۵٪ بزرگتر از پوینتهای PostScript هستند. طراحی دیجیتال مدرن به طور جهانی از پوینتهای PostScript استفاده میکند—دیدو عمدتاً برای تایپوگرافی کلاسیک و کتابهای هنری مرتبط است.
فهرست کامل ابزارها
همه 71 ابزار موجود در UNITS