Про типографику в мобильных приложениях для IOS. Это не мои в | PRO фриланс. Блог Амира Исламова

Про типографику в мобильных приложениях для IOS.

Это не мои выдумки. Все из гайдов и еще есть крутой сайтец. От туда все структурно и было взято. Там куча инфы по мобилкам с примерами и картинками. Он на английском, я пользовался переводчиком от браузера. Все понятно. Мой рекомендейшн. learnui.design/blog/ios-font-size-guidelines.html#action-bar

По гайду в яблоке используется семейство San Francisco. Естественно вы можете менять его на другой. Я вижу в этом смысл, только если делать это в заголовках. В остальном никто этого все равно не заметит.

Шрифт имеет 2 семейства (отличаются трекингом):
SF Pro Text. Для текста 19 pt и менее. (Основной текст и примечания)
SF Pro Display. Для текста от 20 pt. и более. (Заголовки)

МИНИМАЛЬНЫЙ РАЗМЕР. Меньше не рекомендуется Используется для подписей к иконкам в нижней панели.
- Размер: 10 pt
- Цвет: #6D6D72
- Цвет темной темы: #8D8D93
- Начертание: Regular

СТИЛЬ ПО УМОЛЧАНИЮ
- Размер: 17pt
- Начертание: Regular
- Цвет: #000
- Цвет темной темы: #FFF

ВТОРИЧНЫЙ ТЕКСТ
- Размер: 15pt
- Начертание: Regular
- Цвет: #8A8A8E
- Цвет темной темы: #8D8D93

ТРЕТИЧНЫЙ ТЕКСТ
Любые пояснительные «подписи» делаются еще меньше и легче, чем вторичный текст.
- Размер: 13pt
- Вес шрифта: Regular
- Цвет: #6D6D72
- Цвет темной темы: #8D8D93

Эти ориентиры можно легко использовать и в мобильной версии сайта при адаптиве. Только мне лично ближе подход в использовании четных чисел. Не 17 pt к примеру, а 16. Не 13, а 14. Так проще работать, особенно при использовании модульной сетки в 4 pt.