Typografie & Maten

Deze pagina biedt twee gratis tools voor het organiseren van typografie en interfacematen. Typografische schaal bouwt een groottereeks op basis van een verhouding, en Pixels en REM converteert pixels en rem met een gekozen basis. Ze helpen ontwerpers en ontwikkelaars een teksthiërarchie in te stellen en waarden tussen eenheden om te zetten. Beide tools vereisen geen aanmelding en houden je werk in de browser.

Begin met de tool Typografische schaal als je een progressie van groottes nodig hebt, bijvoorbeeld voor koppen en alinea's. Gebruik Pixels en REM wanneer je al waarden hebt om te converteren of een basis wilt controleren. De twee tools werken goed samen: de schaal bepaalt de stappen, daarna helpt de conversie om ze in rem uit te drukken. Ze zijn gratis en vereisen geen aanmelding.

Hoe te gebruiken

Begin met Typografische schaal om een progressie van formaten in te stellen en kies een verhouding die bij je teksthiërarchie past.
Noteer de waarden die je krijgt en gebruik daarna Pixels en REM om ze met de basis van je project naar rem om te rekenen.
Controleer tot slot dat koppen, subkoppen en bodytekst leesbaar en consistent blijven op meerdere schermbreedtes.
Controleer de conversies nog één keer met Pixels en REM op een klein en een groot scherm en pas daarna de basis of stappen aan als tekst te krap aanvoelt.

Veelgestelde vragen

Waarom een typografische schaal gebruiken?

Typografische schaal bouwt een groottereeks op basis van een verhouding. Het helpt een consistente hiërarchie te bewaren tussen koppen, subkoppen en broodtekst. De tool is gratis en vereist geen aanmelding.

Welke basis moet ik kiezen voor Pixels en REM?

Pixels en REM converteert met een gekozen basis. De basis is de referentiegrootte die je in je project gebruikt. Controleer die beginwaarde voordat je converteert.

Werken de twee tools samen?

Ja. Typografische schaal bepaalt de stappen, daarna kunnen Pixels en REM de resulterende waarden converteren. Zo blijft er een leesbare progressie en geschikte eenheden. Beide zijn gratis, vereisen geen aanmelding en blijven in je browser.

Hoe pas ik een schaal toe en reken ik daarna om naar rem?

Definieer eerst de stappen met Typografische schaal. Noteer de formaten die je wilt en open daarna Pixels en REM om die waarden met de gekozen basis om te rekenen. Controleer het resultaat in je stylesheet om een regelmatige hiërarchie te behouden.

Wat moet ik controleren voordat ik een verhouding kies in Typografische schaal?

Kijk naar het verschil tussen de kleinste en grootste geplande tekst. Een sterke verhouding kan gaten creëren die moeilijk te gebruiken zijn, terwijl een zwakke verhouding de hiërarchie minder duidelijk maakt. Test daarna de stappen met Pixels en REM om ze in je eenheden uit te drukken.