Типографічна Ієрархія

Ієрархія шрифтів/типографіки є важливим аспектом дизайну UI/UX, що організовує текст у стилі (наприклад, заголовки та основний текст) для кращої читабельності та структури. Більшість дизайнів використовують 1–6 стилів заголовків та кілька варіацій основного тексту.

Ви можете використовувати сайт Typescale для визначення ідеальної ієрархії шрифтів.

• Введіть базовий розмір (зазвичай 14px або 16px для основного тексту);
• Виберіть масштаб (коефіцієнт масштабування шрифту), такий як Minor Third (1.2), Major Third (1.25) або Золотий Перетин для більших шрифтів.
• Налаштуйте параметри, такі як назва шрифту, вага, міжрядковий інтервал, інтервал між літерами та колір;
• Скопіюйте значення заголовків та основного тексту у Figma або змініть їх за потреби, зберігаючи коефіцієнт масштабування. Ви можете множити або ділити розмір шрифту на обраний коефіцієнт масштабування для створення узгоджених розмірів заголовків або основного тексту;
• Хоча коефіцієнт масштабування забезпечує узгодженість, ви можете налаштовувати параметри відповідно до вимог вашого дизайну.