Приложение шрифты s как пользоваться
Рекомендации от дизайнеров развлекательной соцсети «Фотострана».
Считается, что в коммуникации главную роль играет текст, ведь именно он информирует пользователя и предоставляет ему нужный контент. Однако не стоит недооценивать важность типографики: хороший шрифт облегчает чтение, а плохой, наоборот, затрудняет восприятие текста.
Нет единого набора правил, которые были бы эффективны при выборе шрифта. Однако существует несколько закономерностей, которые помогут повысить удобство чтения в мобильных устройствах.
До запуска iOS 9 системным шрифтом iOS был Helvetica Neue, однако после выхода новой версии его заменили на San Francisco. Шрифт предлагается в двух начертаниях: Display (для использования в UI-элементах интерфейса и для текстов с большим кеглем) и Text (для объёмного текста меньшего размера).
В подсемействе Text расстояние между буквами больше, чем в Display. Апертуры этих текстовых шрифтов тоже шире, чтобы маленький кегль был более разборчивым. Одна из особенностей San Francisco заключается в том, что это динамический шрифт: он меняет начертание в зависимости от кегля. Система автоматически переключает шрифт на Display после того, как его размер превысит 20pt.
Android использует в качестве системного шрифта Roboto или, если язык его не поддерживает, Noto. Каждый из них представлен в кириллице.
Material Design, который применяется на Android-устройствах, предусматривает большие отступы между элементами, а также широкую вариацию кеглей для создания иерархии.
В iOS с этой целью, как правило, используют не размер шрифта, а его насыщенность. Если у Roboto только шесть её вариаций, то у San Francisco их 15: шесть для подсемейства Text и девять — для Display.
В своем приложении можно использовать любой шрифт формата True Type (.TTF), при этом следует уделить особое внимание приобретению лицензии. Даже если шрифт бесплатный, необходимо уточнить, требуется ли плата за его коммерческое использование. Лицензия также должна соответствовать изначальному запросу: шрифт, который был куплен для веб-интерфейса, нельзя использовать в мобильном приложении или в логотипе.
В приложении следует обходиться одной или двумя гарнитурами: одна — для основного текста, другая — для заголовков. Однако лучше установить в приложении единый шрифт. При использовании шрифта, отличного от системного, необходимо учесть его разборчивость, кегль, длину строки, межстрочное и межбуквенное расстояние.
Начертания букв должны быть четкими и узнаваемыми — только в этом случае они будут работать лучше в качестве элемента интерфейса. Многие шрифты без засечек, включая Helvetica, содержат неразборчивую заглавную букву I и строчную l, поэтому их не стоит выбирать для мобильных устройств.
В Helvetica почти невозможно разобрать первые три буквы, тогда как Source Sans Pro читать легко. Helvetica не подходит для работы с интерфейсами: шрифт создавался ещё в 1957 году и изначально не был предусмотрен для использования на небольших экранах. Именно поэтому Apple разработала San Francisco.
Размер шрифта влияет на читаемость элементов, особенно в больших блоках текста. Чтение текстов с маленьким кеглем займет у пользователя больше времени, поскольку в этом случае ему сложно будет найти начало и конец строки. В результате читатель будет намеренно пропускать большое количество информации.
Однако слишком крупный шрифт также неудобен. Из-за чересчур короткой строки мы вынуждаем читателя бегать глазами и тем самым сбиваем его ритм чтения. В таких условиях информацию воспринимать сложнее. Лучше использовать базовые параметры устройства, для которого создаётся дизайн. Для iOS это 17pt, для Android — 13sp.
При выборе базового размера шрифта нужно учесть количество контента и круг его потребителей. Если основная аудитория приложения — люди старше 50 лет, следует использовать более крупный кегль вроде 21px, ведь с возрастом зрение ухудшается.
Необходимо заранее определиться с иерархией контента, чтобы в соответствии с ней подбирать размеры шрифта. Если базовый шрифт — это 1em, то заголовок уровня H1 — 3em. Надписи и маленький текст будут на размер меньше базового кегля.
Оптимальная для комфортного чтения длина строки — 50-60 знаков с пробелами. Такой размер подходит для десктопных приложений, однако экраны мобильных устройств меньше, поэтому для них лучше использовать строки длиной в 30-40 знаков.
Размер шрифта важнее, чем длина строки, поэтому в первую очередь нужно выбрать правильный кегль.
- Чем меньше размер экрана, тем больше внимания стоит уделить межбуквенному расстоянию.
- Лучше добавить в текст «воздуха» и увеличить высоту строки так, чтобы она была пропорциональна базовому размеру шрифта (обычно она соответствует 120-150% от кегля основного текста) — так можно облегчить чтение. Для этого также пригодится система интервалов, которая нужна для определения размера разных элементов текста. Если в кегле используется золотое сечение, то оно должно быть и в интервалах. Так дизайн будет выглядеть аккуратно и гармонично.
- Следует обращать внимание на пробелы между абзацами: это дополнительное пространство служит опорной точкой для глаза и создаёт ощущение, что текст не слишком плотный и его легко читать.
- При организации композиции экрана нужно помнить о «законе близости»: расположенные рядом объекты воспринимаются как единая группа. И наоборот: однородные элементы, между которыми есть интервал, не будут считаться одним целым.
Контраст особенно важен в дизайне мобильного приложения, потому что при использовании на улице экран сильно отсвечивает. Среди дизайнеров распространены два неверных представления о цветовом контрасте:
- Чем сильнее контраст, тем сложнее глазам. Поэтому серый оттенок текста лучше. В итоге получается серый текст на сером или белом фоне. Однако если цвет текста и фона похожи, то восприятие затрудняется.
- Чем сильнее контраст, тем лучше. Текст, который сильно контрастирует с фоном, также сложен для восприятия. Чтение белого текста на черном фоне быстро утомляет глаза. Даже пользователи с хорошим зрением будут испытывать дискомфорт.
Подобрать нужный контраст непросто. Тот, что кажется удачным на мониторе разработчика, может быть плохо виден на экране пользователя. Избежать ошибок поможет руководство от W3.
Минимальный коэффициент контраста для шрифтовых блоков — 4,5:1, рекомендуемый — 7:1. Но из этого правила есть исключения:
- Крупный текст (18 кегль и выше или 14 кегль в полужирном начертании) — 3:1.
- Текст, который выступает частью неактивного элемента интерфейса, не требует контрастности.
Обеспечить достаточную контрастность текста поможет сервис Color Contrast Checker.
Выбранный шрифт нужно проверить среди пользователей, на устройствах с экранами разной ширины. Чем больше устройств включено в тестирование, тем лучше.
Ранее мы писали о том, Google добавили в Android поддержку шрифтов из своего каталога Google Fonts. В этой статье мы подробно рассмотрим, как можно это реализовать в своём приложении.
Благодаря Google Fonts вы можете использовать тысячи самых разных шрифтов в своих приложениях. Более того, эта возможность теперь распространяется не только на Android O (API 26), но также на все устройства, начиная с API 14, благодаря использованию библиотеки поддержки.
Использование загружаемых шрифтов несёт в себе следующие преимущества:
- уменьшение размера APK (вам не нужно включать в проект .ttf файлы со шрифтами);
- приложение на устройстве пользователя могут совместно использовать шрифты из одного источника, не раздувая хранилище избыточными файлами.
Благодаря встроенной поддержке шрифтов, особенно подчёркивается второй пункт. Например, ниже представлена схема, по которой разные приложения могут пользоваться общими шрифтами.
По этой схеме можно увидеть, что приложения, запрашивающие шрифты, обращаются к одному поставщику, указав контракт на шрифт. Поэтому если одно приложение уже запросило шрифт, другие приложения не будут запускать загрузку и сразу получат шрифт из кеша.
Такая схема необходима, чтобы система не вносила вредоносного кода в файлы.
В приложении Фонарик используется таймер со специальным шрифтом, который хранится в папке assets проекта. Чтобы уменьшить размер APK файла, перепишем приложение, используя загружаемые шрифты.
Добавить загружаемые шрифты в своё приложение можно двумя способами.
Через Android Studio
Откроется окно со списком всех шрифтов, доступных в Google Fonts, где можно выбрать любой понравившийся. Выберем шрифт Orbitron и нажмём ОК. Важно здесь выбрать именно Create downloable font, поскольку Add font to project просто добавит шрифт в проект, что противоречит текущей цели.
После этого Android Studio сама создаст необходимые файлы. В папке res/font будет создан файл orbitron.xml, в папке res/values файлы preloaded_fonts.xml и font_certs.xml.
orbitron.xml
Этот файл содержит определения для Android о семействе шрифтов. Как вы можете видеть, в нём перечислены fontProvider, fontProviderCerts, которые были автоматически созданы в Android Studio.
preloaded_fonts.xml
Android Studio создаёт этот файл, чтобы помочь предварительно загрузить шрифты. Это нужно, чтобы избежать задержки, когда шрифт не отображается при старте приложения. Рендеринг картинки является синхронным процессом, поэтому первый рендер может занять некоторое время, пока Android загружает шрифт. Объявление этого файла в манифесте нужно для того, чтобы приложение получило шрифт в начале работы, до отрисовки экрана.
Android Studio сама добавляет в манифест метатег, содержащий путь до файла preloaded_fonts.xml.
font_certs.xml
Этот файл содержит огромные зашифрованные сертификаты, которые проверяют шрифты.
Теперь мы может просто указать в разметке у любого виджета свой шрифт в атрибуте fontFamily и увидеть результат.
Здесь новый шрифт используется только у одного виджета. Если вы хотите поменять шрифт всего приложения, вам нужно перейти в styles.xml и добавить его в тему вашего приложения.
Как использовать загружаемые шрифты на старых устройствах?
Для этого вам нужно добавить библиотеку поддержки в файл build.gradle модуля приложения.
Кроме того, библиотека поддержка была перенесена в maven репозиторий Google, поэтому вам больше не нужен SDK Manager для загрузки библиотеки. Чтобы добавить maven репозиторий Google, добавьте следующую строку в repositories файла build.gradle модуля проекта.
Программное добавление загружаемых шрифтов
Чтобы добавить шрифт программно, нам понадобятся два класса:
-
для создания запроса на получение шрифта для создания объекта Typeface после получения результата запроса шрифта
Приложение будет извлекать шрифты из провайдера с помощью API FontsContract. У каждого провайдера есть свой собственный набор ограничений на версии Android и язык запросов, который он поддерживает.
Итак, для начала создадим экземпляр класса FontRequest.
В параметрах указываются:
- Владелец провайдера шрифтов
- Пакет провайдера шрифтов для проверки личности провайдера
- Строка запроса шрифта. О том, как формируется запрос, мы писали здесь.
- Список сертификатов. Необязателен, если вы запрашиваете шрифты из предустановленных провайдеров, однако необходим, если используется библиотека поддержки.
Теперь достаточно вызвать метод FontsContract.requestFont(), чтобы получить шрифт. Этот метод проверит, находится ли шрифт в кеше. Если его там нет, то он обращается к провайдеру шрифтов, чтобы извлечь шрифт и передать в callback.
Как только FontRequestCallback получает объект Typeface, он устанавливает его в нужный виджет. Это наглядно можно увидеть на GIF ниже.
Вот и всё! Теперь с помощью загружаемых шрифтов вы можете использовать огромный ассортимент самых разных шрифтов и при этом не увеличивать размер вашего APK файла.
Чем хорош Android? Прежде всего тем, что внешний вид этой системы можно изменить на свой вкус и цвет: темы оформления, значки, цветовые схемы, загрузочную анимацию и, конечно же, шрифты. Но, по умолчанию, в Android отсутствует возможность делать какие-либо серьезные визуальные изменения в системе. В этой статье мы расскажем вам о способах, как поменять системный шрифт на смартфоне или планшете под управлением Android.
Содержание
Если вам не так повезло, как владельцам смартфонов от Samsung и LG, у вас стоковый Android или ваша оболочка не поддерживает смену шрифтов, вы можете воспользоваться одним из методов, описанных в данной статье.
Внимание! Дальнейшие действия вы совершаете на свой страх и риск. Автор не несет ответственности за «окирпичивание» ваших устройств.
Как поменять шрифт с помощью лаунчера
Этот способ является наиболее простым и безопасным. Как правило, сторонние лаунчеры умеют гораздо больше, чем просто поменять шрифт. Они позволяют изменить внешний вид Android до неузнаваемости. Однако, не все оболочки имеют опцию смены шрифта. В большинстве своем лаунчеры могут установить тот шрифт, который идет в пакете с темой оформления. Например, такая возможность есть в Apex Launcher и Holo Launcher.
Дополнительные опции по замене шрифта присутствуют и в Action Launcher 3, который предлагает изменить его стиль на один из вариантов семейства Roboto. Правда поменять таким образом системный шрифт на кардинально другой тип – не получится.
GO Launcher – пожалуй, наиболее функциональный среди остальных лаунчеров в этом вопросе. Он может менять шрифт на любой другой, найденный на устройстве.
Что касается Nova Launcher, в данной оболочке возможность изменить шрифт, к сожалению, отсутствует.
Стоит отметить, что лаунчеры способны менять шрифты в пределах своей оболочки, тогда как некоторые элементы интерфейса остаются неизменными, например, шрифт окна системных настроек, панели уведомлений или любой другой служебной информации. Если же вам нужны более глубокие системные изменения, тогда вам никак не обойтись без специальных приложений.
Как поменять шрифт с помощью приложений
Среди множества программ в Google Play, при помощи которых можно поменять системные шрифты Android, iFont является одной из самых популярных. Приложение позволяет загрузить и установить понравившийся шрифт в пару кликов. Все что для этого нужно – это выбрать его из каталога или воспользоваться поиском.
Одним из ключевых преимуществ iFont является возможность выбрать шрифт по языку с предварительным просмотром и сравнением. В самом приложении шрифтов сравнительно немного, но вы можете загрузить сюда свои шрифты. Подборка с кириллицей – неплохая. Есть несколько красивых рукописных шрифтов и даже один старославянского типа.
iFont легко справляется не только с системными файлами, но и с отдельными приложениями, позволяя устанавливать для них пользовательские шрифты, менять стили и цвета для каждого в отдельности.
Процедура смены шрифта в iFont для большинства устройств требует ROOT-прав, однако на некоторых фирменных прошивках, например, от Samsung, Huawei и других производителей можно обойтись и без ROOT. В любом случае перед изменениями программа всегда создает резервную копию системных шрифтов на карте памяти. Так что вы сможете вернуть все изменения в первоначальное состояние.
FontFix – еще одно приложение для замены системных шрифтов на Android с приятным интерфейсом. Программа загружает их из трех источников: Google Fonts, Font Squirrel и DaFont. А это более 4 тысяч разнообразных шрифтов, доступных бесплатно для вашего смартфона.
Приложение позволяет сортировать шрифты по тегам и популярности. Однако, здесь нет фильтрации поиска по языку. Поэтому, найти понравившийся шрифт с поддержкой кириллицы – достаточно непростая задача. Помимо онлайн базы, в программу можно загружать и свои шрифты.
Как и предыдущее приложение, FontFix поддерживает два метода установки шрифтов – с помощью ROOT-доступа (для большинства устройств) и на смартфонах, чьи оболочки имеют FlipFont, что позволяет сменить шрифт без ROOT-прав (Samsung, HTC).
В целом, главное и, пожалуй, единственное преимущество FontFix – количество доступных для загрузки шрифтов. В остальном это приложение немного уступает по функциональным возможностям iFont.
Как поменять системные шрифты на Android вручную
Такой метод подойдет энтузиастам, которые не боятся экспериментировать со своим устройством. Обязательным условием для выполнения этой операции является наличие ROOT-прав, чтобы иметь возможность изменять системные файлы на Android. На самом деле поменять шрифт ручным способом не так уж и сложно, как может показаться на первый взгляд. Главное – понимать, какие изменения вы совершаете и четко следовать инструкции.
В системе Android используются шрифты семейства Roboto, которые расположены по пути /system/fonts:
- Roboto-Regular.ttf
- Roboto-Italic.ttf
- Roboto-Bold.ttf
- Roboto-BoldItalic.ttf
Для системных шрифтов могут быть и другие варианты названий, но главное, чтобы они начинались на Roboto.
Итак, для процедуры изменения шрифта вам понадобится любой файловый менеджер, умеющий работать с системными файлами и заранее приготовленный шрифт формата TrueType Font (с расширением .ttf), который вы хотите установить. Для примера был использован файловый менеджер ES File Explorer на смартфоне под управлением Android 4.4.2 и шрифт lobster.ttf.
-
Перейдите в папку /system/fonts, найдите системный шрифт Roboto-Regular.ttf и предварительно сделайте копию или переименуйте его, например, в Roboto-Regular.ttf.old.
В принципе, это все основные способы по изменению системного шрифта на Android. Пишите в комментариях, меняли ли вы шрифты на своем смартфоне/планшете или вас полностью устраивает стоковый шрифт Roboto.
Встроенные шрифты в Instagram не всегда удовлетворяют желания пользователей, ведь есть только пять стандартных вариантов. Если вы публикуете десяток историй в день, то хочется, чтобы в каждой он был индивидуальным. Но есть хорошая новость – можно сделать истории и посты в Instagram более интересными с помощью уникальных стилизованных шрифтов.
В данной статье рассмотрены некоторые приложения для Instagram, позволяющие создавать надписи с разными стилями. Они предлагают множество вариантов стикеров с текстом для ваших картинок. Некоторые из них бесплатны, другие имеют платную версию. Большинство поддерживает дополнительные покупки в приложении. Но даже платные варианты стоят всего несколько долларов.
Typorama
Приложение Typorama для iPhone должно понравиться пользователям социальных сетей, не имеющие опыта редактирования фотографий. Typorama – простой в применении инструмент со множеством функций для добавления текста к изображению. Кроме коллекции стоковых изображений, в нем также имеется набор готовых цитат, хорошо подходящих к картинкам определенных тематик. Можете использовать свое изображение или найти его в базе данных Typorama.
Typorama была создана для людей, регулярно загружающих в Instagram картинки с мотивационными надписями. После запуска программы можете выбрать бесплатные изображения из встроенной коллекции. Например, это пляж, природа и другие тематики. Программа даже генерирует случайные цитаты на английском языке.
Typorama действительно хорошо выполняет свою функцию. Но этот инструмент нельзя назвать универсальным. Например, нельзя добавлять несколько надписей. Довольно ограничен набор опций для редактирования текста. Его можно только перемещать, менять цвет и непрозрачность — других опций нет.
Работать нужно с пресетами – наборами заранее установленных настроек. Некоторые из пресетов заблокированы. Чтобы получить доступ к ним, нужно заплатить $4. За эти деньги вы также избавляетесь от водяного знака на изображениях.
Word Swag
Приложение Word Swag доступно для iPhone, предлагает много интересных шаблонов для создания оригинальных картинок. Можно менять размер и угол наклона букв. Можно использовать уже готовые цитаты для редактирования текста. Опробуйте каждый из вариантов на фотографии, пока не подберете наиболее подходящую надпись.
Владельцам iPhone, которые хотят создать уникальный контент для социальных сетей, точно понравится Word Swag, в котором можно добавлять к фотографиям сразу несколько текста или графических элементов. Это идеальный инструмент для создания вдохновляющих цитат и подборок фотографий. В каталоге Word Swag имеется около 600 000 фонов, сотни цитат и десятки красивых шрифтов.
Phonto
Phonto — это простое приложение для iPhone или Android, которое предоставляет отличную возможность украсить картинки с помощью текста. Кроме различных шрифтов, здесь есть и большой набор стикеров, таких как звезды и сердечки. Можно менять их цвет и угол наклона. Для управления используйте палец или клавиши со стрелками. Перемещайте готовый текст, меняйте его угол, добиваясь идеального расположения.
Трафаретные буквы обеспечивают интересный эффект аппликации. Можете использовать Phonto для добавления шрифтов в коллекцию на смартфоне, если встроенной коллекции недостаточно. Покупки в приложении позволяют устанавливать и изменять темы, заблокированные в бесплатной версии. Несмотря на простоту использования, Phonto вполне многофункционален.
Приложение имеет более 200 встроенных шрифтов и позволяют загружать дополнительные, если вам не хватает стандартных. С Phonto добиться того, чтобы надпись идеально соответствовала картинке, достаточно легко.
Font Candy
Работа с текстом – настоящее искусство, но приложение Font Candy для iPhone значительно упрощает его. В этом ему помогают почти 50 художественных шрифтов. Приложение позволяет применять фильтры для фотографий и надписей. Мощные инструменты для редактирования текста дают возможность добавлять тени, корректировать непрозрачность, наклонять буквы. Font Candy также имеет функции обрезки фотографий и анимации.
Чтобы привлечь больше внимания, используйте насыщенные шрифты и центрируйте слова. Регулируйте размер букв, интервал между символами, смешивайте разные шрифты, масштабируйте и обрезайте текст, добавляйте различные графические элементы. Одна из главных особенностей программы – эффект отображения букв на заднем фоне фотографии.
Typography Master
Появившееся в июле 2018 года приложение Typography Master является одним из самых новых инструментов для работы со шрифтами в Instagram. Количество доступных стилей способно удовлетворить пожелания почти каждого пользователя. От векторной графики до сложных фоновых изображений – экспериментируйте с чем угодно.
Canva
После выбора подходящего фонового изображения нужно определиться с типом шрифта. Можете искать его по названию или найти в раскрывающемся меню. Canva предлагает больше настроек, чем Spark Post. Можно менять высоту букв и толщину линий.
Adobe Spark Post
Adobe Spark Post можно считать одним из лучших инструментов для улучшения изображений в социальных сетях. Приложение имеет множество интересных функций, шрифтов и стилей.
PicLab
Фоторедактор PicLab для iPhone или Android предлагает ряд простых в применении типографских инструментов. Используйте фильтры, шрифты и дополнительные графические элементы, чтобы разнообразить фотографии. Встроенная коллекция шрифтов позволяет менять прозрачность, цвет, угол наклона букв. Есть возможность смешивать разные шрифты или накладывая несколько слоев текста.
После накладывания первого слоя можно использовать карандаш для рисования. Изменения легко отменить. Стандартная версия доступна бесплатно. Есть также HD версия, оптимизированная для iPad. За нее нужно заплатить $2. Устранение водяного знака обойдется в $1.
Шрифты для PicLab создавались одними из лучших дизайнеров современности. Изначально это приложение создавалось как фоторедактор, поэтому оно имеет ряд продвинутых инструментов для работы с изображениями. PicLab позволяет поворачивать текст, форматировать его различными способами, добавлять стикеры из встроенной коллекции или создавать коллаж из фотографий с помощью встроенной функцией Collage.
Typic
Приложение Typic представлено в App Store более чем в 120 странах. Уже это красноречиво свидетельствует о его популярности. В его базе данных сохранены 165 шрифтов, а также 500 элементов графического дизайна. Все это дает пользователю практически неограниченные возможности редактирования. Имеется функция добавления логотипа к фотографии, а также более 100 фильтров для изображений.
Если вы решите установить бесплатную версию, придется привыкать к рекламным объявлениям в нижней части экрана. Продвинутые пользователи могут посчитать стандартную версию несколько ограниченной по функционалу.
Pixlr
Хотя сервис Pixlr является фоторедактором, он не зря попал в этот список. В нем есть предустановленный набор шрифтов с разными стилями и дополнительными эффектами. Вы можете выбрать и ретро, и что-то более современное. Имеется много вариантов. Настраивайте цвет текста, прозрачность и многое другое. Не забудьте загрузить все стили, чтобы поэкспериментировать с разными вариантами.
Cool Fonts
Text Font Generator
Название говорит за себя. Text Font Generator похож на описанные чуть выше инструменты. Программа позволяет экспериментировать с разными форматами и вариантами дизайна. Нужно просто ввести несколько слов и приложение автоматически сгенерирует множество вариантов дизайна для вашего текста.
Одно из главных преимуществ Text Font Generator заключается в том, что вы можете сразу увидеть все доступные варианты в виде списка. Это удобнее, чем вводить текст, выбирать шрифт и каждый раз оценивать результат. Количество шрифтов ограниченно 30 шт.
Читайте также: