x
 
Евгений Лысый
27 января 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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

  • 1. Строчные высотой 3 пк (не считая выносных элементов).
  • 2. Прописные высотой 4 пк.
  • 3. Символы не больше 5 пк по ширине и высоте.
  • 4. Расстояния между буквами кратны пикселю.
  • 5. Читаемость важнее эстетики, но эстетика тоже важна.

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

Какие тут явные косяки? В каком продукте в теории пригодился бы такой шрифт? Как вам строчный твёрдый знак, октоторп, восьмёрка и знак доллара? :-)


Евгений!

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

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

Вы правы, читаемость важнее эстетики, но в данном случае ваши ограничения — это и есть эстетика. Поэтому сразу возникает множество вопросов:

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

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


Но в некоторых даже окружение не помогает точно идентифицировать знак:


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

Тригоми. У этого шрифта тоже полно проблем, особенно с кириллицей. Но, например, его «ф» распознаётся гораздо лучше, чем ваша. Посмотрите также, как автор сделал «m» и октоторп

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

Возникает вопрос: зачем вы поставили именно такие ограничения? Почему не попробовать увеличить высоту или ширину знаков?

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

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

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

Как разрешать противоречия

P. S. Это был субботний совет о шрифте в дизайне. Хотите знать всё о выборе шрифтов для проекта, о подборе шрифтовых пар, о каллиграфии, летеринге и создании собственных шрифтов? Присылайте вопросы.

Поделиться
Отправить

Комментарии

Виктор Наумик
28 января 2018

Где применить — например, для Arduino или похожего девайса с мелким экраном. К примеру, есть железный крипто-кошелек размером с флешку — Ledger Nano S, — у которого ну просто очень маленький экран.

Егор Стремоусов
13 марта 2018

Евгений!

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

Хочу поделиться своим опытом. Вот, что получилось когда-то у меня: https://www.fonts-online.ru/font/Cent

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

Спустя несколько месяцев шрифт пригодился разработчику компьютерных игр: https://gamejolt.com/games/iron-thunder/193714


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Как подружить шрифт и иконку Как работать со шрифтами 3 Какие шрифты подходят для газетной вёрстки?




Недавно всплыло

Выбранные элементы списка, как не забывать принципы из советов бюро и когда нужен логотип 1 Невозможно собрать портфолио 1 Правдивость 3 3