4 мая 2013 г.

Об узких шрифтах в интерфейсе


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


Здесь используется стандартный шрифт Helvetica. Видно, что в заголовок новости целиком умещается всего-лишь 2-3 слова, что явно слишком мало, чтобы понять о чем новость. Как можно улучшить ситуацию? Один из вариантов — это уменьшить размер шрифта. Но я в работе использую другой подход: размер шрифта остается тот же самый, но используется другая гарнитура, которая имеет зауженное начертание букв. На рисунке ниже показана та же самая программа, которая использует шрифт PT Sans Narrow Bold:


Таким образом, с сохранением размера шрифта, в заголовок новости уже умещается 3-4 слова.

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


Здесь только слово Windows узкое, все же остальные символы взяты из стандартного шрифта Helvetica.

Выигрыш в количестве информации на экране становится заметным тогда, когда загловок выводится в две строки:



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

Пример включения узкого шрифта в iOS-проект можно глянуть на гитхабе: https://github.com/obrizan/NarrowFontTable

2 комментария:

  1. http://cs22.babysfera.ru/6/c/0/7/27450107.121653332.jpeg как то так

    ОтветитьУдалить
  2. Зрение в последнее время и стало проблемой. Даже телефон выбирал с обязательным условием, что размер шрифта текста смс-сообщения было возможно изменять с помощью качельки громкости. А то понапишешь и сам не видишь, что написал. Пару раз отправлял полный бред.

    ОтветитьУдалить

Темы

2012 (2) амазон (1) анпакинг (1) артемий лебедев (4) атн (1) аудио (1) аэропорт (1) безопасность (3) бизнес (1) билайн (1) блог (2) будущее (2) видео (11) википедия (5) вымысел (16) гагарин (1) герман (1) гитхаб (1) гугл (3) дед мороз (1) декабрь (1) демотиватор (2) дети (2) дизайн (13) диссертация (2) документация (1) друзья (5) евпатория (1) евро-2012 (1) жадность (1) заяц (1) идея (1) имейл (1) инстаграм (1) интервью (5) интересное (20) интерфейс (13) история (7) как_выжить (4) календарь (1) капитализм (1) картина (1) кмб (6) книга (6) коллекция (4) компилятор (2) конкурс (5) космос (1) лаборатория (1) либералы (1) лингво (1) лузер (6) макаренко (2) макдональдс (2) математика (1) медиапорт (1) ментор (1) металлика (1) металлист (2) метро (7) микрософт (6) миргород (1) москва (2) музыка (3) наркомания (1) новости (17) образование (3) оптимизация (5) основы (14) открытки (3) ошибка (11) памятник (1) патриотизм (3) плагиат (1) плата (1) погода (3) поиск (1) политика (2) полтава (2) праздник (1) программирование (15) прошлое (2) путешествия (8) рейтинг (1) рендер (1) рисунок (2) русские (1) русский язык (1) сайт (4) санкт-петербург (1) сапр (7) сеть (1) си++ (1) синтез (1) системси (1) скриншот (40) социализм (1) соцопрос (3) спектрум (2) спорт (2) срач (2) статистика (1) такси (1) тбб (3) твитер (9) тимошенко (1) украина (5) униан (1) фан (30) фокус (1) фото (39) фотошоп (1) фурсенко (1) футбол (2) хабр (1) харьков (21) хнурэ (19) хобби (4) цитата (2) чехия (1) школа (1) эпл (1) эхостар (1) юмор (1) яндекс (1) clang (2) doxygen (1) english (3) ios (1) llvm (1) msdn (1) outlook (1) PHP (1) stackoverflow (1)

Поиск

Читатели