Для букв: типографика в дизайне мобильных приложений

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

Для букв: типографика в дизайне мобильных приложений

Коммуникация играет важную роль в разработке мобильного приложения. Благодаря этому пользователи могут эффективно использовать его и наслаждаться им. Цель текста, как одного из основных средств коммуникации, — установить связь между приложением и пользователями, чтобы они могли достичь своих целей.

Его эффективность зависит не только от содержания, но и от типографики — стиля и вида шрифта.

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

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

Размер шрифта и длина строки

Размер шрифта и расположение текста оказывают огромное влияние на пользовательский опыт, который включает в себя чтение того, что написано на экране. Мелкий и лаконичный текст трудно читать и может отбить у пользователя желание знакомиться с содержанием. Это может привести к тому, что пользователь пропустит важную информацию. Проблема становится еще более серьезной, учитывая небольшой размер экрана смартфонов.

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

Размер шрифта должен быть достаточно крупным, чтобы его можно было легко прочитать. Что касается количества символов в строке, то лучше не превышать 30-40 на экране смартфона. Удобство пользователей является одним из основных моментов, поскольку необходимо учитывать их демографические характеристики, например, возраст, а также среду, в которой они будут использовать мобильное приложение.

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

Читать также:  Android Auto будет поддерживать сторонние приложения

Расстояние

Когда речь идет о маленьких экранах, пустое пространство особенно важно. Когда расстояние между строками и между текстом и строками на экране больше, читать становится легче. Как правило, от 10 до 20%.

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

Цвет

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

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

Определение уровня контрастности — сложная задача, в основном из-за различий в экранах многих типов смартфонов и планшетов, а также в условиях их использования — от солнечного дня до тускло освещенной улицы ночью. Решением является соблюдение стандартов доступности контента, разработанных для того, чтобы помочь всем пользователям, включая тех, у кого проблемы со зрением, прочитать текст в мобильном приложении. Согласно им, контраст между цветом текста и фоном, на котором он расположен, должен составлять от 1 до 21, в зависимости от интенсивности света, излучаемого экраном.

Для основного текста и текста, расположенного рядом с изображениями, рекомендуется использовать следующие коэффициенты контрастности:

Читать также:  Alibaba и Foxconn инвестировали 350 миллионов долларов в компанию по производству электромобилей

— Текст в нижнем регистре должен иметь коэффициент контрастности 4.5:1 с фоном, на котором он находится.

— Крупный шрифт (более 14 пт при жирном начертании и более 18 пт при стандартном) должен иметь контрастность по отношению к фону 3:1.

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

В зависимости от результатов теста можно внести изменения в цвета и контрастность соответственно.

Гибкость

Для мобильных приложений с преимущественно письменным содержанием, которое в большинстве случаев длинное, пользователям может быть предоставлена возможность увеличивать и уменьшать размер читаемого текста. В таких случаях следует придерживаться нескольких основных правил, которые практически не позволяют людям сделать неправильный выбор. Наименьший возможный размер шрифта должен быть не менее 11 пт. Также вес должен быть стандартным или средним. Это связано с тем, что светлые и, соответственно, тяжелые (жирные) шрифты затрудняют чтение текста при маленьком размере букв.

Изменение шрифта не должно приводить к нагромождению и, следовательно, перекрытию текста.

Стиль шрифта

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

Это „ограниченный“ Однако выбор не означает, что типографика будет скучной. Существует множество творческих способов достижения эстетики и уникальности.

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

Читать также:  Как увеличить число лояльных клиентов с помощью вовлечения

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

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

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

Заключение

Некоторые эксперты считают, что типографика составляет 95% дизайна мобильных приложений. Хотя это утверждение может быть воспринято как крайность, нельзя отрицать важность этого компонента. Оптимизация типографики означает оптимизацию доступности и удобства использования приложения, а также баланса графической композиции, и, следовательно, пользовательского интерфейса и опыта.

Это связано с тем, что в настоящее время текст остается основным способом общения с пользователями.

<

p> Представленные здесь рекомендации являются основополагающими, но главное в типографике и в дизайне мобильных приложений в целом — использовать их как основу для генерации уникальных идей. При принятии решений пользователь всегда находится за рулем. Размер, вес, цвет и стиль шрифта должны соответствовать целям и характеристикам пользователей.

Таким образом, конечный результат является наилучшим из возможных.

Понравилась статья? Поделиться с друзьями:
Что нужно знать пользователю?