Typografia i Miary

Ta strona oferuje dwa darmowe narzędzia do organizowania typografii i pomiarów interfejsu. Skala typograficzna buduje progresję rozmiarów na podstawie współczynnika, a Piksele i REM konwertuje piksele i rem przy wybranej podstawie. Pomagają projektantom i programistom ustawić hierarchię tekstu i przeliczać wartości między jednostkami. Oba narzędzia nie wymagają rejestracji i zachowują twoją pracę w przeglądarce.

Zacznij od Skali typograficznej, jeśli potrzebujesz progresji rozmiarów, na przykład dla nagłówków i akapitów. Użyj Piksele i REM, gdy masz już wartości do przeliczenia lub chcesz sprawdzić podstawę. Oba narzędzia dobrze ze sobą współpracują: skala ustawia kroki, a konwersja pomaga wyrazić je w rem. Są darmowe i nie wymagają rejestracji.

Jak używać

Zacznij od Skala typograficzna, aby ustawić progresję rozmiarów i wybrać proporcję pasującą do hierarchii tekstu.
Zanotuj uzyskane wartości, a następnie użyj Piksele i REM, aby przeliczyć je na rem na podstawie bazowej wartości projektu.
Na koniec sprawdź, czy nagłówki, podnagłówki i tekst główny pozostają czytelne i spójne na kilku szerokościach ekranu.
Sprawdź konwersje jeszcze raz za pomocą Piksele i REM na małym i dużym ekranie, a następnie dostosuj bazę lub kroki, jeśli tekst wydaje się zbyt ciasny.

Częste pytania

Dlaczego używać skali typograficznej?

Skala typograficzna buduje progresję rozmiarów na podstawie współczynnika. Pomaga zachować spójną hierarchię między nagłówkami, podnagłówkami i tekstem podstawowym. Narzędzie jest darmowe i nie wymaga rejestracji.

Jaką podstawę wybrać dla Piksele i REM?

Piksele i REM konwertuje przy wybranej podstawie. Podstawa to rozmiar referencyjny używany w twoim projekcie. Sprawdź tę wartość początkową przed przeliczeniem.

Czy oba narzędzia współpracują ze sobą?

Tak. Skala typograficzna definiuje kroki, a następnie Piksele i REM mogą przeliczyć wynikowe wartości. Dzięki temu progresja jest czytelna, a jednostki odpowiednie. Oba są darmowe, nie wymagają rejestracji i pozostają w przeglądarce.

Jak zastosować skalę, a następnie przeliczyć ją na rem?

Najpierw zdefiniuj kroki za pomocą Skala typograficzna. Zanotuj żądane rozmiary, a następnie otwórz Piksele i REM, aby przeliczyć te wartości przy użyciu wybranej bazy. Sprawdź wynik w arkuszu stylów, aby zachować regularną hierarchię.

Co należy sprawdzić przed wyborem proporcji w Skala typograficzna?

Spójrz na różnicę między najmniejszym i największym planowanym tekstem. Silna proporcja może tworzyć trudne do wykorzystania luki, a słaba proporcja sprawia, że hierarchia jest mniej czytelna. Następnie przetestuj kroki za pomocą Piksele i REM, aby wyrazić je w swoich jednostkach.