Leading və sətirlərarası məsafə: bu nədir və iOS və Android-də konfiqurasiya

Leading və sətirlərarası məsafə nədir

Leading (tələffüzü „lidinq”) — tipoqrafikada qonşu sətirlərin baza xətləri arasındakı şaquli məsafədir. Baza xətti — mətn simvollarının yerləşdiyi görünməz xəttdir. Leading nə qədər böyükdürssə, sətirlər bir-birinə nisbətən bir o qədər sərbəst yerləşir. Rəqəmsal tipoqrafikada leading çox vaxt sətirlərarası məsafə və ya sətir hündurlüyü adlanır.

Tarixən termin metal tipoqrafiya dövründə yaranıb: dizaynerlər intervalı artırmaq üçün sətirlər arasına nazik qurğuşun zolaqlar qoyurdular. Müasir şriftlərdə leading şrift ölçüsünə nisbət kimi müyyənləşdirilir. Sistem dəyəri standart olaraq 1.2 (şrift ölçüsünün 120%) təşkil edir, lakin uzun mətnlər və mobil interfeyslər üçün daha böyük dəyər tövsiyə olunur. Material Design Typography Təlimatlarına görə, veb və mobil interfeyslər üçün optimal sətir hündurlüyü əsas mətn üçün 1.4-1.5 təşkil edir.

Leading və line spacing arasındakı fərq: leading — baza xəttindən baza xəttinə qədər tam məsafə, line spacing — bir sətrin aşağı sərhəddi ilə növbəti sətrin yuxarı sərhəddi arasındakı məsafədir. Əksər mobil API-lərdə (iOS NSParagraphStyle, Android TextView) sətrin təbii hündurlüyü üstərinə əlavə məsafə kimi məhz line spacing istifadə olunur. Ümumi sətirlərarası məsafəni hesablayarkən bunu nəzərə almaq vacibdir.

Mobil interfeyslər üçün optimal leading dəyərləri

Optimal leading-in seçilməsi bir neçə amildən asılıdır: şrift ölçüsü, sətir uzunluğu, istifadə konteksti və auditoriya. Sətir uzunluğu 40-60 simvol olan tipik mobil interfeyslər üçün şrift ölçüsündən 1.4-dən 1.6-dək leading tövsiyə olunur. Qısa sətirlər (etiketlər, dümələr) daha kiçik leading istifadə edə bilər — 1.0-1.2. Uzun mətnlər (məqalələr, təsvirlər) — maksimum oxunaqlılıq üçün 1.8-dək böyük leading.

Eksperimental məlumatlar: Wichita State University Software Usability Laboratory tərəfindən aparılan tədqiqat göstərdi ki, leading 1.5 eyni sətir genişliyində leading 1.0 ilə müqayisədə oxu sürətini 7.5% artırır. Disleksiyası olan istifadəçilər üçün optimal leading daha yüksəkdir — 1.8-dək. Bu məlumatlar WCAG 2.2 tövsiyələri ilə təsdiqlənir və məzmun itkisi olmadan sətirlərarası məsafənin 1.5-dək artırılmasını tələb edir.

Şriftin təsiri: yüksək x-height (kiçik hərflərin nisbi hündurlüyü) olan şriftlər aşağı x-height olan şriftlərdən daha böyük leading tələb edir. Məsələn, Helvetica (yüksək x-height) bədən mətni üçün leading 1.5, Didot (aşağı x-height) isə 1.3 tövsiyə edir. Bu onunla əlaqəlidir ki, yüksək x-height-də eyni sətirlərarası məsafədə sətirlər vizual olaraq daha tez birləşir.

iOS-da NSParagraphStyle vasitəsilə leading-in tətbiqi

iOS-da sətirlərarası məsafə NSMutableParagraphStyle sinfi vasitəsilə idarə olunur, bu sinif iki əsas xüsusiyyətə malikdir: lineSpacing (ballarla sətirlər arasında əlavə məsafə) və lineHeightMultiple (sətir hündurlüyü çarpanı). Bu xüsusiyyətlər birlikdə işləyir: ümumi sətir hündurlüyü şriftin təbii hündurlüyü ilə lineHeightMultiple hasili üstəlik lineSpacing kimi hesablanır.

let paragraphStyle = NSMutableParagraphStyle()

// Metod 1: sətir hündurlüyü çarpanı
paragraphStyle.lineHeightMultiple = 1.5

// Metod 2: sətirlər arasında əlavə məsafə
paragraphStyle.lineSpacing = 4.0

// NSAttributedString vasitəsilə tətbiq edin
let attributedText = NSAttributedString(
    string: "Text with custom line spacing",
    attributes: [
        .paragraphStyle: paragraphStyle
    ]
)

lineHeightMultiple — üstünlük verilən üsul, çünki şrift ölçüsü dəyişəndə avtomatik miqyaslanır. lineSpacing mütləq ballarla müyyənləşdirilir və miqyaslanmır, bu Dynamic Type istifadə edərkən uyğunsuzluğa səbəb ola bilər. Apple Text Programming Guide-a görə, accessibility uyğun interfeyslər üçün lineHeightMultiple-i UIFontMetrics ilə birlikdə istifadə edin.

SwiftUI Text və VStack üçün .lineSpacing() modifikatorunu təqdim edir. UIKit-dən fərqli olaraq, SwiftUI-də sətirlərarası məsafə nöqtələrlə müyyənləşdirilir və daxili çarpana malik deyil. Çarpanı tətbiq etmək üçün tərtibatçı şrift ölçüsünə əsasən sətirlərarası məsafəni əl ilə hesablamalıdır. Məhdudiyyət: SwiftUI birbaşa lineHeightMultiple dəstəkləmir — hesablanmış dəyərlə .lineSpacing(CGFloat) istifadə edin.

struct LeadingTextView: View {
    let fontSize: CGFloat = 17

    var lineSpacing: CGFloat {
        fontSize * 0.5 // Şrift ölçüsünün 50%-i
    }

    var body: some View {
        Text("Sətirlərarası məsafə")
        Text("1.5 çarpanı")
            .lineSpacing(lineSpacing)
            .font(.system(size: fontSize))
    }
}

Android-də sətirlərarası məsafənin konfiqurasiyası

Android-də sətirlərarası məsafə iki TextView atributu vasitəsilə müyyənləşdirilir: lineSpacingExtra (px ilə əlavə məsafə) və lineSpacingMultiplier (sətir hündurlüyü çarpanı, standart 1.0). iOS-a bənzər şəkildə, çarpan şrift ölçüsü dəyişəndə miqyaslanır, extra isə mütləq dəyərdir. Accessibility uyğun interfeyslər üçün çarpandan istifadə etmək daha üstünlükdür.

// XML tərtibində
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Text with line spacing"
    android:lineSpacingExtra="4dp"
    android:lineSpacingMultiplier="1.5"
    android:textSize="16sp" />

// Kotlin-də proqramlaşdırma ilə
val textView = findViewById<TextView>(R.id.contentText)
textView.setLineSpacing(
    TypedValue.applyDimension(
        TypedValue.COMPLEX_UNIT_DIP,
        4f,
        resources.displayMetrics
    ),
    1.5f
)

Compose — müasir Android UI çərçivəsi — TextStyle modifikatorunda lineHeight parametrindən istifadə edir. XML yanaşmasından fərqli olaraq, Compose-də lineHeight sp ilə tam sətir hündurlüyü kimi müyyənləşdirilir (standart = fontSize * 1.2). Çarpanı təyin etmək üçün tərtibatçı lineHeight-i fontSize faizi kimi göstərir: Nümunə: TextStyle(fontSize = 16.sp, lineHeight = 24.sp) çarpanı 1.5 verir.

Məhdudiyyət: Android-də API 28-dən əvvəl lineSpacingExtra və lineSpacingMultiplier bəzi şriftlərlə, xüsusilə özəl (TTF/OTF) şriftlərlə düzgün işləmir. Real cihazlarda sınaqdan keçirmək və systemTextView-in standart olaraq əlavə məsafə olmadan lineSpacingMultiplier 1.0 istifadə etdiyini nəzərə almaq tövsiyə olunur. ScrollView-də uzun mətnlər üçün sətirlərarası məsafəni açıq şəkildə təyin etmək lazımdır.

Veb inkişafda CSS line-height vasitəsilə sətirlərarası məsafə

Vebdə sətirlərarası məsafə line-height CSS xüsusiyyəti ilə müyyənləşdirilir, bu rəqəm (çarpan), faiz dəyəri, uzunluq vahidləri (px, em) və ya normal açar sözü ola bilər. Rəqəmsal çarpan — üstünlük verilən üsul, çünki miras alınır və uşaq elementlərin şrift ölçüsünə nisbətən miqyaslanır. Normal dəyəri əksər şriftlər üçün təxminən 1.2-yə uyğun gəlir.

/* Numerical multiplier (recommended) */
body {
    font-size: 16px;
    line-height: 1.5;
}

/* Percentage value */
.article-content {
    line-height: 150%;
}

/* Fixed value (does not scale) */
.small-text {
    font-size: 12px;
    line-height: 18px;
}

Rəqəmsal çarpan vs em: line-height: 1.5 və line-height: 1.5em fərqli şeydir. Rəqəmsal çarpan computed dəyər kimi miras alınır və hər uşaq element üçün onun font-size əsasında yenidən hesablanır. em valideynin font-size əsasında sabit computed dəyər kimi miras alınır. Bu kritik fərqdir: font-size: 20px font-size: 16px daxilində yerləşdirildikdə, line-height: 1.5 30px, line-height: 1.5em isə 24px (valideyndən) verir. Tövsiyə: həmişə rəqəmsal çarpandan istifadə edin.

iOS, Android və vebdə leading parametrlərinin müqayisəsi

Fərqli API-lərə baxmayaraq, sətirlərarası məsafənin konfiqurasiya prinsipi bütün platformalarda eynidir. Çarpan (multiplier) şrift ölçüsü dəyişəndə miqyaslanır və accessibility üçün əlverişlidir. Mütləq dəyər (spacing) miqyaslanmır və Dynamic Type və ya böyük mətn parametrlərindən istifadə edərkən problemlərə səbəb ola bilər.

Cross-platform strategiya: dizayn sistemində lineHeight-i fontSize çarpanı kimi təyin edin. Məsələn, dizayn tokenlərində: line-height-body = 1.5, line-height-heading = 1.1. Hər platforma bu çarpanı öz API-si ilə hüyata keçirir: iOS — lineHeightMultiple, Android — lineSpacingMultiplier, Web — line-height: 1.5. Bu, bütün platformalarda eyni vizual nəticəyə zəmanət verir.

Vacib nüans: iOS-da lineHeightMultiple sətrin tam hündurlüyünə (şriftin ascender + descender daxil olmaqla) tətbiq edilir, Android-də isə lineSpacingMultiplier — Minikin render mühərriki tərəfindən hesablanmış sətir hündurlüyünə. Təcrübədə bu, eyni çarpan dəyərində vizual leading-də kiçik fərqlərə səbəb olur. Pixel-perfect uyğunluq üçün platforma üzrə düzəliş ilə mütləq dəyərlərdən istifadə edin.