👋 Hej
Dzisiaj kilka szybkich punktów typograficznych.
👉 Złoty podział
Złoty podział znają chyba wszyscy związani z jakąkolwiek kreatywną dziedziną, fotografią, grafiką, designem. Wyznacza on ułożenie elementów, by uzyskać lepszą kompozycję i idealne proporcje w projekcie.
➡️ W tekście na stronie również jesteś w stanie stworzyć idealne proporcje. Zacznij od zadbania, by w blokach tekstowych była zbliżona ilość akapitów. Jeśli jeden blok ma 2 zdania, następny 5 zdań, a jeszcze następny 10 zdań, to równowaga nie zostanie zachowana.
➡️ Kolejna sprawa to dobranie proporcji między nagłówkami, a tekstem. Pomóż sobie i zastosuj narzędzie Type-scale.com Dzięki niemu znajdziesz idealne rozmiary fontu dla nagłówków.
Wystarczy podać tylko rozmiar tekstu podstawowego. Rozwijając prawy panel narzędzia, możesz zobaczyć jak będzie wyglądał Twój tekst.
Dla tekstu wybierze współczynnik proporcji interlinii 1,618. W przypadku krótszych tekstów, możesz go nieco zmniejszyć.
👉 Ustaw kerning na auto
Kerning to regulowanie odległości pomiędzy konkretnymi parami znaków. Obecnie przeglądarki radzą sobie z kerningiem i automatycznie dopasowują odstępy w zależności od wielkości ekranu. Warto się zatem upewnić, że w Twoim kodzie CSS została ustawiona funkcja auto dla kerningu.
Dodaj kod: {font-kerning:auto;}
➡️ wizualnie źle dobrany kerning jest bardziej widoczny jeśli słowo jest pisane z dużych liter.
➡️ kerning jest bardziej widoczny jeśli w słowie są takie litery: A, K, V, W, Y oraz F, L, T.
➡️ najpierw ustaw wielkość fontu w słowie, a dopiero potem sprawdź wizualny kerning.
➡️ jeśli masz problem z wizualnym dopasowaniem kerningu spróbuj odwrócić cały wyraz do góry nogami. Dzięki temu uzyskasz prostą linię liter i łatwiej będzie Ci sprawdzić odstępy. Ponadto pozwala to zobaczyć Twoje litery i przestrzeń między nimi bez faktycznego czytania słów – nadając im znaczenie.
A tutaj przećwiczysz sobie umiejętność ustalenia kerningu:
https://type.method.ac/
👉Unikaj fontów Light
Tekst na stronie pisany fontem z ustawioną wagą na light, mało kiedy wygląda czytelnie. Jeśli zestawisz obok siebie tekst pisany wagą regular oraz light, zauważysz różnicę.
👉Wiszące cytaty
Na rytm wpływają małe detale. Jednym z nich jest tzw. wiszący cudzysłów. Zawieś cudzysłowy na marginesie tekstu, dzięki temu lewe wyrównanie zostanie nienaruszone.
Gdy cudzysłów będzie wchodził w głąb tekstu, może on zakłócić lewe wyrównanie, w zależności do wielkości fontu.
Można to bardzo łatwo osiągnąć za pomocą CSS:
blockquote { text-indent: -0.8em; font-size: 12px; }
Wcięcie ujemne będzie się różnić w zależności od kroju, rozmiaru fontu.
