Construiește o scară tipografică

Potrivit designerilor și dezvoltatorilor care construiesc o ierarhie coerentă de dimensiuni pornind de la un raport.

Creează o scară de dimensiuni din raportul ales și obții valori coerente pentru o ierarhie vizuală. Datele rămân în browser, fără cont sau stocare.

Cum se folosește

1. Introdu dimensiunea de bază în pixeli, raportul de progresie și numărul de niveluri dorite în câmpurile prevăzute.
2. Rulează generarea pentru a obține un set de dimensiuni calculate din aceste setări.
3. Examinează pașii generați și identifică-i pe cei care se potrivesc titlurilor, subtitlurilor și textului de corp.
4. Ajustează raportul sau numărul de niveluri dacă progresia pare prea strânsă sau prea largă, apoi generează din nou.

Exemplu

Un designer pregătește un sistem tipografic și vrea să testeze o bază de 16 pixeli cu un raport de 1,25 pe cinci niveluri. Rulează generarea și examinează progresia dimensiunilor pentru a verifica dacă ierarhia rămâne lizibilă.

Date de intrare

16
1.25
5

Limite și formate

• Instrumentul calculează o scară din valorile pe care le introduci; nu alege fonturi sau stiluri de aplicat.
• Rezultatul depinde în mare măsură de raport și de numărul de niveluri, care trebuie să se potrivească proiectului.
• Dimensiunile afișate pot fi rotunjite pe ecran, așa că verifică valorile finale în foaia de stil sau fișierul de design.
• O scară regulată nu garantează prin ea însăși o lizibilitate bună pe orice ecran și cu orice tip de conținut.

Unde are loc procesarea

Calculul rulează în browser. Dimensiunea de bază, raportul și numărul de niveluri rămân pe dispozitivul tău și nu sunt trimise nicăieri. Poți testa mai multe ipoteze fără a le transmite în afara mașinii tale.

Întrebări frecvente

Ce raport ar trebui să aleg pentru o scară tipografică?

Depinde de efectul dorit. Un raport moderat oferă o ierarhie blândă, în timp ce un raport mai mare creează diferențe mai vizibile. Testează mai multe valori și verifică rezultatul cu conținutul tău.

Pot folosi o dimensiune de bază diferită de 16 pixeli?

Da, introdu dimensiunea de bază care corespunde proiectului tău. Scara va fi recalculată pornind de la acea valoare și de la raportul ales.

Rezultatul include unități precum rem sau procente?

Instrumentul lucrează pornind de la dimensiunea de bază pe care o furnizezi, de obicei în pixeli. Convertește valorile ulterior dacă proiectul tău folosește altă unitate.

Instrumente din aceeași categorie

• Pixeli și REM