UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Использование типографики Apple для iOS-Дизайнера
Tarasenko
Tarasenko

Опубліковано

Использование типографики Apple для iOS-Дизайнера

Почти все дизайнеры работая с проектами для операционной системы iOS разрабатывают свою собственную дизайн систему включая типографику. В действительности, мало кто использует уже готовые стили шрифтов компании Apple.

Можете самостоятельно ознакомиться с гайдлайнами Эпл:
Human Interface Guidelines Typography

Давайте посмотрим, что вообще из себя представляют эти стили:

Apple Typography

Сверху можно заметить возможность выбора девайса, а в самой же таблице указано название стиля, жирность, размер и лидинг.

Используя данные стили вы упрощаете работу себе и разработчику, т.к. вам не надо разрабатывать свои стили, а разработчику их программировать. Вы оба просто берете готовые варианты.

Но это это не только одно это преимущество!

Это динамические стили и их использование позволяет подстраивать ваше приложение под изменения шрифтов в самой iOS. Т.е. если человек с плохим зрением увеличил весь шрифт в телефоне, то ваше приложение тоже его увеличит. Это называется “Accessibility” или просто “Доступность”.

Как настроить типографику проекта в Sketch и пример как это делает программист в X-Code я показал в видео


Подпишись на мои соц. сети:

Топ коментарі (1)

Згорнути/розгорнути
 
varhal profile image
Varhal

Привет. Для figma есть плагин, который фиксит параметры шрифта в зависимости от его размера

figma.com/community/plugin/7420636...