Насколько часто перед вами, mobile/web разработчиками, встает утомительная и рутинная задача по подбору правильных сочетаний шрифтов для вашей разработки? Typo не ответит на этот вопрос, но решит его!

Typo — приложение, специально разработанное для настройки шрифтов и просмотра их на реальном устройстве. Приложение очень просто в использовании — выбрать шрифт, настроить его, или же выбрать один из множества динамических пресетов для создания «палитры» шрифтов (заголовки, подписи, наполнения, выделения и так далее). После всех операций информацию о настройках шрифта(ов) можно экспортировать. Typo — простой и удобный способ работы со шрифтами для mobile/web разработчиков!

Typo: Devstory

Бэкграунд

Идея для приложения родилась из злости на рутину, а именно: в один прекрасный вечер я озадачился тем, сколько неудобств доставляет подобрать подходящий для приложения шрифт: от самого шрифта, до его размеров и модификаций.

Признаюсь, я не планировал делать приложение, и уж тем более, выпускать его. Я хотел сделать инструмент «для себя», так как найти что то подобное в AppStore по запросу «typography» не вышло, а тратить часы на цикл по мусору желания не было.

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

Технический спам

Итак, создал я новый Single-View проект в Xcode, Swift в качестве языка. Оговорюсь: никакого даже подобия ТЗ или хотя бы набросков у меня не было. Приложение создавалось интуитивно и хаотично. Все что осталось в моем подходе от здравого смысла — желание придерживаться паттерна MVC.

Обычно, при создании приложений, я поддерживаю актуальную версию iOS и две предыдущих (хотя мало смысла поддерживать далее одной). В этот раз, в связи с тем, что достаточно скоро свет увидит iOS 11, я решил облегчить себе задачу, и сосредоточиться только на iOS 10.

Приложение состоит из двух экранов. Первый экран — список шрифтов, состоит из кнопки, лейбла и Table View, ничего сверхъестественного. Таблица заполнялась из списка установленных в систему семейств шрифтов, что предотвратило необходимость в базе данных. Так же для удобной навигации я добавил Search Controller. По нажатию на кнопку в любой из ячеек таблицы, происходит переход на следующий экран.

Второй экран — Detail для выбранного семейства шрифтов. По умолчанию на нем расположена Table View, которая заполняется списком шрифтов из выбранного семейства (Bold, Regular, Thin и так далее).  Внизу есть Scroll, позволяющий плавно увеличивать или уменьшать размер шрифта. Вверху экрана расположена кнопка, вызывающая Action Sheet со списком Динамических Типов. Выбрав любой из них, на экране отобразится динамически-составленная «палитра» шрифтов. Все шрифты можно экспортировать в виде текста.

На все приложение, от идеи до иконки и посыла на ревью, у меня ушло около 5 часов и 300 строк кода. Сейчас оно очень простое, но достаточно состоятельное для исполнения своего прямого назначения.

После написания приложения, я составил небольшую карту-структуру. До того как я приступлю к созданию первого обновления, я, пожалуй, приведу ее в порядок и составлю ТЗ.

Так же выпуск этого приложения ознаменовал прерывание череды безупречных релизов. До Typo у меня не было ни одного реджекта (Reject) первых версий от Apple, но в этот раз приложение отклонили. Причина оказалась несколько маразматичной — недопустимое слово в названии приложения. А именно — после названия Typo я дописал небольшое описание, и Apple не пропустили слово «Share». Из за этого мелкого недоразумения, планы пришлось отодвинуть на пару дней.

Typo

Планы на будущее

В ближайших обновлениях я планирую внедрить базу данных, интегрировать приложение с iCloud, сделать настройку шрифтов еще более тонкой, расширить возможности экспорта. Так же планирую социальную составляющую.

На данный момент приложение бесплатное, и это останется неизменным. Рекламу внедрять я тоже не собираюсь. Однако со временем и с развитием я не исключаю внедрение in-app покупок.

Сухой остаток

-Typo, V1.0

-5 часов

-300 строк кода

-2 экрана

-1 реджект

-Показывает шрифты и меняет их размер

-Составляет палитры шрифтов

-Экспортирует настройки в текст

Скачать Typo, а так же поддержать проект положительной оценкой вы можете по этой ссылке.

Опубликовал Игорь Малеваный

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *