Телефон с большим шрифтом: рейтинг топ-10 по версии КП

Содержание

Изменение размера шрифтана iPhone, iPad или iPod touch

В программах «Почта», «Контакты», «Календарь», «Телефон», «Заметки» и других, поддерживающих функцию «Динамический шрифт», можно изменять размер шрифта.

Изменение размера шрифта

  1. Выберите «Настройки» > «Экран и яркость» и установите флажок «Размер текста».
  2. Перетащите ползунок, чтобы выбрать требуемый размер шрифта.

Дополнительное увеличение размера шрифта

  1. Выберите «Настройки» > «Универсальный доступ» и установите флажок «Дисплей и размер текста».
  2. Чтобы выбрать увеличенный шрифт, нажмите «Увеличенный текст».
  3. Перетащите ползунок, чтобы выбрать требуемый размер шрифта.

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

Дополнительная информация

Дополнительные сведения о функциях универсального доступа и их использовании см. в разделе «Универсальный доступ» руководства пользователя для соответствующего устройства iOS.

Дата публикации: 

Загрузка и установка пользовательских шрифтов для Office

Большинство приложений (таких как Microsoft Word, Excel и PowerPoint) включают шрифты, которые автоматически устанавливаются при установке программного обеспечения. Например, приложения, предназначенные для разработки документов, такие как Microsoft Publisher, часто поставляются с большим количеством дополнительных шрифтов, которые можно использовать в любой другой программе на компьютере.

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

Примечание: Сведения о внедрении шрифтов в документы Microsoft Office Word и презентации PowerPoint см. в разделе Внедрение шрифтов на сайте PPTools.

Поиск шрифтов в Интернете

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

Найдя шрифт, который вы хотите использовать в приложении Office, можно скачать и установить его с помощью операционной системы компьютера. Так как шрифты работают на уровне операционной системы, они не скачиваются непосредственно в Office. Необходимо установить шрифт в папку Шрифты на панели управления Windows, после чего он будет поддерживаться в Office автоматически. На компьютере Mac необходимо добавить шрифт через средство Шрифты, а затем скопировать его в папку Windows Office Compatible.

Многие сторонние компании упаковывают шрифты в ZIP-файлы для уменьшения их размера и ускорения скачивания. Если вы скачали шрифт, сохраненный как ZIP-файл, можно открыть его, дважды щелкнув его значок.

Установка скачанного шрифта

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

  1. Найдите скачанный файл шрифта, помня, что он может быть в ZIP-файле. Вероятно, он находится в папке «Загрузки».

  2. Дважды щелкните файл шрифта, чтобы открыть его в средстве просмотра шрифтов.

  3. Убедившись в том, что это нужный вам шрифт, щелкните Установить в верхней левой части окна.

  4. Закройте средство просмотра шрифтов и откройте программу Office. Новый шрифт будет указан в списке шрифтов.

  1. Найдите скачанный файл шрифта (скорее всего, он имеет расширение TTF или OTF и находится в папке «Загрузки»). Дважды щелкните его.

    Примечание: Если файл имеет расширение ZIP, необходимо открыть его и извлечь файл шрифта.

  2. Шрифт откроется в средстве просмотра шрифтов. Нажмите кнопку

    Установить шрифт. Откроется окно Шрифты.

  3. Закроем шрифты. Шрифт должен быть доступен для всех Microsoft Office.

Примечание: Если вы используете Office 2011 для Mac, может потребоваться перетащить шрифт в коллекцию «Совместимые с Windows Office» в коллекции «Шрифты», чтобы сделать ее доступной Microsoft Office.

Совместное использование файлов, содержащих нестандартное шрифты

При установке пользовательских шрифтов они будут работать только на том компьютере, на котором установлены. Шрифты, установленные на компьютере, могут отображаться по-другому на другом компьютере. Текст, отформатированный шрифтом, который не установлен на компьютере, будут отображаться с использованием шрифта Times New Roman или стандартного шрифта.

Поэтому если вы планируете предоставить файлы Microsoft Office Word, Excel или PowerPoint другим пользователям, то вам следует знать, какие шрифты есть в версии Office, которую использует получатель. Если шрифтов нет в этой версии, возможно, потребуется внедрить их или предоставить шрифты вместе с файлом Word, презентацией PowerPoint или электронной таблицей Excel. Дополнительные сведения см. в статье Шрифты, которые входят в состав различных версий Office.

Дополнительные сведения

У вас есть предложения по улучшению Microsoft Office?

См. статью Как оставить отзыв по Microsoft Office?

Информация о заменителях молочного жира на этикетках – крупным четким шрифтом!

Информация о заменителях молочного жира на этикетках – крупным четким шрифтом!

11 января 2019 года закончился  180-дневный срок, который был  отведён производителям молочной продукции, содержащей растительные жиры, на подготовку к изменениям в правилах её маркировки:

— смена упаковки,

— оформление новых деклараций 

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

Потребителям стоит обращать внимание на маркировку молочной продукции и проверять ее соответствие новым требованиям.

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

Телефоны «горячих линий» и адреса консультационных центров и пунктов размещены на сайтах Управлений Роспотребнадзора по субъектам Российской Федерации.

 Также  на страницах Государственного информационного ресурса в сфере защиты прав потребителей (http://zpp.rospotrebnadzor.ru)  каждый потребитель может ознакомиться информацией о, выявленных специалистами Роспотребнадзора  фальсифицированных продуктах, а также с рекомендациями по здоровому питанию.

Как должны называться молочные продукты? 

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

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

Например, на том, что раньше можно было называть «сыр», теперь должно быть написано «молокосодержащий продукт с заменителем молочного жира, произведенный по технологии сыра».

Зачем это нужно?

В ноябре 2017 года Евразийской экономической комиссией, в которую входят эксперты России, Беларуси, Казахстана, Армении и Киргизии, был принят закон, согласно которому производители, использующие растительные жиры, стабилизаторы и консерванты, обязаны прекратить использовать такие названия, как «сметанный продукт», «творожный продукт» и прочие. 

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

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

Закон вступил в силу 15 июля 2018года, однако в Евразийской комиссии был утверждён переходный период для производителей, чья продукция содержит в составе растительные жиры.

 У всех предприятий было 180 дней на то, чтобы изменить упаковку и оформить новые декларации на продукцию с изменёнными названиями и маркировкой.

Таким образом, производители и торговые операторы за этот срок должны были определиться:

—  выпускать  свои торговые марки только из молока и сохранить прежние, «молочные» названия.

или 

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

Какова  должна быть упаковка?

Наименование молокосодержащего продукта с заменителем молочного жира должно начинаться со слов «молокосодержащий продукт с заменителем молочного жира» (за исключением сливочно-растительного спреда, сливочно-растительной топленой смеси, мороженого с заменителем молочного жира).

Информация о технологии производства молокосодержащего продукта с заменителем молочного жира указывается в виде слов «произведенный (изготовленный) по технологии» с указанием понятия, установленного для соответствующего молочного продукта.

Размер шрифта наименования молокосодержащего продукта с заменителем молочного жира должен составлять не менее 2,5 мм.

В наименовании молокосодержащего продукта с заменителем молочного жира слово «продукт» может быть заменено общетехническим термином, характеризующим консистенцию или структуру продукта (крем, паста, соус и т.д.).

Например:

— «молокосодержащий продукт с заменителем молочного жира, произведенный по технологии сметаны»;  

— «молокосодержащий крем с заменителем молочного жира, произведенный по технологии творога».

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

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

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

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

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

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

В чем разница между оригинальной молочной продукцией  и той, которая содержит заменитель молочного жира?

Замена молочных жиров растительными – это удешевление продукции.

Заменяя один ингредиент другим, производитель экономит на сырье и, таким образом, зарабатывает больше. 

Что ещё нужно знать?


Вопреки устойчивым стереотипам, наличие растительных  масел  в качестве заменителей молочного жира –  далеко не всегда опасно. 

Всемирная организация здравоохранения (ВОЗ) отмечает, что продукты с заменителем молочного жира безопасны, в случае, если это не частично гидрогенизированные масла.     

Частично гидрогенизированные масла содержат большое количество трансжиров, чрезмерное потребление которых ВОЗ считает одним из рисков развития сердечно-сосудистых заболеваний и преждевременной смерти. 

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

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

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

А значит и цена на неё должна быть ниже. И главное – потребитель должен знать об этом, чтобы сделать правильный выбор.

 Удачных и качественных покупок!

Как изменить шрифт на Android

Как можно быстро «преобразить» свой смартфон без покупки нового? Можно установить новые обои для домашнего экрана или просто заменить мелодию звонка. Но есть и 3-ий способ – заменить стандартный приевшийся шрифт в мобильной операционной системе.

В большинстве случаев в Android по умолчанию установлен шрифт Roboto. Он был разработан Google и представлен широкой публике в 2012 году.

Чаще всего он всех устраивает, его любят за аккуратные ровные линии и четкость. Но всегда найдутся те, кто хочет выделиться из толпы.

Если вы причисляете себя к таким людям – эта статья для вас. Огромным преимуществом Android как ОС является полная «кастомизируемость». Система позволяет пользователю менять встроенные шрифты. Однако возможность замены шрифтов не всегда простая задача. Часто для этого необходимы дополнительные знания. В статье вы узнаете о двух способах установки шрифтов на Android: с помощью root-доступа и без него.

«Стоковый» Android, к сожалению, не имеет встроенной функции для замены шрифтов. Однако многие производители смартфонов вносят доработки в прошивки и разрешают пользователям менять шрифты. К таковым относятся Samsung, LG и HTC. Как правило, настройки для смены шрифтов по умолчанию находятся в разделе «Дисплей».

Например, Samsung предустанавливает несколько шрифтов на выбор. Если их недостаточно – дополнительные можно скачать через Google Play. Но чаще всего это платно.

Чтобы сменить шрифт по умолчанию, нужно зайти в «Настройки — Дисплей — Шрифт — Стиль Шрифта».

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

 

 

Go Launcher

Первый способ для замены шрифтов без получения root-прав – установка стороннего лаунчера. Для этого отлично подойдет популярнейшая оболочка для Android – Go Launcher. Она обладает широчайшими возможностями. Кроме прочего, там есть функция смены шрифтов.

Для замены шрифтов в Go Launcher копируем в любую папку на телефон шрифты, которые нам необходимы. Затем запускаем Go Launcher.

Переходим в Настройки (именно самой оболочки, не телефона). Затем выбираем раздел «Ярлык и шрифт». Выбираем шрифт, который нам необходим, либо используем «Поиск» для установки сторонних шрифтов.

 

Изменения вступят в силу сразу же. Вот так быстро и эффективно можно поменять стиль Go Launcher.

 

iFont

Следующий способ замены шрифтов без root-доступа – это приложение iFont. Оно доступно в Google Play, и более 10 000 000 пользователей выбрали именно его. «Наслаждайтесь жизнью, наслаждайтесь шрифтом» – вот такой необычный девиз у этого приложения.

iFont может заменить шрифты на определенных моделях телефонов Samsung, Meizu, Xiaomi, Huawei. Легко и без root-прав можно обновить шрифты на Samsung Galaxy S3, S4, Note, Note II. На остальных моделях – как повезет. Возможна замена шрифтов на HTC, Sony, Motorola – но уже с root-доступом. Интересна следующая закономерность: чем старше прошивка Android на вашем смартфоне, тем больше вероятность замены шрифтов без получения root-доступа. К примеру, на смартфонах Galaxy S6, S7, S8 с Android 6.0.1 установка сторонних шрифтов заблокирована компанией Samsung.

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

После запуска приложения необходимо выбрать язык шрифта. Выбираем «RU (русский)». Затем кликаем на стиле, который вам понравился, и жмем «Скачать». Как правило, шрифты весят около 150 Кб. Затем жмем «Установить». Переходим в настройки телефона и видим новый шрифт. Выбираем его и наслаждаемся.

 

 

FontFix

FontFix – похожее на iFont приложение, но с более навязчивой рекламой. В нем много шрифтов на выбор, а также есть несколько способов их замены.

Здесь к установке доступны более 4000 шрифтов. Часть из них платные. Поддерживаются, как всегда, не все смартфоны, а только Samsung. Но, с root-правами можно установить их почти на все аппараты!

 

Root доступ

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

Обычно эти права получают посредством перепрошивки смартфона. Это небезопасный процесс, но если уж вы получили root-доступ, то, скорее всего, вы – продвинутый пользователь Android. И инструкция ниже – именно для вас. Помните, что всё вы делаете на свой страх и риск!

Самый простой доступ — запустить файловый менеджер Total Commander и вручную скопировать, а затем заменить нужные шрифты. Необходимо зайти в папку /system/fonts и заменить Roboto-Regular.ttf. Это самый распространенный шрифт в Android. Просто берете свой Arial.ttf и копируете его в папку /fonts c именем Roboto-Regular.ttf. Не забывайте сделать backup всех шрифтов в этой папке. Затем перезагрузите смартфон и наслаждайтесь новым шрифтом.

Есть вариант попроще – нужно просто в iFont или FontFix выбрать режим установки шрифтов – root. Приложения все сами скопируют и установят.

P.S. А где брать шрифты спросите вы? Мы рекомендуем вам несколько мест:

Здесь вам доступна большая библиотека бесплатных шрифтов от Google. Их более 800.

Для того, чтобы скачать понравившийся шрифт, выберите его и кликните на +. Затем кликните на темную полосу внизу экрана, далее – на иконку «Скачать». Как на скриншоте ниже.

Также рекомендуем посетить хороший сайт с бесплатными шрифтами. Выберите русский язык, а затем нажмите «Download» напротив понравившегося шрифта.

Всем удачи в тонкой настройке Android!

4 способа изменить шрифты в Android |

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

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

Метод №1: Системные настройки

В базовой версии Android нет встроенных средств для изменения системных шрифтов. Однако, в зависимости от производителя вашего телефона и версии Android установленной по умолчанию, эти функции могут быть доступны. К примеру, на старых версиях интерфейса TouchWiz от Samsung:

  • Откройте Настройки > Устройство > Шрифты > Стиль шрифта.

На новых телефонах Samsung с Android версии 4.3 или выше шрифт можно изменить так:

  • Откройте Настройки > Мои устройства > Экран > Стиль шрифта.

У компании Samsung есть интернет-магазин, где вы можете приобрести новые шрифты. Чтобы получить к нему доступ, нажмите «Скачать шрифты» на экране изменения шрифта. Стоимость одного шрифта может варьироваться в пределах от 0,99 до 3,99 долларов.

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

Метод №2: HiFont

HiFont — это бесплатное приложение, которое можно найти в магазине Google Play и мой фаворит, когда дело касается изменения шрифтов. В его состав входят сотни шрифтов, которые заменят стандартный шрифт версии Android, которой вы пользуетесь. С приложением очень легко работать, а установка шрифтов идёт отдельно от самой программы. Поэтому вы можете удалить HiFont как только подберёте подходящий шрифт. Несмотря на то, что в HiFont уже встроено множество шрифтов, вы так же можете установить через него любые другие. Также незабываем периодически очистить кэш на Android, я об это подробно писал в этой статье.

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

Метод №3: Font Installer

Font Installer — ещё одно бесплатное приложение, позволяющее выбрать один из нескольких сотен встроенных в него шрифтов. Дополнительные шрифты можно устанавливать прямо с SD-карты вашего телефона. Кроме этого, шрифтами можно делиться. Font Installer входит в состав пакета ROM Toolbox Pro, что уже говорит о его качестве. Неважно, каким устройством вы пользуетесь, для Font Installer требуются полные права.

Лично мне больше нравится HiFont, но Font Installer — отличная альтернатива, если вы по каким-то причинам не можете или не хотите устанавливать HiFont.

Метод №4: PerAppFonts

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

Единственным недостатком PerAppfonts является скудный набор встроенных шрифтов. На выбор даётся всего 8 вариантов: Monospace, Serif, Sans, Roboto Condensed, Storopia, Rosemary, Roboto Slab и стандартный системный шрифт, использующийся по умолчанию. К счастью, вы можете добавить больше шрифтов, загрузив их на SD-карту своего телефона и выбрав в настройках PerAppFonts

Фреймворк Xposed довольно интересен сам по себе. Он прошёл долгий путь с момента релиза первой версии. Однако, это чуть сложнее, чем установить новое приложение из магазина Google Play. Так что используйте этот метод, только если знаете что делаете и осведомлены о возможных рисках.

Хорошие шрифты для Android

Теперь, когда вы знаете, как изменять шрифт, какой же выбрать? Моим любимым хранилищем бесплатных шрифтов является Google Fonts.

Как следует из названия, хранилище Google Fonts существует для того, чтобы владельцы сайтов могли без всяких усилий менять шрифты на своих ресурсах. Но пользователи могут скачивать шрифты напрямую, если хотят использовать их в других целях, например, в телефоне, работающем на базе Android. Ищете другие сайты с бесплатными шрифтами? Рекомендую посетить FontSquirrel и DaFont. Вот мой список из 5 лучших шрифтов для Android:

  • Alte Haas Grotesk
  • Anivers
  • DezenPro
  • Nobile
  • Roboto

Выбор шрифта — личное дело каждого, так что найдите шрифт, который вам нравится, и установите его! Если вы обнаружите классный шрифт на каком-нибудь сайте и захотите сами его использовать, обратитесь к бесплатным сервисам вроде Identifont и WhatFont, чтобы узнать, как этот шрифт называется.

Вам помогло наше руководство? Расскажите, какой шрифт вы используете на своём устройстве в комментариях ниже!

Как всегда, немножко приятного.

[youtube width=»450″ height=»350″]http://www.youtube.com/watch?v=Woe8Wdp0IVA[/youtube]

Телефон Fly TS111 на 3 сим-карты

Классический мобильный телефон с физической клавиатурой и большим экраном 2.8 дюйма. Это довольно большой телефон по своим габаритам (130 x 56 x 12.6 мм). Fly TS111 по высоте такой же как LG G2 Mini (129.6 x 66 x 10 мм) с 4.7-дюймовым экраном, хотя заметно уже. Тем самым в нем теряется преимущество компактных классических клавиатурных телефонов. Но наверняка найдутся те, кому нужен классический телефон с большим экраном. Да и поддержка трех сим-карт весомое достоинство в некоторых случаях (отличный рабочий телефон). И разумеется никуда не делось еще одно преимущество подобных телефонов – доступная цена. Fly TS111 стоит всего около $42.

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

Больше о телефоне сказать нечего. Работает в сетях GSM 900/1800. Поддержки 3G нет, Wi-Fi тоже нет. Так что для Интернета Fly TS111 не лучший выбор (возможность выхода в Сеть есть), хотя при таком экране это было бы не плохо (но и не при таком разрешении).

Характеристики телефона Fly TS111

Анонс: июль, 2014 год

Габариты: 130 x 56 x 12.6 мм
Вес: 99 грамм
Емкость аккумулятора: 1 300 мАч (до 5 часов разговора или 8 дней режима ожидания)
Количество сим-карт: 3 (стандартного размера, т.е. большие)

Дисплей: TFT, 2.8 дюйма, 240×320 пикселей, оргстекло
Камера: 1.3 Мп, без автофокуса
Память: 32 МБ
Поддержка карт памяти: microSD до 8 ГБ
Интернет: есть (GPRS Class 12, WAP)
3G: нет
Wi-Fi: нет
GPS: нет
Датчики: отсутствуют
Bluetooth: 2.1
Аудио-плеер, FМ-радио: есть.

1. Разговорный динамик
2. Дисплей
3. Навигационная клавиша
4. Левая софт-клавиша
5. Вызов
6. Правая софт-клавиша
7. Завершение вызова

8. Светодиодный фонарик
9. Камера
10. Дополнительный динамик
11. Микрофон
12. Micro-USB
13. Аудиовыход 3.5 мм

Обзор Sigma mobile Comfort 50 Light: бабушкофон с ярким фонариком

Много лет подряд смартфоны правят баллом, тем не менее, обычные «звонилки» никуда не делись – многие и сегодня выбирают простые телефоны, как минимум, из-за долгого времени работы. Из всех производителей, наверное, только Nokia периодически радует почитателей классики новыми анонсами, но на самом деле, есть и другие. Сегодня у нас в гостях Sigma mobile Comfort 50 Light – мобильный телефон, обладающий самой базовой функциональностью, мощным фонариком и выделяющейся на фоне одноклассников внешностью, отмеченной наградой iF Design.

Моделей в линейке: 0

Комплектация

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

Дизайн и удобство использования

Сегодня большинство самых простых мобильных телефонов выглядит одинаково неприметно. С одной стороны, Sigma mobile Comfort 50 Light такой же простой, но отход от привычной симметрии и яркие детали корпуса обращают на себя внимание.

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

Подсветка клавиатуры равномерная, белого цвета. Цифровые клавиши имеют размеры 9 на 13 мм, навигационные – 15 на 13 мм, расстояние между соседними кнопками составляет около 2 мм. Латиница и кириллица нанесены по разные стороны от цифровых обозначений. Шрифт крупный, даже у людей с ослабленным зрением не должно возникнуть проблем с читаемостью.

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

Над ней находится цветной TFT экран. Диагональ дисплея равна 1,8 дюймам, а его разрешение составляет 128 на 160 точек. Экран самый простой, при взгляде под углом цвета инвертируются, но благодаря большому шрифту и контрастной теме информация всегда остается хорошо читаемой. Небольшая щель разговорного динамика смещена вправо относительно оси телефона, что выглядит очень непривычно.

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

Справа снизу находится крупное ушко для крепления комплектного ремешка. При необходимости, в него пролезет шнурок или хозяйственная веревка.

Боковины Sigma mobile Comfort 50 Light сделаны ребристыми. Это никак не влияет на ухватистость телефона, потому что корпус сделан из гладкого пластика. Слева находится клавиша регулировки громкости – практически уникальный элемент для простых мобильных телефонов, обычно встречающийся только в самых дорогих моделях. Кроме регулировки громкости входящего звонка и голоса собеседника с ее помощью можно осуществлять навигацию по меню и подменю телефона.

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

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

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

На задней крышке Sigma mobile Comfort 50 Light можно видеть решетку вызывного динамика, и красную кнопку SOS, продолжительное нажатие которой отвечает за включение экстренного сигнала и последовательного прозвона пяти предварительно заданных номеров и отправки им текстового сообщения.

Сняв крышку телефона можно добраться до съемного аккумулятора, под которым находится слот для одной Mini-SIM и карты памяти формата MicroSD. Время и дата не «сбрасываются» даже после извлечения батареи, на плате есть дополнительный элемент питания, отвечающий за работу часов.

 

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

Функциональность

Как мы сказали в самом начале, с точки зрения функциональности Sigma mobile Comfort 50 Light – это образец минимализма. Меню телефона содержит следующие пункты: Сообщения, Контакты, Звонки, Аудиоплеер, Органайзер, Установки.

Каждый из пунктов содержит соответствующий набор настроек и подпунктов. Например, аудиоплеер позволяет прослушивать музыку с карты памяти, органайзер содержит файловый менеджер, будильник, FM-радио, календарь, калькулятор. В памяти телефона может храниться до ста сообщений и двух сотен контактов. Для каждого контакта предусмотрено одно поле имени (до 20 символов) и одно поле для телефонного номера. Плеер и радио могут работать в фоновом режиме. Для работы радио не нужно подключать наушники, в телефоне есть встроенная антенна, в центре Киева в офисном здании Sigma mobile Comfort 50 Light автоматически нашел 25 радиостанций и уверенно принимал эфир.

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

Звонки

Основная функциональность Sigma mobile Comfort 50 Light (звонки) реализована хорошо, хотя и не без недочетов. Так, вызывной динамик оказался звонким, у него хорошая громкость, звонок будет хорошо слышно, как из карманов одежды, так и из сумки. В свою очередь виброзвонок средний по силе, в простом телефоне, который весит всего 92 грамма, мы ожидали увидеть более мощное вибро. В кармане брюк сигнал будет ощущаться, а вот во внешнем кармане куртки или сумки –скорее всего нет. Микрофон обладает хорошей чувствительностью, голос передается естественно, никто из собеседников за время тестирования на слышимость не жаловался.

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

Время работы

Sigma mobile Comfort 50 Light питается от съемной батареи емкостью 1100 мАч. С учетом того, что мы имеем дело с самым простым мобильным телефоном, такого элемента питания будет более чем достаточно. Производитель заявляет о примерно девяти днях работы в режиме ожидания и шести часах работы в режиме разговора. В нашем случае телефон сел на 50% за пять дней при минимальном числе звонков, отправке нескольких сообщений, изучении доступной функциональности.

Приятным бонусом выглядит наличие в комплекте поставки специального зарядного стакана. На его задней стороне размещен обычный разъем MicroUSB, к которому подключается комплектное зарядное устройство. В основании дока выведено два контакта, такие же контакты расположены внизу телефона. В результате, для того, чтобы зарядить Sigma mobile Comfort 50 Light, нужно просто опустить его в стакан.

Итоги

Sigma mobile Comfort 50 Light – простейший мобильный телефон. Он выгодно выделяется на фоне одноклассников своим интересным дизайном, который отметили наградой iF Design, очень ярким фонариком, удобной клавиатурой и расширенной комплектацией. Единственным недостатком модели является не самый громкий разговорный динамик. С учетом того, что изначально модель создавалась в качестве телефона для пожилых людей, это выглядит крайне странно и возможно является просто особенностью тестового образца, но данный параметр лучше дополнительно проверить самостоятельно перед возможной покупкой.

Понравилось:

+ Интересный дизайн

+ Очень яркий фонарик

+ Большие удобные кнопки, наличие клавиши регулировки громкости

+ Громкий вызывной динамик

+ Емкий аккумулятор, наличие зарядного стакана в комплекте поставки

Не понравилось:

— Громкость разговорного динамика

— Минимальная функциональность (например, поддержка только одной SIM)

Sigma mobile Comfort 50 Light (Grey)

Уведомить о появлении в продаже

ТипМобильный телефон
Тип SIM-картыMini-SIM
СтандартGSM 850/900/1800/1900
Высокоскоростная передача данных
Количество SIM-карт1
Операционная системапроприетарная
Встроенная память, ГБ
Слот расширенияmicroSD (до 16 ГБ)
Габариты, мм117x55x15,6 мм
Масса, г92
Защита от пыли и влаги
Аккумуляторная батареяLi-Ion, 1100 мАч
Время работы (данные производителя)больше 6 часов в режиме разговора; больше 9 дней в режиме ожидания
Диагональ, дюймы1,8
Разрешение128х160
Тип матрицыTFT
PPI113,8
Датчик регулировки яркости
Сенсорный экран (тип)
Другоецветной высококонтрастный дисплей
ПроцессорMTK(version 60M)
Основная камера, МП
Вспышка— (фонарик)
Фронтальная камера, МП
Wi-Fi
Bluetooth
GPS
IrDA
NFC
Интерфейсный разъемmicro-USB
Аудиоразъемmicro-USB
MP3 плеер+
FM-радио+ (встроенная антенна, прослушивание без гарнитуры)
Тип корпусамоноблок
Тип клавиатурытелефонная клавиатура
ЕщеПобедитель международного конкурса дизайна iF design awards 2014, кнопка экстренного вызова SOS, функция озвучки голосом цифр при нажатии на клавиатуре, большой яркий фонарик с двумя режимами работы: обычным и экстренным (мигающим), световой индикатор входящего и пропущенного звонка, кредл для зарядки в комплекте

Продукт предоставлен на тестирование компанией Sigma mobile, www. sigmamobile.net

Как изменить размер шрифта на Android 2 способами

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

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

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

Изменение размера шрифта на вашем Android-устройстве займет у вас немного времени. Вот как это сделать.

Ознакомьтесь с продуктами, упомянутыми в этой статье:
Samsung Galaxy S10 (от 859,99 долларов США в Walmart)

Как изменить размер шрифта на устройстве Android

1. Откройте приложение «Настройки» и нажмите вкладку «Специальные возможности».

В вашем меню специальных возможностей будут храниться ваши параметры изменения размера. Стивен Джон / Business Insider

2. Нажмите «Размер шрифта». В зависимости от вашего устройства эта опция может быть скрыта в меню «Видение».

3. Вам будет представлен ползунок, позволяющий управлять размером шрифта. Перетащите ползунок настолько вправо, насколько хотите — чем дальше он идет вправо, тем больше будет ваш текст.

4. Нажмите «Готово», чтобы сохранить изменения.

Изменение размера шрифта не повлияет на то, как другие будут видеть отправленные вами электронные письма или тексты.Стивен Джон / Business Insider

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

1. Снова откройте приложение «Настройки» и нажмите «Доступность».

2. Нажмите «Размер экрана».

3. Вам будет показан другой слайдер. Сдвиньте его вправо, чтобы увеличить масштаб, а значки и текст — больше.

Справочное руководство по типографике в мобильном веб-дизайне — Smashing Magazine

Об авторе

Сюзанна Скакка — бывший разработчик WordPress, тренер и менеджер агентства, а теперь работает внештатным копирайтером.Она специализируется на маркетинге, веб … Больше о Сюзанна ↬

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

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

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

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

Понимание основ типографики в современном веб-дизайне

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

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

Типографская терминология

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

Типографика: Этот термин относится к методу , используемому для стилизации, форматирования и упорядочивания «печатного» (в отличие от рукописного) текста.

Гарнитура: Это система классификации, используемая для обозначения семейства символов.Итак, это будет что-то вроде Arial, Times New Roman, Calibri, Comic Sans и т. Д.

Типичное предложение шрифтов в приложениях для обработки текста. (Источник: Документы Google) (превью в большом разрешении)

Шрифт: Это углубляется в шрифт веб-сайта. Шрифт подробно описывает семейство шрифтов, размер шрифта и любые применяемые специальные стили. Например, жирным шрифтом Arial с 11 пунктами.

Пример трех элементов, определяющих шрифт. (Источник: Google Docs) (Большой превью)

Размер: Существует два способа обозначения размера (или высоты) шрифта: размер текстового редактора в пунктах или размер веб-дизайна в пикселях.Говоря о мобильном веб-дизайне, мы используем пиксели.

Вот построчное сравнение различных размеров шрифта:

Пример того, как одна и та же строка текста отображается с разными размерами. (Источник: Документы Google) (Большой превью)

Как вы можете видеть в WordPress, размеры шрифта важны, когда дело доходит до установления иерархии в тексте заголовка:

Значения размера заголовка по умолчанию доступны в теме WordPress. (Источник: WordPress) (Большой превью)

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

Вот пример параметров, которые вы можете выбрать в настройщике темы WordPress:

Пример веса шрифта, доступного в теме WordPress. (Источник: WordPress) (превью в большом разрешении)

Кернинг: Это относится к промежутку между двумя буквами. Его можно отрегулировать, чтобы получить более эстетичный результат, а также улучшить читаемость.Вам понадобится программное обеспечение для дизайна, такое как Photoshop, чтобы вносить такие корректировки.

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

Чтобы вы почувствовали, чем это отличается, вот пример из Mozilla о том, как использовать отслеживание для изменения межбуквенного интервала:

Вот как выглядит обычное отслеживание.(Источник: Mozilla) (превью в большом разрешении) Вот как выглядит отслеживание (более плотное) -1px. (Источник: Mozilla) (превью в большом разрешении) Вот как выглядит (более слабое) отслеживание 1px. (Источник: Mozilla) (превью в большом разрешении)

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

Если вы какое-то время пользуетесь текстовым редактором, то вы уже знакомы с ведущим.Текст с одинарным интервалом. Текст с двойным интервалом. Даже текст через 1,5 интервала. Это ведущее.

Роль типографики в современном веб-дизайне

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

Вот некоторые из способов, которыми типографика влияет на ваших конечных пользователей:

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

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

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

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

Разрешить сканирование
Сканирование или взгляды (о которых я вскоре расскажу) становятся все более и более распространенными, поскольку люди взаимодействуют с Интернетом на своих интеллектуальных устройствах.Из-за этого нам нужны способы форматирования текста для улучшения возможности сканирования, и это обычно включает в себя множество заголовков, кавычек и встроенных списков (маркированных, нумерованных и т. Д.).

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

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

Типографика для мобильного веб-дизайна: что нужно знать

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

Я не хочу сказать, что рисковать и использовать систему по умолчанию от Google или Apple — лучший вариант. В конце концов, вы так много работаете над созданием уникальных, креативных и привлекательных дизайнов для ваших пользователей. Зачем вам сейчас бросать полотенце и просто использовать Roboto по всему вашему мобильному сайту?

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

1. Размер

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

В общем, это правило является безопасным, когда дело касается основного текста вашего мобильного веб-сайта. Однако что именно вам разрешено делать с текстом заголовка? В конце концов, вам нужно уметь отличать основные заголовки от остального текста.Не только для привлечения внимания к более крупным сообщениям, но и для повышения сканируемости мобильной веб-страницы.

Nielsen Norman Group сообщила об исследовании Массачусетского технологического института, которое касалось именно этого вопроса. Что вы можете сделать с текстом, на который пользователи могут взглянуть только ? Другими словами, какой размер можно использовать для коротких строк текста заголовка?

Вот что они обнаружили:

Короткие, удобные для просмотра строки текста приводят к более быстрому чтению и большему пониманию, когда:

  • Они больше по размеру (в частности, 4 мм, а не 3 мм).
  • Они все заглавными буквами.
  • Ширина букв обычная (а не уплотненная).

Итого:

Для точного чтения строчных букв требовалось на 26% больше времени, чем для прописных, а для сжатого текста требовалось на 11,2% больше времени, чем для обычного. Также наблюдались значительные эффекты взаимодействия между регистром и размером, предполагая, что отрицательные эффекты строчных букв усугубляются при использовании небольшого размера шрифта.

Мне было бы интересно посмотреть, как в этом случае работает веб-сайт NerdWallet.Хотя мне нравится, как это выглядит, они нарушили ряд этих предложений по размеру и стилю:

NerdWallet использует заглавные буквы и меньшие размеры шрифтов на мобильных устройствах. (Источник: NerdWallet) (превью в большом разрешении)

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

Flywheel Sports, с другой стороны, отлично иллюстрирует этот момент.

Flywheel Sports: умный выбор шрифтов для мобильных устройств. (Источник: Flywheel Sports) (превью в большом разрешении)

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

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

2. Цвет и контраст

Цвет, как правило, является важным элементом веб-дизайна. Вы можете многое рассказать посетителям, выбрав правильную цветовую палитру для дизайна, изображений и, да, вашего текста. Но важен не только основной цвет шрифта, но и контраст между ним и фоном, на котором он расположен (о чем свидетельствует моя заметка о Flywheel Sports выше).

Для некоторых пользователей белый шрифт поверх загруженной фотографии или более светлый фон может не вызывать особых проблем. Но «слишком много» неприемлемо в веб-дизайне. Не должно возникнуть проблем, с которыми пользователи сталкиваются при чтении текста на веб-сайте, особенно при просмотре уже скомпрометированного текста на мобильном устройстве.

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

Руководство по доступности веб-контента (WCAG) содержит четкие рекомендации относительно того, как решить проблему цветового контраста в разделе 1.4.3. Как минимум, WCAG предлагает установить контраст 4,5: 1 между текстом и фоном для оптимальной читаемости. Из этого правила есть несколько исключений:

  • Для текста размером 18 пунктов или жирным шрифтом 14 пунктов требуется контраст только от 3 до 1.
  • Текст, который не отображается в активной части веб-страницы, не отображается. Не нужно соблюдать это правило.
  • Контраст текста в логотипе может быть установлен по усмотрению дизайнера.

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

Пример использования инструмента проверки цветового контраста WebAIM. (Источник: WebAIM) (превью в большом разрешении)

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

Чтобы решить эту проблему и убедиться, что у вас достаточно высокий контраст для ваших шрифтов, используйте инструмент пипетки цвета, встроенный в ваш браузер, например, для Firefox или Chrome.Просто наведите пипетку на цвет фона (или шрифта) на вашей веб-странице, и пусть она скажет вам, какой сейчас фактический цветовой код.

Вот пример этого в действии: Dollar Shave Club.

Этот веб-сайт имеет ротацию изображений в верхнем баннере главной страницы. Шрифт всегда остается белым, но фон вращается. Баннер домашней страницы

Dollar Shave Club на сером фоне. (Источник: Dollar Shave Club) (превью в большом разрешении) Баннер главной страницы Dollar Shave Club на бежевом / серо-коричневом фоне.(Источник: Dollar Shave Club) (превью в большом разрешении) Баннер главной страницы Dollar Shave Club на фиолетовом фоне. (Источник: Dollar Shave Club) (превью в большом разрешении)

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

  • Серый: # 9a9a9a
  • Бежевый / серо-коричневый: # ffd0a8
  • Фиолетовый: # 4c2c59.

Вот контраст между этими цветами и белым шрифтом:

  • Серый: от 2,81 до 1
  • Бежевый / серо-коричневый: от 1,42 до 1
  • Фиолетовый: от 11,59 до 1.

Очевидно, серый и бежевый фон дадут себя очень плохому опыту для мобильных посетителей.

Кроме того, если бы мне пришлось угадывать, я бы сказал: «Попробуйте безрисковый стартовый набор прямо сейчас». это всего лишь шрифт размером 10 пунктов (что составляет всего около 13 пикселей). Таким образом, размер шрифта также влияет на фактор удобочитаемости, не говоря уже о плохом выборе цветов, используемых для более светлого фона.

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

3. Отслеживание

Все просто: отслеживание в мобильном веб-дизайне необходимо использовать для контроля плотности. Стандартная рекомендация — в строке должно быть не более 30-40 символов.Все, что больше или меньше, может отрицательно повлиять на удобочитаемость.

Хотя кажется, что Dove раздвигает границы этого ограничения в 40 символов, я думаю, что это сделано хорошо.

Dove использует равномерное отслеживание и (в основном) соблюдение 40-символьного ограничения. (Источник: Dove) (превью в большом разрешении)

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

4. Ведущий

Согласно NNG, контент, который отображается над сгибом на 30-дюймовом настольном мониторе, приравнивается к пяти пролистываниям на 4-дюймовом мобильном устройстве. Конечно, эти данные немного устарели, поскольку большинство смартфонов сейчас имеют размер от пяти до шести дюймов:

Средних размеров экрана смартфонов с 2015 по 2021 год.(Источник: TechCrunch) (превью в большом разрешении)

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

Это означает для вас две вещи:

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

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

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

Веб-сайт Hill Holliday не только вдохновляет на то, как немного «сойти с ума» от мобильной типографики, но и проделал фантастическую работу по использованию ведущей линии для облегчения чтения больших объемов текста:

Hill Holliday использует идеальное соотношение интерлиньяжа между строками и абзацами.(Источник: Hill Holliday) (превью в большом разрешении)

Различные ресурсы дадут вам различные рекомендации по созданию интервала для мобильных устройств. Я видел предложения по размеру от 120% до 150% от размера шрифта. Поскольку при разработке для мобильных устройств вам также необходимо учитывать специальные возможности, я предлагаю вам следовать рекомендациям WCAG:

  • Расстояние между строками должно быть 1,5 (или 150%, в зависимости от того, какое соотношение вам подходит).
  • В таком случае интервал между абзацами должен быть равен 2.5 (или 250%).

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

5. Допустимые шрифты

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

Android
Google использует два шрифта для своих платформ (как для настольных компьютеров, так и для мобильных устройств): Roboto и Noto.Робото является основным по умолчанию. Если пользователь посещает веб-сайт на языке, который не поддерживает Roboto, тогда Noto является вторичной резервной копией.

Это Робото:

Снимок набора символов Робото. (Источник: Roboto) (превью в большом разрешении)

Также важно отметить, что Roboto предлагает на выбор несколько семейств шрифтов:

Другие варианты шрифтов Roboto на выбор. (Источник: Roboto) (Большой превью)

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

Apple
Apple имеет свой собственный набор рекомендаций по типографике для iOS, а также собственный системный шрифт: San Francisco.

Шрифт San Francisco для устройств Apple. (Источник: Сан-Франциско) (превью в большом разрешении)

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

Настройки по умолчанию и предложения для гарнитуры San Francisco. (Источник: Сан-Франциско) (превью в большом разрешении)

Как и почти все остальное, что делает Apple, формула типографики очень проста. И знаешь, что? Это реально работает. Вот как это работает на веб-сайте Apple:

Apple использует свои собственные передовые методы типографики.(Источник: Apple) (превью в большом разрешении)

Как и в случае с системным шрифтом Google, Apple выбрала простой классический шрифт. Хотя это может не помочь вашему сайту выделиться среди конкурентов, оно никогда не повлияет на читаемость или разборчивость вашего текста. Это также будет хорошим выбором, если вы хотите, чтобы ваши визуальные эффекты производили большее впечатление.

Мои рекомендации

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

  1. Не бойтесь начать с системным шрифтом по умолчанию. Они будут вашим самым безопасным выбором, пока вы не поймете, насколько далеко вы можете раздвинуть границы мобильной типографики.
  2. Используйте только шрифт без засечек или шрифт с засечками. Если на вашем настольном веб-сайте используется декоративный или рукописный шрифт, замените его чем-нибудь более традиционным для мобильных устройств.

    Тем не менее, совсем не обязательно игнорировать декоративные гарнитуры. В примерах из Hill Holliday или Flywheel Sports (как показано выше) вы можете увидеть, как небольшие штрихи нестандартного нетрадиционного шрифта могут добавить немного изюминки.

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

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

  4. Избегайте гарнитур, в которых нет определенного набора символов.Например, сравните, как заглавная «i», строчная «l» и цифра «1» отображаются рядом друг с другом. Вот пример шрифта Myriad Pro с веб-сайта Typekit: шрифт

    Myriad Pro в действии. (Источник: Typekit) (превью в большом разрешении)

    Хотя цифра «1» не вызывает особых проблем, прописная «i» (первая буква в этой последовательности) и строчная «l» (вторая) слишком похожи. Это может вызвать нежелательное замедление чтения на мобильном телефоне.

    Также не забудьте проверить, как ваш шрифт обрабатывает сочетание «r» и «n» рядом друг с другом.Можете ли вы различить каждую букву или они сливаются вместе, как одна неразличимая единица? У мобильных посетителей нет времени останавливаться и выяснять, что это за символы, поэтому убедитесь, что вы используете шрифт, который дает каждому символу свое пространство.

  5. Используйте шрифты, совместимые с максимально возможным количеством устройств. Лучшими вариантами будут: Arial, Courier New, Georgia, Tahoma, Times New Roman, Trebuchet MS и Verdana.

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

    Я думаю, что веб-сайт Typeform является хорошим примером того, где используется «безопасный» выбор шрифта, но это не мешает им удивлять посетителей своим сообщением или дизайном. Поразительный шрифт

    Typeform не имеет ничего общего с самим шрифтом. (Источник: Typeform) (превью в большом разрешении)

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

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

Заключение

Я знаю, знаю. Мобильная типографика — это не весело.Но веб-дизайн — это не всегда создание чего-то захватывающего и ультрасовременного. Иногда использование практичных и безопасных решений — вот что в конечном итоге гарантирует вам лучший пользовательский опыт. И это то, что мы наблюдаем, когда дело касается мобильной типографики.

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

(lf, ra, yk, il)

Увеличение системных шрифтов в Android | Small Business

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

Размер шрифта по умолчанию

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

Font Changer

В Android Market доступно приложение под названием «Font Changer», которое можно использовать для увеличения системных шрифтов Android. Однако для использования приложения у вас должен быть полный root-доступ к вашему устройству, что может привести к аннулированию гарантии.Получение полного root-доступа на разных устройствах Android отличается, поэтому вам нужно искать инструкции для вашей модели. Font Changer не содержит самих шрифтов, поэтому вам нужно будет добавить их вручную.

Другие приложения

Приложения, которые могут изменять другие шрифты в Android, также доступны в Android Market. Например, вы можете заставить приложения изменять шрифт в приложении для обмена текстовыми сообщениями и в Talk. Однако эти приложения не могут изменить системный шрифт. Многие стандартные приложения для Android позволяют изменять размер шрифта в самом приложении.Ищите эту опцию в меню настроек приложения. Некоторые приложения, например браузер, позволяют увеличивать масштаб, в результате чего шрифт выглядит больше. Для увеличения коснитесь экрана двумя пальцами вместе и медленно разведите пальцы.

Другие специальные возможности

Функция TalkBack Android может считывать данные с экрана, включая системные меню. SoundBack обеспечивает звуковое подтверждение, когда вы выполняете действие на экране. KickBack обеспечивает тактильную обратную связь, например легкую вибрацию, когда вы выполняете действие на экране на устройствах с этой возможностью.Вы можете установить эти параметры в меню «Настройки». Они перечислены в разделе «Доступность». Разработчики могут использовать эти функции в своих приложениях.

Ссылки

Ресурсы

Писатель Биография

Профессиональный писатель Майкл Батлер пишет веб-контент с 2010 года. Батлер привносит свой опыт в юридических и компьютерных вопросах в свои статьи с практическими рекомендациями. Он имеет степень бакалавра английской литературы в Уошбернском университете. Батлер также имеет докторскую степень юридического факультета Университета Индианы в Блумингтоне.

Как изменить размер шрифта на устройстве Android или увеличить изображение, чтобы все стало больше

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

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

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

Ознакомьтесь с продуктами, упомянутыми в этой статье:
Samsung Galaxy S10 (от 859,99 долларов в Walmart)

Как изменить размер шрифта на устройстве Android

1. Откройте приложение «Настройки» и нажмите вкладку «Специальные возможности».

В вашем меню специальных возможностей будут храниться ваши параметры изменения размера. Стивен Джон / Business Insider

Реклама


2. Нажмите «Размер шрифта». В зависимости от вашего устройства эта опция может быть скрыта в меню «Видение».

3. Вам будет представлен ползунок, позволяющий управлять размером шрифта. Перетащите ползунок настолько вправо, насколько хотите — чем дальше он идет вправо, тем больше будет ваш текст. 4. Нажмите «Готово», чтобы сохранить изменения. Изменение размера шрифта не повлияет на то, как другие будут видеть отправленные вами электронные письма или тексты. Стивен Джон / Business Insider

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

1. Снова откройте приложение «Настройки» и нажмите «Доступность».

2. Нажмите «Размер экрана».

3. Вам будет показан другой слайдер. Сдвиньте его вправо, чтобы увеличить масштаб, а значки и текст — больше.

Прочтите оригинальную статью на Business Insider

Как увеличить размер шрифта на iPhone

Источник: Prakhar Khanna / More

С iOS 14 ваш iPhone получил гораздо больше возможностей для настройки размера текста, чем когда-либо прежде. Для динамического типа и размера шрифта доступен широкий спектр опций. Более того, вы даже можете сделать текст жирным, если он вам покажется слишком тонким. Не знаете, как увеличить размер шрифта на iPhone? Вот как:

Как увеличить размер шрифта на iPhone

  1. Перейти к Настройки .
  2. Нажмите Дисплей и яркость .
  3. Прокрутите вниз до параметра Размер текста .

    Источник: iMore
  4. Перетащите ползунок , чтобы выбрать нужный размер шрифта.

    Источник: iMore

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

Как настроить размер шрифта

  1. Перейти к Настройки .
  2. Нажмите на Доступность .
  3. Выберите Размер дисплея и текста в разделе Vision.

    Источник: iMore
  4. Нажмите Крупный текст .
  5. Переключить на .
  6. Перетащите ползунок , чтобы выбрать нужный размер шрифта.

    Источник: iMore

Размер текста может быть идеальным для вас, но чувствуете ли вы, что чего-то еще не хватает? Если вы хотите, чтобы текст было легче читать, вы можете выделить его жирным шрифтом.

VPN-предложения: пожизненная лицензия за 16 долларов, ежемесячные планы за 1 доллар и более

Как сделать текст жирным на iPhone

Добавление смелости к вашему тексту займет всего несколько секунд.

  1. Перейти к Настройки .
  2. Нажмите на Доступность .
  3. Выберите Размер дисплея и текста в разделе Vision.

    Источник: iMore
  4. Включить Полужирный текст .

    Источник: iMore

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

Есть вопросы?

Вот и все. Теперь вы можете настроить размер шрифта по своему усмотрению.Если вам нужно еще больше увеличить размер, вы можете сделать его еще больше с помощью специальных возможностей в iOS 14. Кроме того, вы можете сделать дисплей вашего iPhone кристально чистым для лучшей видимости. Если у вас все еще возникают проблемы, вы можете оставить комментарий ниже и сообщить нам! Мы здесь, чтобы помочь.

О Нет

В iOS 14.5 появилось приложение «Подкасты»

Большое новое обновление для подкастов в iOS 14.5 привело к поломке всего, что связано с множеством пользователей, сообщающих о различных проблемах с новым обновлением.

Может быть?

Новые модели iPad Pro внесены в базу данных EEC

В новом отчете говорится, что новые модели iPad, внесенные в базу данных Евразийской экономической комиссии, могут быть новыми необъявленными моделями iPad, включая новый iPad mini.

Рекомендации по размеру шрифта для адаптивных веб-сайтов (обновление 2020)

Вы читаете «Размеры шрифтов в дизайне пользовательского интерфейса: полное руководство». Быстро переходите к другим главам: Введение · iOS · Android · Web · Принципы

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

Руководство по типографике для мобильных веб-сайтов

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

1. Размер основного шрифта должен составлять около 16 пикселей

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

В конечном счете, вы хотите, чтобы основной текст на вашем телефоне (когда он находился на естественном расстоянии) был читаемым, как текст в хорошо напечатанной книге (когда вы держите его на естественном — обычно немного дальше — расстоянии).

Один способ добраться:

  1. Начать с 16 пикселей
  2. Рассмотрите возможность уменьшения размера, если у вас (A) есть страница с интенсивным взаимодействием или (B) шрифт с особенно большими, легко читаемыми символами (например, Proxima Nova на изображении выше)
  3. С другой стороны, вы можете быть гораздо более либеральными, исследуя размеры больше , чем 16 пикселей, но, в частности, если (A) у вас есть страница с большим количеством текста или (B) шрифт, который особенно трудно читать на заданный размер (как Futura выше)

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

2. Размер вводимого текста должен быть

минимум 16px

Это важно. Если вы разрабатываете веб-сайт или приложение, которое можно просматривать на мобильных устройствах, существует только строгое правило: используйте шрифт ввода текста размером не менее 16 пикселей .

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

Видео или этого не случилось, да ?:

Анимация любезно предоставлена ​​лихой Ste Grainer. Вы можете прочитать его статью о феномене автоматического масштабирования здесь.

Это веская причина сделать размер основного шрифта 16px или больше. Может показаться неудобным иметь текст управления формой большего размера, чем текст абзаца ☝️

3. Дополнительный текст должен быть примерно на 2 размера меньше парагафского текста

Для вторичного текста — например, меньших меток, подписей и т. Д. — используйте размер на пару ступеней меньше — например, 13 пикселей или 14 пикселей .Я НЕ рекомендую уменьшать размер шрифта только с до , так как тогда его слишком легко спутать с обычным текстом. Вдобавок, когда текст менее важен, вы хотите стилизовать его так, чтобы четко передавал меньшее значение — часто используя, скажем, более светлый оттенок серого (что-то примерно на 70% ярче — хорошее место для начала. ).

4. Всегда просматривайте свои проекты на реальном устройстве

Золотой стандарт выбора размера шрифта для мобильных устройств — просматривать свои дизайны на реальном устройстве.Я не могу рекомендовать эту практику в достаточной степени, поскольку ощущение дизайна мобильного приложения на экране вашего ноутбука на отличается от того, когда вы держите его в руке. Как начинающий дизайнер, я был шокирован почти каждый раз, когда открывал на мобильном устройстве страницу, созданную мной на компьютере. Размеры шрифта, интервалы… все было не так. Так что используйте Sketch Mirror или Figma Mirror или любое другое приложение, которое вам подходит, но просматривайте свои проекты на устройстве .

5. Ознакомьтесь со стандартами Material Design и iOS.

Никогда не помешает узнать, что делают крупнейшие дизайн-системы в городе.Например:

  • Размер шрифта по умолчанию в Material Design составляет 16 пикселей Roboto, а размер вторичного шрифта — 14 пикселей (подробнее о стилях Material Design)
  • Размер шрифта по умолчанию для iOS составляет 17 пикселей SF Pro, а размер дополнительного шрифта — 15 пикселей (подробнее о стилях iOS)

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

Руководство по типографике для настольных компьютеров

Выбирая базовый размер для настольного веб-сайта или веб-приложения, вы можете разбить большинство дизайнов на один из двух типов:

  1. Полнотекстовые страницы .Статьи, блоги, новости и т. Д. Это страницы, на которых основная цель пользователя на странице — прочитать. С точки зрения взаимодействия очень мало — возможно, просто щелкнув несколько ссылок.
  2. Интерактивные страницы . Приложения, которые требуют большего количества наведений, щелчков, поиска элемента в списке или таблице, редактирования, набора текста и т. Д. На странице может быть много текста, но это не то, что вы читаете, как книгу.

Нужен пример или два? Эта страница — это страница с большим количеством текста. Ваша лента на Facebook — страница с интенсивным взаимодействием. У каждого свои проблемы, поэтому я буду рассматривать их отдельно. Имейте в виду, что оба варианта, вероятно, будут вам полезны. Страница «О программе» сумасшедшего веб-приложения по-прежнему содержит текста и . Страница «Контакты» в обычном блоге по-прежнему , много взаимодействий .

Полнотекстовые страницы

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

  • 16px — абсолютный минимум для страниц с большим количеством текста
  • 18px — лучший размер шрифта для начала. Вы не печатаете документ Word с одинарным интервалом; вы пишете для людей, сидящих в паре футов от мониторов десятилетней давности.
  • 20px + — сначала может показаться слишком большим, но всегда стоит попробовать в приложении для дизайна. Самый красивый и насыщенный текстом сайт в сети, Medium.com, по умолчанию имеет размер текста статьи 21 пиксель.

Подобно тому, что я упоминал в разделе мобильного Интернета, здесь есть отличное практическое правило: текст вашего веб-сайта (просматриваемый на стандартном расстоянии монитора) должен быть таким же читаемым, как и хорошо сделанная книга (просматриваемая на обычном расстоянии, на котором держат книгу). . На самом деле это действительно раздражающее и глупое упражнение, потому что вам нужно закрыть один глаз и прищуриться, глядя на книгу, которую вы держите, как идиот. Но найдите красивое, уединенное место и проверьте его работоспособность: мой размер шрифта читается даже на нескольких футах ? Даже с поправкой на мои молодые и сильные глаза ? Хорошо, вы поняли.

Взаимодействие — тяжелые страницы

Теперь, для страницы с интенсивным взаимодействием , вполне допустимы меньшие размеры текста. Фактически, в зависимости от объема данных, которые пользователь принимает за один раз, даже текст размером 18 пикселей будет слишком большим. Посмотрите на свой (веб) почтовый ящик, посмотрите твиттер, посмотрите любые приложения, которые вы используете, для которых требуется сканирование по сравнению с чтение , посмотрите приложения, которые показывают вам данные — вам будет трудно найти устойчивый абзацы текста размером 18 пикселей.Вместо этого нормой является 14–16 пикселей. Но не будет только один размер шрифта . Вероятно, будет меньший размер для менее важных элементов и более крупный размер для более важных элементов (заголовки, субтитры, субтитры и т. Д.), И все это будет объединено в гигантский солянка.

А теперь важная часть: для любой страницы с интенсивным взаимодействием размер шрифта МЕНЬШЕ определяется некоторыми нисходящими декретами («шкалы шрифтов», я смотрю на вас), чем конкретными потребностями каждого фрагмента текста и взаимодействие между ними.

Например:

  • Имена событий имеют размер 12 пикселей, это стиль шрифта, полностью отсутствующий в рекомендациях по материальному дизайну. Тем не менее, учитывая, что им нужно уместить 7 столбцов на экране шириной всего 1440 пикселей, а многие события довольно короткие, это идеальный выбор размера шрифта. Любое меньше и страдает разборчивость. Если больше, то названия событий будут обрезаться слишком часто. Дизайн — это компромисс, малыш. Если вы не можете назвать компромисс, на который идете, вероятно, вы делаете его не в том месте.
  • Ярлыки часов дня («12 вечера», «13:00» и т. Д.) Имеют размер шрифта: 10 пикселей. Это еще один стиль, полностью отсутствующий в рекомендациях по материальному дизайну. Тем не менее, горизонтальное пространство имеет большое значение. Каждое событие в любом случае помечается временем начала. Почему , а не уменьшают размеры левых этикеток?
  • даты 48 пикселей. Опять же, не нашел в рекомендациях по материальному дизайну. В данном случае я не знаю, почему они не использовали 45 пикселей, что соответствует официальному размеру «Дисплея 2», но я скажу следующее: если бы это был я, я бы, вероятно, сделал размер 48px жирным шрифтом, а здесь жирный шрифт будет проблемой.Это привлекло бы тоже много внимания. Так что я бы все равно изменил стиль.

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

Как можно меньше шрифтов

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

Давайте разберемся:

  1. Размер шрифта заголовка . Это самый большой размер шрифта на вашей странице. Используйте его для заголовка или заголовков разделов. Если у вас есть заголовки разделов и , вы почти наверняка должны использовать здесь два разных размера шрифта.
  2. Размер шрифта по умолчанию . Это наиболее распространенный размер шрифта на вашей странице, и его следует использовать для всего основного текста, а также для большинства элементов управления, таких как текстовые поля, раскрывающиеся списки, кнопки и меню.Ключевая ошибка в заголовке, которую делают здесь начинающие дизайнеры, — использовать много размеров шрифта для элементов, которые должны быть на один размер шрифта.
  3. Размер дополнительного шрифта . Это размер шрифта — обычно примерно на 2 пункта меньше размера шрифта по умолчанию — который вы используете для менее важных деталей сайта. Дополнительная информация и статистика, иногда подписи и т. Д.
  4. Размер шрифта Tertiary / caption / label / wildcard . Очень часто вам понадобится еще один размер шрифта.Иногда это происходит из-за того, что ваша информация настолько иерархична, что вам нужен третичный стиль даже более сдержанный, чем второстепенный стиль. В других случаях вы можете использовать прописные буквы для меток или кнопок — и из-за увеличенного визуального веса прописных букв вы захотите использовать немного меньший размер для самого текста (помните: баланс вверх-всплывающее против всплывающего вниз). Итак, этот четвертый размер шрифта является чем-то вроде подстановочного знака. Не каждому дизайну это нужно, но многим это нужно. Мое единственное предупреждение: насколько это возможно, по умолчанию согласованность .

Имеет смысл? Давайте двигаться дальше.

Перейти к главе 4: Принципы и ресурсы

Одна последняя нота 😎

Если вы здесь впервые, возможно, вас заинтересуют:

  • Learn UI Design, мой полнометражный онлайн-видеокурс по дизайну пользовательского интерфейса
  • The Design Newsletter, информационный бюллетень для более чем 40 000 человек с оригинальными статьями по дизайну, цель которых — дать вам тактические советы по улучшению ваших навыков UX / UI.

Некоторым людям есть что сказать о информационном бюллетене.

Благодарность за информационный бюллетень по дизайну

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

Триша Литтлфилд
Основатель TheSimpleWeb

Каждый раз, когда я получаю от вас письмо, я говорю: «Черт, это длинное письмо! Я ни за что не буду читать все это », а затем я начал читать и сказал:« Черт возьми, это чертовски блестяще », и прочитал все это.

Жан-Филипп
Специалист по UX-стратегии, внештатный сотрудник

Более 40 000 подписчиков.
Нет спама. Отпишитесь в любое время.

Создание доступного текста для Android: изменяемый шрифт и размер экрана | Дуг Стивенсон | Mesmer

Когда люди говорят, что важно создать «доступное» приложение, это обычно означает, что им должно пользоваться как можно больше людей, независимо от их инвалидности. Наиболее частыми нарушениями, которые влияют на мобильные приложения, являются нарушения зрения и моторики. Для людей с некоторой степенью нарушения зрения приложения должны быть разработаны с учетом шрифтов и экранов переменного размера, а также для использования программами чтения с экрана, которые озвучивают контент вслух.В этой статье я сначала расскажу о разработке для переменных шрифтов и размеров экрана на Android.

Когда вы работаете с TextView, вы, вероятно, видели, что Android Studio предупреждает вас, когда вы используете измерение размера шрифта, отличное от sp или «не зависящих от масштаба пикселей». Вот что происходит, когда вы используете вместо dp (пиксели, не зависящие от плотности):

Ошибка lint Android: следует использовать sp вместо dp для размеров текста.

Это сообщение генерируется линтером, предоставляемым инструментами сборки Android.Полное сообщение lint следующее (выделено мной):

При установке размеров текста обычно следует использовать sp, или «масштабно-независимые пиксели». Это похоже на единицу dp, но она также масштабируется в зависимости от предпочтения размера шрифта пользователя. Рекомендуется использовать этот блок при указании размеров шрифта, чтобы они были настроены как в соответствии с плотностью экрана, так и с предпочтениями пользователя.

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

Дополнительная информация:
http://developer.android.com/training/multiscreen/screendensities.html

В то время как dp обычно используется для измерения всего остального на экране, использование sp лучше для текста для одного важного причина: он позволяет пользователю изменять размер шрифта в соответствии со своими предпочтениями.Вот как выглядит экран предпочтений размера шрифта в эмуляторах Android N, как нормальный, так и максимальный размер шрифта:

Предпочтения размера шрифта Android: слева по умолчанию, наибольший справа

(На этих экранах, которые я показываю, вы должны попробовать чтобы размер шрифта соответствовал 5-дюймовому дисплею телефона, чтобы получить желаемый эффект.)

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

Тот же экран настроек, что и выше, но с размытием для имитации плохого зрения.

(Обратите внимание, что нарушение зрения сложнее, чем нечеткое зрение — это только приблизительное значение.)

Независимо от того, насколько хорошо ваше зрение, нормальный размер шрифта здесь почти полностью нечитаем. Однако больший размер (хотя и немного нечеткий) на самом деле несколько удобочитаем. Если вы используете sp для измерения шрифта единообразно во всем приложении, вы упрощаете работу с вашим приложением людям с плохим или неисправленным зрением. И вы определенно соответствуете предпочтениям людей, которые просто предпочитают более крупный текст. Высококачественный дизайн мобильных приложений позволяет (и ожидайте!) Изменять размер текста, не влияя на удобство использования и представление приложения. Обратите внимание, что возможность настраивать размер шрифта на самом деле не обеспечивает полную «доступность», но это часть разработки приложения, которое будет хорошо выглядеть и работать для максимального количества людей.

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

Строгие ограничения по высоте? Ограничить переполнение текста.

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

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

  1. Ограничить (или принудительно) количество строк текста, которое TextView должно отображать
  2. Увеличить в эллипсе любой текст переполнения
  3. Разрешить жестом расширять или раскрывать любую недостающую информацию.Это может быть так же просто, как нажать, чтобы открыть всплывающее окно с полной информацией.

Итак, если вы хотите выделить ровно две строки текста с многоточием, ваш TextView будет настроен следующим образом:

  android: id = "@ + id / tv" 
android: layout_width = "wrap_content "
android: layout_height =" wrap_content "
android: lines =" 2 "
android: ellipsize =" end "

android: text =" .

Добавить комментарий

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