реклама на сайте
подробности

 
 
> Шрифты для маленьких экранов, Подскажите какие шрифты лучше использовать
Barcooler
сообщение May 28 2017, 17:16
Сообщение #1


Участник
*

Группа: Участник
Сообщений: 49
Регистрация: 7-03-11
Из: Владимир
Пользователь №: 63 445



В результате экспериментов с различными экранами возник вопрос, какой/какие шрифты лучше использовать для экранов с маленьким разрешением.
Например имея экран 48x84 можем использовать шрифты высотой 8 точек - 6 строк, 16 точек - 3 строки и 24 точки - две строки (при ширине символа 16 точек уместится только 5 символов).
Потыкавшись и преобразовав несколько типовых шрифтов из операционки (Arial, Times New Roman, Verdana и пр.) понял что не так просто получить удобоваримый шрифт для LCD дисплея.
Конечно для экрана разрешением >120 точек эта проблема не так актуальна, но даже в таком случае логичнее использовать полезное пространство экрана для других целей, нежели вывод красивых больших букв, которых в любом случае поместится меньше.

Интересует опыт использования шрифтов, и может полезные советы.
Go to the top of the page
 
+Quote Post
 
Start new topic
Ответов
ViKo
сообщение May 30 2017, 04:57
Сообщение #2


Универсальный солдатик
******

Группа: Модераторы
Сообщений: 8 634
Регистрация: 1-11-05
Из: Минск
Пользователь №: 10 362



Я руками и головой "нарисовал" шрифт в матрице 10 х 8 (большинство символов занимают зону 8 х 5 точек, 2 точки вниз - для хвостов, как в 'р', точка вправо - для 'щ'). Сразу в h-файле, используя макро двоичной и четверичной кодировки. Ошибок было очень мало. Потом на экране проверил, скорректировал. Да, перед этим в тетради в клетку прикинул (тетрадь и карандаш - мои основные инструменты, наравне с клавиатурой и мышью).
В пропорциональный превращаю шрифт при выводе на экран, оставляя между столбцами пикселей, которые используются в символах, по 2 пустых столбца. Меня устраивает, а остальные понятия не имеют, как и что там сделано, воспринимают, как само разумеющееся.
Go to the top of the page
 
+Quote Post
jcxz
сообщение May 30 2017, 09:20
Сообщение #3


Гуру
******

Группа: Свой
Сообщений: 5 228
Регистрация: 3-07-08
Из: Омск
Пользователь №: 38 713



Цитата(ViKo @ May 30 2017, 06:57) *
В пропорциональный превращаю шрифт при выводе на экран, оставляя между столбцами пикселей, которые используются в символах, по 2 пустых столбца. Меня устраивает, а остальные понятия не имеют, как и что там сделано, воспринимают, как само разумеющееся.

Гораздо полезнее это время рисования потратить на написание утилиты конвертирования шрифта из стандартного формата в свой. И получить сразу вагон шрифтов на выбор. Ведь у нас тут вроде не форум дизайнеров.
Был у меня товарищ на прошлой работе. Тоже, вместо конвертирования готовых шрифтов, сколхозил свой шрифт. Потом понадобились разные шрифты для разных мест меню - ещё несколько давай рисовать. Потом для них понадобились жирные варианты. rolleyes.gif Потом схемотехникам потребовалось поменять LCD на другой - ему пришлось перерисовывать все свои шрифты. crying.gif Потом заказчику что-то не понравилось - опять переделывал rolleyes.gif Потом партию устройств купили казахи (с условием наличия казахского языка) - опять он их перерисовывал biggrin.gif biggrin.gif biggrin.gif
Вобщем он эти шрифты много раз перерисовывал и что-то корректировал по разным причинам, занимался почти только этим месяца 2 (вместо программирования), по вечерам оставался. В результате, когда он уволился, я удалил весь этот колхоз, написал конвертер и просто попросил заказчиков указать какие шрифты из готовых им нравятся. И всё.
Хотя ведь ещё в самом начале я ему советовал не заниматься ерундой и подобрать (или написать) конвертер.
Go to the top of the page
 
+Quote Post
ViKo
сообщение May 30 2017, 10:07
Сообщение #4


Универсальный солдатик
******

Группа: Модераторы
Сообщений: 8 634
Регистрация: 1-11-05
Из: Минск
Пользователь №: 10 362



Цитата(jcxz @ May 30 2017, 12:20) *
Гораздо полезнее это время рисования потратить на написание утилиты конвертирования шрифта из стандартного формата в свой.

Вот Baser ответил, что при малом разрешении каждый пиксель надо ставить на свое место вручную.
Программы конвертеров я отфутболил, не заглядывая в них. Еще сайты есть, где конвертируют шрифты. Туда же и их.
Программу рисования шрифта по точкам подходящую я не нашел, правда, не сильно искал.
Я еще попытался сделать субпиксельное сглаживание. Вот пример символа.
Код
// 0x41 A
  QUAD(00130000),
  QUAD(01313000),
  QUAD(03001200),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(13333300),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(00000000),
  QUAD(00000000),

Есть идея, как сделать еще лучше сглаживание. В следующем проекте.
Никакая программа мне не поможет. Сам!
Выбрав шаблон, символы рисуются легко, один за другим. Скопировал "пустой" набор, и редактируй потом нужные цифры в текстовом редакторе режиме замены. Что мышкой точки рисовать, что в редакторе цифры плюхать - невеликая разница.
Да, и символы у меня есть не только стандартные, но и свои, стрелочки всякие и т.п.
Go to the top of the page
 
+Quote Post
Barcooler
сообщение May 30 2017, 11:31
Сообщение #5


Участник
*

Группа: Участник
Сообщений: 49
Регистрация: 7-03-11
Из: Владимир
Пользователь №: 63 445



Цитата(ViKo @ May 30 2017, 13:07) *
Вот Baser ответил, что при малом разрешении каждый пиксель надо ставить на свое место вручную.
Программы конвертеров я отфутболил, не заглядывая в них. Еще сайты есть, где конвертируют шрифты. Туда же и их.
Программу рисования шрифта по точкам подходящую я не нашел, правда, не сильно искал.
Я еще попытался сделать субпиксельное сглаживание. Вот пример символа.
Код
// 0x41 A
  QUAD(00130000),
  QUAD(01313000),
  QUAD(03001200),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(13333300),
  QUAD(12000300),
  QUAD(12000300),
  QUAD(00000000),
  QUAD(00000000),

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

На счёт сглаживания - никогда не понимал его и любовь к нему.
Дико бесило когда в винде начали его по умолчанию впихивать.
И уж совсем выморозило, когда MS выпилил из ie возможность отключить сглаживание.
По мне, так сглаживание это костыль, предназначенный устранить недостатки "кривизны" самих шрифтов или их отрисовки.
Если не ошибаюсь ещё сам Джобс в своё время ключевое значение уделил разработке шрифтов для интерейса маков. И именно благодаря наличию оных интерфейс стал весьма популярен в своё время.
Лично я во всех операционках его принудительно отключаю.
Go to the top of the page
 
+Quote Post
jcxz
сообщение May 30 2017, 20:20
Сообщение #6


Гуру
******

Группа: Свой
Сообщений: 5 228
Регистрация: 3-07-08
Из: Омск
Пользователь №: 38 713



Цитата(Barcooler @ May 30 2017, 13:31) *
По мне, так сглаживание это костыль, предназначенный устранить недостатки "кривизны" самих шрифтов или их отрисовки

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

Цитата(ViKo @ May 30 2017, 12:07) *
Программы конвертеров я отфутболил, не заглядывая в них. Еще сайты есть, где конвертируют шрифты.

Это удивительно, но описанный выше мой коллега-рисовальщик шрифтов тоже в конторе имел ник viko! biggrin.gif
Go to the top of the page
 
+Quote Post
Barcooler
сообщение May 30 2017, 21:12
Сообщение #7


Участник
*

Группа: Участник
Сообщений: 49
Регистрация: 7-03-11
Из: Владимир
Пользователь №: 63 445



Цитата(jcxz @ May 30 2017, 23:20) *
Ну если это и костыль, то костыль для ограниченного разрешения экрана - чтобы сгладить искажения картинки, вызванные её растеризацией. Вот когда появятся устройства отображения с бесконечным разрешением, вот тогда сглаживание не будет нужно. А пока оно позволяет как бы визуально увеличить разрешение картинки.
И сглаживание никакого отношения не имеет к некоей мнимой "кривизне" шрифтов.

Сглаживание, на то и сглаживание, что по сути обманывает зрение (или восприятие глазом) и не искажения убрать.
Шрифты как-бы изначально были растровыми по определению. И как ни странно сглаживание применяется независимо от типа шрифта.
По сути использовается некое замыливание краёв для более плавного перехода тонов (или цвета текста в цвет фона).
На счёт бесконечности разрешения экрана - у упоминаемого мной Эппла было (наверно и сейчас есть) определение для как раз этого случая - Retina, что привязано к разрешающей способности глаза.
То есть грубо при плотности скажем > 300 dpi с расстояния в 30 см, человеческий глаз не способен различить точки.
А такое разрешение во многих мобильниках уже давно превышается и прилично. По этому никакого смысла на таких экранах не имеет использовать пресловутое сглаживание. Надо просто иметь хорошие шрифты ну и ПО, которое их правильно отображает.
Лично у меня сглаживание как правило вызывает ощущение "мутности картинки".
И ещё, хочу отметить, что сглаживание появилось гораздо позднее того времени, когда активно использовались небольшие экраны. И появилось оно именно применитьльно к относительно большим - компьютерным экранам.
По мне так это в первую очередь маркетинговый ход, ну или если хотите некий виток развития графических интерфейсов, но не более того.
Ну да ладно, это всё лирика.

Сообщение отредактировал Barcooler - May 30 2017, 21:14
Go to the top of the page
 
+Quote Post

Сообщений в этой теме
- Barcooler   Шрифты для маленьких экранов   May 28 2017, 17:16
- - x736C   Здравствуйте! Гуглите dot matrix font.   May 28 2017, 18:16
|- - Barcooler   Цитата(x736C @ May 28 2017, 21:16) Здравс...   May 28 2017, 19:34
- - scifi   Вот тут посмотрите.   May 28 2017, 19:44
|- - x736C   Цитата(scifi @ May 28 2017, 22:44) Вот ту...   May 28 2017, 20:01
|- - Barcooler   Цитата(scifi @ May 28 2017, 22:44) Вот ту...   May 28 2017, 20:05
- - x736C   Гугл выдает целую массу точечных шрифтов на любой ...   May 28 2017, 19:51
|- - Barcooler   Цитата(x736C @ May 28 2017, 22:51) Гугл в...   May 28 2017, 19:59
- - ltDrakon   SG Bitmap Font Editor - вот такой программкой себе...   May 28 2017, 21:53
- - AlexandrY   Цитата(Barcooler @ May 28 2017, 20:16) Ин...   May 29 2017, 05:21
- - Obam   Есть у меня ощущение, что на 48*84 дисплей (ну мал...   May 29 2017, 08:23
|- - Barcooler   Цитата(Obam @ May 29 2017, 11:23) Есть у ...   May 29 2017, 08:45
|- - jcxz   Для LCD 101х64 я использовал для преобразования шр...   May 29 2017, 08:57
|- - ltDrakon   Цитата(Barcooler @ May 29 2017, 11:45) Во...   May 29 2017, 16:45
- - Obam   Ну, 5*8 рисуется Paint-ом в обеденный перерыв… (; ...   May 29 2017, 08:49
|- - Barcooler   Цитата(Obam @ May 29 2017, 11:49) Ну, 5*8...   May 29 2017, 09:01
|- - jcxz   Цитата(Barcooler @ May 29 2017, 11:01) А ...   May 29 2017, 09:22
|- - AlexandrY   Цитата(Barcooler @ May 29 2017, 12:01) А ...   May 29 2017, 18:43
|- - Barcooler   Цитата(AlexandrY @ May 29 2017, 21:43) Ра...   May 29 2017, 19:12
|- - AlexandrY   Цитата(Barcooler @ May 29 2017, 22:12) на...   May 29 2017, 20:58
|- - Barcooler   Цитата(AlexandrY @ May 29 2017, 23:58) В ...   May 29 2017, 21:24
|- - AlexandrY   Цитата(Barcooler @ May 30 2017, 00:24) В ...   May 30 2017, 05:26
|- - Barcooler   Цитата(AlexandrY @ May 30 2017, 08:26) Кл...   May 30 2017, 09:18
- - Obam   "Ну либо надо мудрить" Не без этого… Для...   May 29 2017, 09:15
|- - Шаманъ   Цитата(ViKo @ May 30 2017, 13:07) Програм...   May 30 2017, 10:48
|- - ViKo   Цитата(Barcooler @ May 30 2017, 14:31) На...   May 30 2017, 11:45
|- - x736C   Цитата(Barcooler @ May 30 2017, 14:31) На...   May 30 2017, 18:31
||- - ViKo   Цитата(x736C @ May 30 2017, 21:31) ViKo, ...   May 30 2017, 19:18
||- - ViKo   Цитата(x736C @ May 30 2017, 21:31) ViKo, ...   Jun 8 2017, 12:33
- - Obam   Любезный ТС, за то время, что мы тут надавали сове...   May 30 2017, 08:20
- - Baser   Цитата(AlexandrY @ May 29 2017, 23:58) А ...   May 30 2017, 09:41
|- - AlexandrY   Цитата(Baser @ May 30 2017, 12:41) Вы же ...   May 30 2017, 13:19
|- - Barcooler   Цитата(AlexandrY @ May 30 2017, 16:19) С ...   May 30 2017, 14:03
||- - AlexandrY   Цитата(Barcooler @ May 30 2017, 17:03) Но...   May 30 2017, 14:28
||- - Barcooler   Цитата(AlexandrY @ May 30 2017, 17:28) А ...   May 30 2017, 15:04
|- - AHTOXA   Цитата(AlexandrY @ May 30 2017, 18:19) С ...   May 30 2017, 17:14
|- - AlexandrY   Цитата(AHTOXA @ May 30 2017, 20:14) Алекс...   May 30 2017, 18:54
- - Barcooler   Я уже писал, что программист из меня в общем-то на...   May 30 2017, 09:57
|- - scifi   Цитата(Barcooler @ May 30 2017, 12:57) Я ...   May 30 2017, 12:18
- - Baser   Цитата(AlexandrY @ May 30 2017, 16:19) Я ...   May 30 2017, 21:30
- - ViKo   Сейчас пишу со смартфона с разрешением экрана 295 ...   May 31 2017, 05:25
|- - Obam   Цитата(ViKo @ May 31 2017, 09:25) …с разр...   May 31 2017, 07:38
|- - Barcooler   ЦитатаИ ещё, хочу отметить, что сглаживание появил...   May 31 2017, 09:22
- - Obam   ЦитатаПоясню, под небольшими экранами я подразумев...   May 31 2017, 09:50
- - x736C   Отмечу еще всем и так очевидную вещь, что экран с ...   May 31 2017, 11:59
- - Obam   Вот точно тут дизайнер ни к чему.   May 31 2017, 12:55
|- - x736C   Цитата(Obam @ May 31 2017, 15:55) Вот точ...   May 31 2017, 13:12
|- - Obam   Цитата(x736C @ May 31 2017, 17:12) Просто...   May 31 2017, 13:38
- - ViKo   В компе куча шрифтов, но хорошими можно назвать не...   May 31 2017, 13:58
|- - x736C   Цитата(ViKo @ May 31 2017, 16:58) В компе...   May 31 2017, 14:15
- - x736C   Очень симпатично. Какой-то готовый шрифт брали за ...   Jun 8 2017, 14:14
- - ViKo   Нет, не опен. Сам рисовал, согласно своим представ...   Jun 8 2017, 14:30
- - RabidRabbit   Как-то понадобился шрифт высотой 16 пикселов - ска...   Jul 1 2017, 12:40


Reply to this topicStart new topic
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 


RSS Текстовая версия Сейчас: 22nd August 2025 - 02:14
Рейтинг@Mail.ru


Страница сгенерированна за 0.01474 секунд с 7
ELECTRONIX ©2004-2016