Какой шрифт должен быть на мониторе
Лаура Франц, UX-эксперт и профессор Массачусетского университета Дартмут, опубликовала в издании Smashing Magazine материал о том, как создателям интернет-проектов следует работать с текстом при применении адаптивного дизайна. ЦП выбрал самые интересные моменты из этой статьи.
Как читают люди
По мнению Лауры Франц, шрифт на странице должен быть такого размера, чтобы его было комфортно читать. Однако понять, что в конкретном случае будет удобно, а что нет, можно только предварительно разобравшись с тем, как вообще пользователи читают текст в интернете.
Существует три основных способа прочтения текста в интернете. В 2006 году исследовательская организация Nielsen Norman Group опубликовала изображения «тепловых карт», полученных в ходе изучений того, как пользователи смотрят на веб-страницы (eye-tracking). На этих изображениях зоны веб-страницы, на которые испытуемые обращали больше всего внимания, обозначены красным цветом, менее востребованные зоны отображены желтым, а наименее востребованные участки — фиолетовым.
Сочетание красных и желтых зон часто формирует различные вариации символа F — это подтверждает тот факт, что пользователи читают текст в сети, выборочно сканируя страницу для получения понимания ее контента, но не более того.
Кроме того, посетители изучают страницу для того, чтобы решить свою задачу — они «перепрыгивают» взглядом с элемента на элемент, пытаясь найти нужную информацию. Часто они читают лишь одно слово или даже пару символов на строке. На тепловой карте ниже изображены движения глаз пользователя, изучающего поисковую выдачу Google — первые два результата человек читал медленнее, а затем начинал сканировать страницу, не задерживаясь надолго ни на одной строке. Поэтому в левой части изображения нет четкой вертикальной «линии взгляда»:
Также пользователи могут читать текст увлеченно — это происходит, когда они находят интересную статью или запись в блоге. В таком случае человек читает медленнее и внимательнее. На изображении ниже изображена тепловая карта подобного взаимодействия с контентом — цвета на изображении распределены равномернее, чем в двух предыдущих случаях. При этом к низу тепловой карты цветовая интенсивность падает — очевидно человек потерял интерес к тексту, «проскользил» взглядом по левой стороне странице и завершил работу с ней.
Чтение — сложный процесс
Существует три основных сценария чтения текста в интернете, однако этим особенности чтения в сети не ограничиваются. Исследователи выяснили, что пользователи не читают все слова на странице, вместо этого они используют свое центральное зрение для того, чтобы сфокусироваться на конкретном слове, а периферическим зрением воспринимают сопутствующую информацию:
Пользователи не читают все слова на странице
При чтении используется периферическое зрение
Кроме того, известно, что посетители не фиксируют взгляд на одном слове, а осматривают сразу несколько (глаза описывают небольшие круги, называемые «саккадами»). Чаще всего так поступают пользователи, которые просматривают страницу в поисках нужной информации или просматривают ее для того, чтобы понять, интересен ли контент.
Кроме того, во время чтения одной строки текста пользователи обычно охватывают взглядом и следующую строку. Поэтому взгляд не только перемещается горизонтально, но и немного «подергивается» по вертикали. Из-за этой борьбы вертикального и горизонтального движения и возникают F-образные фигуры на тепловых картах.
Длина строки и чтение
Типографы обсуждают связи вертикальных и гоизонтальных движений глаз уже почти столетие. Еще в 1928 году Ян Чихолд (Jan Tschichold) заявил о минусах текста, выровненного по центру, и рекомендовал выравнивание по левому краю. Он считал, что это поможет читателям в восприятии информации — появление четкой вертикальной линии по левому краю страницы, которую человек может использовать после прочтения горизонтальной строки для перехода к следующей.
Идеальные цифры: от 45 до 75 символов
Существует множество «правил» относительно того, какой должна быть горизонтальная строка текста. Лаура Франц цитирует Джеймса Крейга, который в 1971 году написал в своей книге «Дизайн с типографикой» (Designing with type):
Чтение длинной строки вызывает усталость: читатель вынужден поворачивать голову к концу строки, а затем искать глазами начало следующей. Слишком короткие строки способствуют разбитию на части слов или фраз, которые обычно воспринимаются в качестве общей текстовой единицы.
Если усталость настигнет читателя, который ищет на странице нужную информацию, то он просто станет сканировать ее по левому краю. Если пользователь, увлеченно изучающий текст, устанет, то он может случайно начать читать одну и ту же строку по второму разу (феномен, названный «дублированием»).
Часто в качестве идеальной длины строки называют цифру 65 символов. Считается, что в интернете хорошо работают тексты, строки в которых насчитывают от 45 до 75 символов. Лаура Франц, однако, говорит, что согласно ее опыту, верхнюю планку можно раздвинуть до 85 символов на строку (включая пробелы и знаки препинания).
Размер шрифта и чтение
Для хорошей читабельности текста важна не только длина строк, но и размер самого шрифта. Это хорошо известный факт, однако при использовании адаптивного дизайна, когда страница с одним и тем же контентом, может быть представлена в различных вариантах, шрифт часто получается или слишком большим или слишком маленьким.
Статические веб-страницы и размер шрифта
Главный плюс адаптивного дизайна, относящийся к чтению текста, заключается в том, что пользователям мобильных устройств не нужно использовать зум и передвигать видимую зону экрана для чтения.
Если структура страницы статичная (например, две колонки текста, как на изображении ниже), то при использовании рекомендованной длины строки, текст может получаться слишком мелким — на устройствах с небольшими экранами прочитать его можно будет только с помощью «зума».
Слева: Главная колонка текста имеет рекомендованную длину, однако без адаптивной структуры, он слишком мал для устройств с небольшими экранами. Справа: Размер шрифта (Verdana 13 пикселей для левой колонки, Georgia 18 пикселей для введения и 16-пиксельная Georgia для основного контента) хорошо подходит для чтения на ноутбуке.
Небольшие устройства и размер шрифта
На устройствах с маленькими экранами шрифт изначально выглядит меньшим по сравнению с его отображением на компьютере. Франц говорит о том, что это нормально, поскольку пользователи в процессе чтения подносят мобильные устройства ближе к глазам. В настоящее время распространен подход, при котором в адаптивной верстке используются шрифты меньшего размера, но достаточного для сохранения «читабельности». При этом сохранение идеальной длины строки не обязательно — идеальный с точки зрения размера, но слишком мелкий текст делает адаптивный сайт бесполезным, поскольку провоцирует пользователей на прокрутку и «зум» страницы.
Слева: для сохранения длины строки размер шрифта уменьшен до 12 пикселей Verdana и 14-пиксельной Georgia, что усложняет чтение. Справа: 13-пиксельная Verdana и Georgia 17 пикселей позволяют улучшить «читабельность», хотя длина строки теперь и не является идеальной.
Большие устройства и размер шрифта
При разработке адаптивных сайтов следует помнить о том, что размер шрифта и длина строки текста важны не только в случае мобильных устройств. Большинство пользователей все еще открывает сайты с ноутбуков и настольных компьютеров. Часто адаптивная верстка подразумевает наличие одной колонки, которая расширяется с увеличением экрана устройства.
Это решение может быть элегантным и эффективным, но также может провоцировать возникновение проблемы с шрифтами — в какой-то момент символы могут стать слишком большими. Воспринимать информацию, представленную подобным образом, не очень удобно — крупный шрифт занимает больше пространства по горизонтали, что усложняет привычный паттерн чтения, при котором пользователи воспринимают часть текста периферическим зрением.
Слишком крупный текст заставляет пользователей замедлять чтение и прилагать большей усилий к усвоению информации — горизонтальное чтение становится неудобным, что провоцирует человека на то, чтобы начать бегло просматривать страницу, взглядом придерживаясь ее левого края.
Когда шрифт становится слишком крупным, читатель все равно пытается использовать привычный ему «горизонтальный ритм». Это вынуждает человека читать слова частями, а не целиком, снижая скорость чтения и прилагая к этому больше усилий.
Лаура Франц говорит, что создателям сайтов не следует гнаться за идеальной длиной строки текста на странице — сохранение идеальных величин будет провоцировать увеличение шрифта для более крупных экранов, а это может сделать контент нечитабельным.
На практике гораздо более эффективным методом является сохранение общей «читабельности» текста с простым выравниванием по ширине. Если же этого не делать и увеличивать шрифт с сохранением идеальной длины строки, то читать такой текст на большом экране не очень удобно. Пример подобной ошибки — сайт проекта A List Apart, текст на котором хорошо считывается на маленьком экране мобильного устройства, но становится слишком большим на экране ноутбука.
Межстрочный интервал и чтение
На то, как люди читают текст, влияет не только зависимость между размером шрифта и длиной строки в адаптивных структурах сайтов, но и межстрочный интервал текста.
Межстрочный интервал влияет на горизонтальное движение глаз
Поскольку пользователи сканируют контент горизонтально и вертикально, то строки должны восприниматься глазом в качестве одной линии, а не вызывать ощущения «волны». Слишком «плотно сбитый» текст может усложнить горизонтальное движение и вынуждать читателя переводить взгляд ниже по левому краю страницы. Кроме того, это усложняет понимание информации и может заставить пользователя перечитывать ее.
С другой стороны, при чтении слишком свободно расположенного текста с большим межстрочным интервалом может возникать впечатление «разъезжающихся строк». Строки в таком случае не воспринимаются в качестве единого элемента, что усложняет вертикальное сканирование контента. Франц говорит, что не существует общепринятых стандартов идеального межстрочного интервала, но советует устанавливать его в размере, равном примерно 150% размера шрифта.
Межстрочный интервал и размер шрифта
Франц убеждена, что для установки верного межстрочного интервала необходимо учитывать несколько параметров (семейство шрифтов, длина строки в адаптивной верстке, размер шрифта, используемый язык). При этом наиболее важным параметром является как раз размер шрифта. Более мелкий шрифт требует большего межстрочного интервала, а не наоборот, как могло бы показаться. Больший межстрочный интервал облегчает распознавание слов и способствует горизонтальному движению взгляда, когда человек устает читать маленький текст.
Слева: межстрочный интервал составляет 150% от размера шрифта, но на iPhone текст читать сложно. Справа: тот же самый контент с немного увеличенным межстрочным интервалом читается гораздо легче.
Правила можно нарушать
При разработке адаптивной версии сайта ее тестирование только на больших размерах экранов не позволяет точно определить, как текст будет выглядеть на маленьких устройствах. Для обнаружения ошибок в дизайне Франц рекомендует использовать длину строки и ее идеальные пропорции, однако призывает не забывать о том, что правила создаются, чтобы их нарушать.
Даже упомянутый Ян Чичолд нарушал собственное правило и использовать центрированный текст на протяжении большей части своей карьеры. Если выбор стоит между удобством пользователя и сохранением идеальных пропорций — удобству должен быть отдан приоритет. Контент, который удобно читать, позволяет пользователям найти то, зачем они пришли на сайт — а в этом и состоит его главная задача.
Сложности с чтением текста можно испытывать и при работе с широкоэкранными 27-дюймовыми мониторами, и с обычными 19-дюймовыми. Зачастую читаемость ухудшается при увеличении разрешения, поскольку это приводит к уменьшению размера текста. Чтобы понять, почему это происходит, надо вникнуть в суть параметра DPI.
При печати на принтере количество точек на дюйм (DPI) определяет качество печати. В целом, чем выше DPI, тем качественнее печать, поскольку изображение и текст выглядят четче. Например, изображение высокого разрешения обычно выглядит гораздо лучше при печати с разрешением 1200 × 600 DPI, чем при печати с разрешением 300 × 300 DPI. Однако если вы прибегнете к масштабированию, чтобы отпечатать изображение размером 9 × 12 см как изображение размера 10 × 15 см, результат, как правило, плачевен – из-за масштабирования изображение становится зернистым.
На компьютерах под управлением Windows для большинства мониторов по умолчанию устанавливается разрешение 96 DPI. В Windows 7, 8, 10 не является исключением из этого правила и по умолчанию отображает все элементы пользовательского интерфейса, включая текст, с разрешением 96 DPI. Изменяя разрешение, вы изменяете и масштаб элементов интерфейса. Например, если оптимальное разрешение монитора 1920 × 1200, а работает он в разрешении 800 × 600, элементы интерфейса будут выглядеть большими и зернистыми, поскольку вы заставляете компьютер растягивать элементы с разрешением 800 × 600 на пространство, оптимизированное для разрешения 1920 × 1200 точек.
Проще всего определить оптимальное разрешение умножением ширины и высоты экрана в дюймах на 96. Допустим, 27-дюймовый монитор имеет 20 дюймов в ширину и 12,5 в высоту. В этом случае, оптимальным для него будет разрешение 1920 × 1200. Однако в этом случае текст и элементы интерфейса будут выглядеть очень мелкими, и вам придется изменять настройки для улучшения читаемости. Один из способов сделать это – воспользоваться средствами приложений. Например, в Microsoft Word есть кнопка Масштаб для масштабирования текста.
Существует множество различных размеров экранов. И нужно обеспечить легко читаемость текста на самых маленьких и самых больших экранах. Например, с помощью font size HTML .
Обеспечьте, чтобы размер шрифта подходил для любого устройства
Есть несколько способов сделать это:
- Установка адаптивной темы / шаблона;
- Использование адаптивного дизайна / медиа-запросов ( CSS );
- Разработка разных версий сайта.
1. Приобретение адаптивной темы или шаблона
Google рекомендует адаптивный дизайн. С помощью адаптивной темы проблема с размерами шрифтов будет решена.
2. Использование медиа-запросов / адаптивного дизайна
Если у вас есть опыт работы с CSS , и вы не боитесь изучить, как управлять тем, чтобы текст легко читался на любых размерах экранов.
Как работает font-size
Style font size HTML объявляется в файле CSS . Если размер шрифта не объявлен, браузер будет использовать значение по умолчанию, которое обычно составляет 16px.
В коде CSS установка значения font-size выглядит следующим образом:
Для размера шрифта можно использовать различные единицы измерения: пиксели ( px ), пункты ( pt ), em и проценты ( % ).
Если речь идет о выборе шрифта и адаптивном дизайне, Google рекомендует следующее:
Используйте базовый размер шрифта CSS в 16 пикселей
Чтобы определить типографический масштаб, используйте размеры относительно базового размера
Теперь, когда у нас есть базовый размер шрифта для всей страницы, нужно задать другие размеры шрифтов, чтобы элементы H1 , H2 и т.д., отображались большим, чем базовый.
Это гарантирует, что независимо от того, на экране какого размера просматривается страница, соотношение размеров шрифтов всегда будет оставаться одинаковым. Например, размер шрифта H1 всегда будет два с половиной раза больше базового. Это также обеспечит разборчивость текста на мобильных или небольших экранах.
Для текста должно задаваться вертикальное пространство между символами, и, возможно, для каждого шрифта его нужно будет корректировать:
Google рекомендует использовать высоту строки 1.2 , которая по умолчанию используется в браузерах. Это означает, что расстояние между строками текста будет в 1,2 раза превышать style font size HTML .
Для этого нужно объявить высоту строки в CSS :
Мы часто просматриваем веб-страницы на мониторе компьютера, и даже плотный текст с небольшими межстрочными интервалами на них может выглядеть хорошо. Проблемы возникают, когда этот же текст просматривается на меньшем экране, и его почти невозможно читать без увеличения.
Задав высоту строки ( как минимум ) в 1,2 , мы способствуем тому, что текст будет легко читать даже на таких маленьких экранах.
Проблемы со списками ссылок
Для ссылки нужно больше места на экранах мобильных устройств. Это может стать проблемой, когда ссылки размещены в нумерованных или маркированных списках.
Чтобы решить эту проблему, попробуйте:
Используйте ограниченное количество шрифтов и типографских масштабов
Как сделать шрифт читаемым на любом устройстве
Рассмотрим пример медиа-запроса, с помощью которого задается размер шрифта.
Этот шрифт будет вполне читаемым на всех типах устройств. Особенно, если следовать всем выше перечисленным рекомендациям.
Проблемы могут возникнуть, когда стили задаются таким образом, чтобы на стационарных устройствах шрифт был меньше. В этом случае на мобильных устройствах этот текст будет еще меньше:
В подобной ситуации нужно будет изменить медиа-запрос. В первом примере style font size HTML был одинаковым ( 100% ) для стационарных компьютеров и мобильных устройств.
Рассмотрим медиа-запрос, который будет задавать меньший, более плотный текст для ПК, но более читаемый для небольших экранов.
Этот код определяет, что текст должен иметь размер шрифта 90% от размера по умолчанию для стационарных компьютеров. Но на мобильных устройствах размер будет 110%:
Это означает, что текст будет легко читаемым на экранах разных размеров.
3. Создание разных версий сайта
Если ваш сайт не является адаптивным, то используйте мобильный URL-адрес или динамический показ для мобильных посетителей. Создайте различные версии веб-страниц, и установите стили мобильных по своему усмотрению, используя обычный CSS .
Дайте знать, что вы думаете по этой теме в комментариях. Мы крайне благодарны вам за ваши комментарии, дизлайки, отклики, подписки, лайки!
Привлекательная и эффективная типографика — это ключ к эффективному дизайну веб-сайтов. Это особенно важно, если говорить о мобильных устройствах.
Можно ли предположить, что удачно выбранные шрифты для экрана ПК будут работать также и на мобильном устройстве? Есть много типографских стилей и методик, которые идеально подходят для больших экранов, но не работают и создают проблемы на небольших, мобильных экранах.
Это означает, что для обеспечения наилучшего опыта посетителей с мобильных девайсов, мы должны рассмотреть мобильную типографику веб-сайта и убедиться, что независимо от того, какой вид устройств люди используют, сайты будут выглядеть с привлекательным дизайном, которым легко пользоваться и приятно читать.
Короче говоря, типографика должна рассматриваться в качестве важного элемента для создания отзывчивого сайта. Чтобы достичь этого, мы должны понять, как люди читают с мобильных устройств.
Как люди читают с мобильных устройств
Придите в местное кафе, ресторан или в любое другое место, где много посетителей, использующих мобильные устройства и ноутбуки. Наблюдайте их в действии. Вы заметите значительную разницу в расстоянии между пользователем и устройством. Расстояние будет зависеть от типа устройства, которое используют для чтения.
Приглядевшись, одна из первых вещей, которую вы заметите при наблюдении за читателями с мобильными устройствами — это их близость к экрану. Люди имеют гораздо более близкие отношения со своими мобильными устройствами, чем с их офисными или домашними компьютерами. С мобильного экрана текст читается на расстоянии 12,6 дюймов, а с монитора ПК — на расстоянии 20-23 дюйма от экрана.
Так как экран мобильного устройства меньше, его нужно подносить ближе, чтобы легко и эффективно читать слова с такого экрана. Это означает, что пользователи мобильных физически гораздо ближе к устройству, как и к дизайну вашего сайта. Ключ мобильной типографии в читаемости. Если пользователь не может прочитать, значит ваш дизайн не работает.
Освещение и движение
Другой фактор, который вам нужно соблюдать при наблюдении за людьми читающими с мобильных телефонов — внешние условия, в которых они это делают. Освещение, движение и доступ в интернет — все эти факторы важны. Освещение — очень важный фактор, который на прямую связан с тем, как легко зритель сможет читать с экрана.
Что касается движения, вспомните о движении по шоссе проезжая мимо рекламных щитов. В типографии концепция все та же: уловить и удержать внимание читателя.
Интересными также являются физические барьеры, с которыми люди должны бороться при использовании мобильного устройства, а именно держа их руками и край самого экрана. Когда люди используют настольный компьютер для чтения онлайн-контента, они используют мышь или клавиатуру. На мобильных сенсорных экранах палец выступает в качестве навигации и он обязательно блокирует часть экрана.
Основы отзывчивой типографики
Типография сайта не должна быть «одного размера, подходящего под все». У вас должен быть адаптивный дизайн. Это означает, что вы можете на сайте использовать один набор типографских стилей для больших экранов, а затем скорректировать эти стили так, чтобы они подходили под небольшие экраны.
Цель заключается не в создании единого стиля для всех размеров экрана, а, скорее, в создании постоянного положительного опыта чтения, независимо от размера экрана.
Предпочтительные мобильные шрифты
Шрифты, которые вы используете в вашем дизайне будут играть важную роль в том, насколько легко сайт будет читаться на мобильных устройствах.
Слишком сложные и тонкие буквы не только трудно читать, особенно тем, у кого нарушения зрения, но также такие буквы имеют тенденцию искажаться при меньших размерах. Это означает, что при масштабировании шрифта для мобильных экранов возникают проблемы с читабельностью.
Во избежание этой проблемы, многие дизайнеры решили использовать шрифты без засечек для мобильных веб-сайтов и приложений. Простые, прямые формы букв, как правило, лучше масштабируются.
Различные шрифты для разных экранах?
При выборе шрифтов для вашего сайта, решите, хотите ли вы, чтобы ваш сайт использовал тот же шрифт на всех размерах экранов или вам удобнее использовать разный шрифт для различных экранов.
Если вы хотите использовать тот же шрифт на всех экранах, вы должны обращать внимание на те шрифты, которые способны подстраиваться к масштабу.
Если вы готовы настроить выбор шрифтов по мере необходимости, вы можете использовать шрифты с засечками или более сложные шрифты для больших дисплеев, а затем заменять их более простыми шрифтами для небольших экранов.
Стили типографики
С помощью нескольких строк CSS, вы можете кардинально изменить внешний вид содержимого текстового сайта, в том числе размер, высоту строки, длину строки и многое другое. Все эти стили играют важную роль в читабельности сайта и имеют большое значение для мобильных экранов.
Два наиболее важных решения при выборе подходящего мобильного шрифта — это размер и пространство.
Размер
С тех пор, как разные шрифты интерпретируются в различных размерах, по умолчанию нет размер шрифта, который необходимо использовать для экранов мобильных телефонов. Хотя все, что меньше 16 пикселей, становится сложным для чтения на любом экране.
А слишком большой текст будет создавать неудобные перерывы (то же самое касается переносов, которые веб-дизайнеры редко используют.) Для мобильных макетов размеры шрифтов, как правило, устанавливаются в em, а не в пикселях, так что размер шрифта является относительным, готовым реагировать на различные параметры экрана.
Интервалы
Когда дело доходит до небольших экранов — особенно на вертикальных устройствах — интервалы крайне важны. Подумайте об условиях с которыми пользователи борются: освещение, закрывание экрана пальцами и т.д. Внесение дополнительного пространства между буквами и вокруг текста имеет решающее значение.
Маленькие экраны мобильных устройств уже затрудняют чтение строк текста, расположенных слишком близко друг к другу. Высота строки, работающая на настольных экранах может быть сложной для чтения на мобильных телефонах.
Такие вещи очень динамичны, так что различные шрифты требуют различных настроек. Начните с высоты линии 1,5. Это даст читателям ощущение воздушности и легкой читаемости текста.
Длина строки
Не только размер и пространство, но также и расположение текста может оказать огромное влияние на общий опыт чтения на мобильном телефоне. Текст с очень короткой строкой уменьшает нормальный поток чтения.
В идеале длина строки для больших экранов должна быть около 65 слов или близко к тому. На небольших устройствах это число должно быть гораздо меньше. Газеты уже давно стремились к длине строчки около 39 слов в узких столбцах. Это хороший пример для мобильных устройств с узкими колонками на сайте.
Выравнивание
По умолчанию веб-страницы выравнивают текст по левому краю. Многие дизайнеры в их дизайне любят настроить выравнивание по ширине. В некоторых случаях такие стили могут работать очень хорошо, но они часто не работают на мобильных телефонах.
Для мобильных экранов, которые по умолчанию выравнивают по левому краю — это часто лучший выбор. За текстом, выравненным по левому краю, легче следить. Но из-за малой ширины в большинстве случаев колонки текста на мобильных устройствах могут создавать необычные пробелы в содержании.
Даже если вы используете разные выравнивания в вашем дизайне на больших дисплеях, вы, возможно, захотите вернуться к выравниванию по левому краю на мобильных экранах для улучшения читабельности.
Производительность и функциональность
Последним фактором в мобильной типографике вашего сайта является общая производительность и функциональность самого сайта. То, как быстро сайт загружается для посетителей и как он на самом деле работает.
Насчет производительности, мобильные пользователи с ненадежным соединением сети будут страдать от медленных загрузок. Если ваш сайт использует множество веб-шрифтов — это может негативно влиять на его производительность.
Веб безопасные шрифты
Веб-безопасные шрифты могут быть не такими привлекательными, как многие из доступных сегодня вариантов веб-шрифтов, но выбор таких шрифтов улучшает производительность, так что не сбрасывайте их со счетов. Особенно это полезно для мобильных сайтов.
Дизайн к которому можно прикоснуться
Многие из принципов хорошей типографии применяются также к мобильной типографии. Использование шрифтов, которые легко читать, с надлежащим интервалом и четкими буквами — это необходимо для любого экрана. Вы должны также рассмотреть уникальные характеристики этих устройств, то, как люди взаимодействуют с ними и в различных средах.
При рассмотрении типографики на мобильных устройствах, нужно понять, что пользователи будут касаться этого текста своими пальцами.
Надеемся эти советы помогут вам в создании успешной мобильной типографики.
Читайте также: