تایپوگرافی خوب میتواند مخاطبان را برای مدت طولانیتری درگیر محتوای شما نگه دارد. در مقابل، تایپوگرافی ضعیف بهراحتی میتواند خوانندگان را سردرگم کند و آنها را به دنبال منابع اطلاعاتی دیگری بفرستد. برای ایجاد دیزاینهای تایپوگرافی بهتر، ابتدا باید با اصطلاحات پایهای تایپوگرافی آشنا شوید.
سلسلهمراتب تایپوگرافی
زمانی که سلسلهمراتب بصری روی متن اعمال میشود، به آن سلسلهمراتب تایپوگرافی گفته میشود. این سلسلهمراتب تحت تأثیر عواملی مانند اندازه، فونت، سبک، رنگ و موقعیت قرار دارد.
به طور کلی، متن به سه سطح اهمیت تقسیم میشود:
- اصلی (Primary): اطلاعات کلیدی و برجسته.
- ثانویه (Secondary): اطلاعات پشتیبان و توضیحدهنده.
- سطح سوم / ثالثیه یا جانبی (Tertiary): جزئیات یا یادداشتهای کماهمیتتر.
سلسلهمراتب تایپوگرافی خوب باعث میشود متن به شکلی طبیعی و روان خوانده شود و کاربران را به شکلی منسجم در مسیر اطلاعات هدایت کند.
تیتر (Headline)
تیترها برای نمایش متنهای اصلی مانند عنوان یک مقاله یا وبلاگ استفاده میشوند. هدف هر تیتر جلب توجه مخاطب و تشویق او به خواندن بیشتر است. به همین دلیل، تیترها باید کوتاه و توصیفی باشند.
بااینحال، میتوانید در دیزاین تیترها خلاقیت به خرج دهید. تیترها فرصت مناسبی برای استفاده از تایپفیسهای اسکریپت، قلمهای بولد یا ایتالیک و اعمال استایلها و افکتهای متنوع هستند. با این حال، دقت کنید که از استایلهای زیاد استفاده نکنید؛ کمتر، بهتر است.
تیتر ابرو (Eyebrow Headline)
تیتر ابرو در سلسلهمراتب تایپوگرافی در رتبه دوم قرار میگیرد و بالای تیتر اصلی قرار میگیرد (مانند قرار گرفتن ابرو بالای چشم). این تیترها معمولاً شامل برچسبها یا کلمات کلیدی هستند که به کاربران کمک میکنند موضوع محتوا را درک کنند.
تیترهای ابرو زمانی مؤثرتر هستند که بهصورت گروهی استفاده شوند، مانند یک لیست کارتها. گاهی اوقات، از آنها در مقالات یا محتوای مجزا استفاده میشود تا نشان دهند این محتوا بخشی از یک مجموعه ادامهدار است.
متن اصلی (Body)
متن اصلی محتوا پس از تیتر میآید و پایینترین سطح در سلسلهمراتب تایپوگرافی است. بسیار مهم است که این متن خوانا و در دسترس برای همه کاربران باشد. اطمینان حاصل کنید که فونتی که استفاده میکنید، به اندازه کافی ساده، خوانا و با اندازه و استایل مناسب انتخاب شده باشد.
💡 نکته حرفهای: از تایپفیسهایی استفاده کنید که شامل چندین سبک (فونت) باشند؛ این فونتها برای کاربردهای مختلف، از جمله متن اصلی، انعطافپذیرتر هستند.
تراز سمت چپ (Flush Left Alignment)
متن با تراز سمت چپ در راستای حاشیه یا مرز چپ تنظیم میشود. این نوع تراز رایجترین شکل است، زیرا با الگوی طبیعی خواندن در زبانهای چپبهراست هماهنگ است.
برای متنهای اصلی یا هر بلوک بزرگ متنی معمولاً از تراز سمت چپ استفاده کنید.
توجه داشته باشید که این نوع تراز در زبانهای راستبهچپ مانند فارسی یا عربی مناسب نیست.
تراز مرکز (Centered Alignment)
متن با تراز مرکز در راستای یک محور نامرئی در میان حاشیههای چپ و راست تنظیم میشود. این نوع تراز در هر دو طرف خطوط متن فضای خالی باقی میگذارد و توجه را به متن جلب میکند.
تراز مرکز برای تیترها و عناوین یا بلوکهای کوتاه متن مانند نقلقولها مناسب است. بیش از سه خط متن با تراز مرکز استفاده نکنید، زیرا خواندن آن دشوار میشود.
تراز سمت راست (Flush Right Alignment)
متن با تراز سمت راست در راستای حاشیه یا مرز راست تنظیم میشود. این نوع تراز برای زبانهای راستبهچپ، مانند فارسی یا عربی، ایدهآل است زیرا با الگوی طبیعی خواندن هماهنگ است.
همچنین برای متنهای کوتاه مانند تیترها یا اطلاعات متا نیز مناسب است.
تراز کامل (Justified Alignment)
در تراز کامل، همه خطوط (به جز خط آخر در پاراگراف) تمام عرض ظرف خود را پر میکنند. این نوع تراز معمولاً در مواد چاپی مانند کتابها یا اسناد قانونی استفاده میشود.
با این حال، در محتوای دیجیتال فقط باید برای بلوکهای کوتاه متن از تراز کامل استفاده کنید، زیرا فاصله اجباری بین کلمات و حروف، فضای سفید ناسازگاری ایجاد میکند.
کرنینگ / فاصله بین حروف (Kerning)
کرنینگ به تنظیم فاصله بین کاراکترهای منفرد در یک خط متن اشاره دارد. این عنصر در تایپوگرافی اهمیت زیادی دارد، زیرا بر خوانایی و جذابیت بصری تأثیر میگذارد. برخلاف تِرکینگ که فاصله بین همه کاراکترها را بهصورت یکنواخت تنظیم میکند، کرنینگ روی فاصله بین دو کاراکتر خاص تمرکز دارد.
ترکیبهای رایج نیازمند کرنینگ:
- حروف بزرگ مانند T با حروف کوچک بعدی مانند o، a یا e (To, Ta, Te)
- حروف بزرگ مانند W با a یا o (Wa, Wo)
- حروفی مانند f با i یا l (fi, fl)
- حروفی مانند r با y یا t (ry, rt)
چرا کرنینگ مهم است؟
- افزایش خوانایی : کرنینگ صحیح، متن را خواناتر میکند.
- بهبود زیبایی : متن با کرنینگ مناسب، تعادل بصری بهتری دارد.
- ایجاد تأکید : میتوان از کرنینگ برای برجسته کردن کلمات یا بخشهای خاص استفاده کرد.
دیزاینرها معمولاً در تیترها، لوگوها و سایر قسمتهایی که اندازه متن بزرگ است، کرنینگ را اعمال میکنند. تغییرات ظریف میتواند تاثیر قابلتوجهی داشته باشد، به همین دلیل توجه به جزئیات کرنینگ هنگام کار بر روی هر پروژه دیزاین بسیار مهم است.
ترکینگ (Tracking)
ترکینگ به فاصله بین تمام کاراکترهای متن در کل محدوده اشاره دارد. تنظیم ترکینگ میتواند به برجستهتر کردن تیترها و عناوین کمک کند، اما برای بلوکهای بزرگ متن معمولاً نیازی به تنظیم ترکینگ نیست زیرا اکثر تایپفیسها ترکینگ خود را بر اساس کپی متن تنظیم میکنند.
انواع ترکینگ:
- ترکینگ مثبت: افزایش فاصله بین حروف برای خوانایی بیشتر و ایجاد کنتراست.
- ترکینگ منفی: کاهش فاصله بین حروف برای ایجاد یک جلوه خاص.
تنظیمات کوچک ترکینگ میتواند تأثیرات بصری جذابی ایجاد کند، اما زیادهروی در تغییر ترکینگ ممکن است خوانایی متن را کاهش دهد. بنابراین، هنگام اعمال ترکینگ، باید تعادل را حفظ کنید و اطمینان حاصل کنید که متن همچنان خوانا باقی بماند.
ارتفاع خط (Line Height)
ارتفاع خط یا فاصله خطوط، فاصله عمودی بین دو خط متن مجاور است. تنظیم درست ارتفاع خط برای خوانایی متن بسیار مهم است.
- فاصله کم باعث میشود متن فشرده و شلوغ به نظر برسد.
- فاصله زیاد حرکت چشم خواننده بین خطوط را دشوار میکند.
نکته: ارتفاع خط باید به گونهای تنظیم شود که تعادل میان فشردگی و خوانایی حفظ شود.
