{"id":3162,"date":"2018-04-07T21:10:00","date_gmt":"2018-04-07T19:10:00","guid":{"rendered":"https:\/\/lsbeta.szmigiel.design\/?p=3162"},"modified":"2021-04-09T11:00:29","modified_gmt":"2021-04-09T09:00:29","slug":"dlaczego-pelne-justowanie-tekstu-w-internecie-to-zly-pomysl","status":"publish","type":"post","link":"https:\/\/retro.szmigiel.design\/pl\/blog\/dlaczego-pelne-justowanie-tekstu-w-internecie-to-zly-pomysl\/","title":{"rendered":"Dlaczego pe\u0142ne justowanie tekstu w internecie to z\u0142y pomys\u0142?"},"content":{"rendered":"
\n

Drukowane wzorce<\/h2>\n

Cho\u0107 tekst cyfrowy towa\u00adrzyszy nam ju\u017c od d\u0142u\u017cszego czasu, zar\u00f3wno na stronach inter\u00adne\u00adto\u00adwych, jak i\u00a0na wy\u015bwie\u00adtla\u00adczach r\u00f3\u017cnego rodzaju urz\u0105dze\u0144 mobilnych, czytnik\u00f3w ksi\u0105\u017cek elek\u00adtro\u00adnicz\u00adnych czy przedmiot\u00f3w funk\u00adcjo\u00adnu\u00adj\u0105\u00adcych w\u00a0domenie internetu rzeczy, nasze przy\u00adzwy\u00adcza\u00adjenia dotycz\u0105ce po\u017c\u0105\u00adda\u00adnego wygl\u0105du tekstu pochodz\u0105 raczej ze \u017ar\u00f3de\u0142 druko\u00adwa\u00adnych.<\/p>\n

Ten stan jest p\u0142ynny. Pokolenie, kt\u00f3re aktualnie przy\u00adchodzi na \u015bwiat, mo\u017ce posiada\u0107 inne wzorce (poniewa\u017c od wczesnych lat obcuje z\u00a0tekstem cyfrowym), ale dla os\u00f3b doros\u0142ych w\u00a0chwili, kiedy pisz\u0119 ten tekst, stan\u00addardem czytel\u00adno\u015bci s\u0105 litery wydru\u00adko\u00adwane na papierze.<\/p>\n

Warto o\u00a0tym pami\u0119ta\u0107 \u2014 wierz\u0119, \u017ce jest to kluczowe do zrozu\u00admienia, sk\u0105d bierze si\u0119 mit o\u00a0uniwer\u00adsalnym pe\u0142nym justo\u00adwaniu tekstu<\/strong>, kt\u00f3ry skutecznie utrudnia czytel\u00adno\u015b\u0107 zar\u00f3wno ma\u0142ych i\u00a0amator\u00adskich stron inter\u00adne\u00adto\u00adwych, jak i\u00a0du\u017cych portali newsowych.<\/p>\n

Wyr\u00f3w\u00adnanie lub justo\u00adwanie tekstu\u00ad<\/h2>\n

Ko\u00adlumn\u0119 tekstu mo\u017cemy wyr\u00f3wna\u0107 na cztery sposoby:<\/p>\n

    \n
  1. do lewej kraw\u0119dzi (w\u00a0lew\u0105 chor\u0105\u00adgiewk\u0119),<\/li>\n
  2. do \u015brodka (centralnie),<\/li>\n
  3. do prawej kraw\u0119dzi (w\u00a0praw\u0105 chor\u0105\u00adgiewk\u0119),<\/li>\n
  4. wyr\u00f3w\u00adnuj\u0105c obydwie kraw\u0119dzie (justo\u00adwanie pe\u0142ne).<\/li>\n<\/ol>\n

    Wyr\u00f3w\u00adnanie do lewej kraw\u0119dzi (sk\u0142ad chor\u0105\u00adgiew\u00adkowy)<\/h3>\n<\/div>\n

    \"Dlaczego<\/p>\n

    Forma\u00adto\u00adwanie do lewej kraw\u0119dzi jest domy\u015blne dla j\u0119zyk\u00f3w czytanych od lewej do prawej strony. Jest najprostsze w\u00a0reali\u00adzacji \u2014 zar\u00f3wno w\u00a0czasach sk\u0142adu r\u0119cznego (sprzed epoki kompu\u00adter\u00f3w) \u2014 jak i\u00a0dzisiaj, z\u00a0wyko\u00adrzy\u00adsta\u00adniem kompu\u00adter\u00f3w. Polega na u\u0142o\u017ceniu liter od lewej kraw\u0119dzi kolumny, zacho\u00adwuj\u0105c jednakowe odst\u0119py mi\u0119dzy\u00adwy\u00adra\u00adzowe<\/strong>, do prawej kraw\u0119dzi kolumny. Wyrazy niemiesz\u00adcz\u0105ce si\u0119 w\u00a0wierszu zostaj\u0105 prze\u00adnie\u00adsione w\u00a0ca\u0142o\u015bci do nast\u0119p\u00adnego wiersza, gdzie proces powtarza si\u0119 od pocz\u0105tku. Warto wiedzie\u0107, \u017ce w\u00a0epoce cyfrowej ten proces jest bardzo skuteczny \u2014 b\u0142yska\u00adwicznie radz\u0105 sobie z\u00a0nim nawet urz\u0105\u00addzenia internetu rzeczy<\/a> oraz czytniki e-book\u00f3w o\u00a0niewiel\u00adkiej mocy obli\u00adcze\u00adniowej.\n

    \u00a0<\/p>\n

    Zwr\u00f3\u0107 uwag\u0119 na wyr\u00f3\u017c\u00adnienie w\u00a0powy\u017cszym para\u00adgrafie: \u201eZacho\u00adwuj\u0105c jednakowe odst\u0119py mi\u0119dzy\u00adwy\u00adra\u00adzowe\u201d. To bardzo wa\u017cne i\u00a0przyda si\u0119 w\u00a0dalszej cz\u0119\u015bci tekstu.<\/p>\n

    Wyr\u00f3w\u00adnanie do \u015brod\u00adka\u00ad<\/h3>\n<\/div>\n

    \"Dlaczego<\/p>\n

    Taki spos\u00f3b forma\u00adto\u00adwania tekstu przydaje si\u0119 rzadko. Ze wzgl\u0119du na nier\u00f3wne wiersze, tekst wyr\u00f3wnany do \u015brodka nie powinien by\u0107 d\u0142u\u017cszy ni\u017c 2\u20133 wiersze. Czytaj\u0105c d\u0142u\u017cszy paragraf, \u0142atwo si\u0119 pogubi\u0107. Oczy musz\u0105 ci\u0119\u017cko pracowa\u0107, \u017ceby znale\u017a\u0107 kolejny wiersz, brakuje wsp\u00f3lnego punktu zacze\u00adpienia.\n

    \u00a0<\/p>\n

    Kiedy mo\u017cna pokusi\u0107 si\u0119 o\u00a0taki format? Forma\u00adto\u00adwanie centralne przydaje si\u0119 do element\u00f3w maj\u0105cych przykuwa\u0107 uwag\u0119 lub do prostych form graficz\u00adnych<\/strong>, gdzie tekstu jest niewiele. Przy\u00adk\u0142adem mo\u017ce by\u0107 ciekawy projekt wizyt\u00f3wki z\u0142o\u017conej centralnie w\u00a0pionie, gdzie wszystkie dane s\u0105 wyr\u00f3wnane centralnie. R\u00f3wnie\u017c obrazki w\u00a0mediach spo\u0142ecz\u00adno\u00ad\u015bcio\u00adwych mog\u0105 zosta\u0107 opatrzone podpisem lub wezwaniem do dzia\u0142ania umiesz\u00adczonym centralnie. Warto jednak pami\u0119ta\u0107, \u017ce taki tekst nie powinien by\u0107 umiesz\u00adczony z\u00a0innymi wa\u017cnymi obiektami, z\u00a0kt\u00f3rymi b\u0119dzie musia\u0142 rywa\u00adli\u00adzowa\u0107 o\u00a0uwag\u0119.<\/p>\n

    W\u00a0forma\u00adto\u00adwaniu centralnym wa\u017cny jest umiar przy jego stosowaniu \u2014 im jest go mniej w ca\u0142o\u015bci tekstu, tym lepszy efekt mo\u017cemy uzyska\u0107.<\/p>\n

    Wyr\u00f3w\u00adnanie do prawej kraw\u0119\u00addzi<\/h3>\n<\/div>\n

    \"Dlaczego<\/p>\n

    To odpo\u00adwiednik lewej chor\u0105\u00adgiewki dla j\u0119zyk\u00f3w, kt\u00f3rych teksty zapi\u00adsy\u00adwane i\u00a0czytane s\u0105 od prawej do lewej strony (np. arabski lub hebrajski). W\u00a0przypadku j\u0119zyk\u00f3w czytanych od lewej do prawej strony sk\u0142ad do prawej kraw\u0119dzi ma rzadkie zasto\u00adso\u00adwanie. Najcz\u0119\u00ad\u015bciej jest u\u017cywany jako dodatek do tekstu g\u0142\u00f3wnego (margines) lub w\u00a0niekt\u00f3\u00adrych tabelach, gdzie lewa kolumna tabeli pe\u0142ni form\u0119 tytu\u0142\u00f3w dla prawej cz\u0119\u015bci tabeli \u2014 wtedy wyr\u00f3w\u00adnanie tekstu do osi tabeli ma sens.\n

    \u00a0<\/p>\n

    Zdecy\u00addo\u00adwanie nie powin\u00adni\u015bmy korzysta\u0107 z\u00a0wyr\u00f3w\u00adnania do prawej kraw\u0119dzi dla tekstu g\u0142\u00f3wnego (dzie\u00ad\u0142o\u00adwego) dla j\u0119zyk\u00f3w czytanych od lewej do prawej strony. Dla czytel\u00adno\u015bci jest to sytuacja podobna jak w\u00a0przypadku wyr\u00f3w\u00adnania do \u015brodka \u2014 poniewa\u017c lewa kraw\u0119d\u017a kolumny jest nier\u00f3wna, oczy musz\u0105 wykona\u0107 ci\u0119\u017ck\u0105 prac\u0119 \u2014 nie mog\u0105 swobodnie i\u00a0bez przeszk\u00f3d porusza\u0107 si\u0119 po bloku tekstu.<\/p>\n

    Justo\u00adwanie pe\u0142ne<\/h3>\n<\/div>\n

    \"Dlaczego
    Przyk\u0142ad pe\u0142nego justowania tekstu w wykonaniu przegl\u0105darki internetowej. Konieczno\u015b\u0107 wyr\u00f3wnania obydwu kraw\u0119dzi tekstu skutkuje wyra\u017anie zaburzonym \u015bwiat\u0142em mi\u0119dzywyrazowym oraz prowadzi do kuriozalnego justowania pojedynczego wyrazu w\u00a0ostatnim wierszu. Taki tekst nie tylko wygl\u0105da \u017ale, ale r\u00f3wnie\u017c nieprzyjemnie si\u0119 czyta.<\/i><\/p>\n

    Wyr\u00f3w\u00adnanie kraw\u0119dzi jest z\u00a0pozoru \u015bwietnym pomys\u0142em. Po co zasta\u00adna\u00adwia\u0107 si\u0119, do kt\u00f3rej strony wyr\u00f3wna\u0107 tekst jak mo\u017cna jednym klik\u00adni\u0119\u00adciem wyr\u00f3wna\u0107 wszystko?\n

    \u00a0<\/p>\n

    Jest tylko jeden drobny problem: Je\u017celi wymuszamy r\u00f3wne kraw\u0119dzie dla tekstu, to co\u015b musi zosta\u0107 rozci\u0105\u00adgni\u0119te<\/strong>. Poniewa\u017c odst\u0119py mi\u0119dzy\u00adli\u00adte\u00adrowe s\u0105 krytyczne dla czytel\u00adno\u015bci, zazwyczaj rozci\u0105\u00adgane s\u0105 odst\u0119py mi\u0119dzy\u00adwy\u00adra\u00adzowe. Zazwyczaj, poniewa\u017c profe\u00adsjo\u00adnalne programy do sk\u0142adu tekstu druko\u00adwa\u00adnego radz\u0105 sobie z\u00a0tym wyzwaniem ca\u0142kiem nie\u017ale, wpro\u00adwa\u00addzaj\u0105c r\u00f3\u017cne techniki maj\u0105ce na celu zopty\u00adma\u00adli\u00adzo\u00adwanie \u015bwiat\u0142a mi\u0119dzy\u00adwy\u00adra\u00adzowego, np.:<\/p>\n