теперь тут под тегом #типотермины будут собираться внутришрифтовые сложности описанные обычными словами.
приглашаю в комментах накидывать то, о чём хотелось бы узнать побольше. позже перенесу это в околошрифтовое, а там и до недосправочника будет близко:)
приглашаю в комментах накидывать то, о чём хотелось бы узнать побольше. позже перенесу это в околошрифтовое, а там и до недосправочника будет близко:)
область глобальной разметки [#типотермины] [#fontinfo]
сто процентов бывало, что смотришь пдф в мелком кегле, а там «о» подпрыгивает над строкой, «е» сжалась так, что стала меньше остальных и с «ю» творится что-то странное. так вот, есть такая история, как область глобальной разметки. и если её грамотно настроить, то в шрифте всё будет ок.
расставить точки по буквам—четверть дела. ещё нужно чтобы пиксели так рисовались вокруг нашего вектора, чтобы ничего не плыло, летело и скакало. за это заполнение цветом отвечают инструкции растеризации, а процесс их расстановки известен как хинтинг/хинтовка
внутри хинтовки есть куча заморочек, начиная от типа, заканчивая режимами, которые нам подсовывают браузеры и операционки. об этом как-нибудь в другой раз, а пока о зонах выравнивания.
всего в них несколько параметров с которыми не сложно справиться:
BlueValues. тут по возрастающей ставим не больше семи пар, где первая выравнивает всё по базовой линии снизу, а остальные работают с тем, что сверху.
OtherBlues. чаще всего используется чтобы прибить нижние выносные к одной линии. внутри может быть не больше пяти пар.
FamilyBlues и FamilyOtherBlues это как обычные только работают внутри всей шрифтовой семьи. нужны для того, чтобы не было скачков при выделении в слове нескольких букв болдом.
BlueScale тут сложно только первых пару раз: указываешь с какого размера шрифта надо отключать принудительные выравнивания и всё. рассчитывается в столбик. например, для 300 dpi это будет (pointSize - 0,49 ) / 240
BlueShift это с какого размера красивый оптический наплыв перестанет подавляться твоими инструкциями.
BlueFuzz — мегаполезный параметр. он увеличивает ширину зон выравнивания, и даже если что-то на юнит-другой вылезло за них, то всё будет ок.
StemSharpH StemSharpV до дюжины значений в возрастающем порядке самых распространённых толщин в шрифте.
StdHW и StdVW тут пишем самые распространённые толщины горизонтальных и вертикальных штрихов. если что, экран выберет эти значения чтобы зарисовать все штрихи шрифта.
ForceBold тут ставим величину, на которую болд всегда жирнее даже если толщины будут отличаться только на одну растровую точку.
вот и всё. надеюсь, теперь будет чуть проще:)
сто процентов бывало, что смотришь пдф в мелком кегле, а там «о» подпрыгивает над строкой, «е» сжалась так, что стала меньше остальных и с «ю» творится что-то странное. так вот, есть такая история, как область глобальной разметки. и если её грамотно настроить, то в шрифте всё будет ок.
расставить точки по буквам—четверть дела. ещё нужно чтобы пиксели так рисовались вокруг нашего вектора, чтобы ничего не плыло, летело и скакало. за это заполнение цветом отвечают инструкции растеризации, а процесс их расстановки известен как хинтинг/хинтовка
внутри хинтовки есть куча заморочек, начиная от типа, заканчивая режимами, которые нам подсовывают браузеры и операционки. об этом как-нибудь в другой раз, а пока о зонах выравнивания.
всего в них несколько параметров с которыми не сложно справиться:
BlueValues. тут по возрастающей ставим не больше семи пар, где первая выравнивает всё по базовой линии снизу, а остальные работают с тем, что сверху.
OtherBlues. чаще всего используется чтобы прибить нижние выносные к одной линии. внутри может быть не больше пяти пар.
FamilyBlues и FamilyOtherBlues это как обычные только работают внутри всей шрифтовой семьи. нужны для того, чтобы не было скачков при выделении в слове нескольких букв болдом.
BlueScale тут сложно только первых пару раз: указываешь с какого размера шрифта надо отключать принудительные выравнивания и всё. рассчитывается в столбик. например, для 300 dpi это будет (pointSize - 0,49 ) / 240
BlueShift это с какого размера красивый оптический наплыв перестанет подавляться твоими инструкциями.
BlueFuzz — мегаполезный параметр. он увеличивает ширину зон выравнивания, и даже если что-то на юнит-другой вылезло за них, то всё будет ок.
StemSharpH StemSharpV до дюжины значений в возрастающем порядке самых распространённых толщин в шрифте.
StdHW и StdVW тут пишем самые распространённые толщины горизонтальных и вертикальных штрихов. если что, экран выберет эти значения чтобы зарисовать все штрихи шрифта.
ForceBold тут ставим величину, на которую болд всегда жирнее даже если толщины будут отличаться только на одну растровую точку.
вот и всё. надеюсь, теперь будет чуть проще:)
космические советы на авторском mixtape стаса аки о взаимодействии человека с компьютером
Forwarded from OK Computer
Если вам нужно добавить в набор какой-то дополнительный символ (в какой программе бы вы ни находились), комбинация Control-Command-Space вызовет такой вот попап со всеми доступными символами в текущем шрифте.
(Простая и расширенная версии попапа переключаются вон той кнопкой в верхнем правом углу.)
#desktop #fordesigners
(Простая и расширенная версии попапа переключаются вон той кнопкой в верхнем правом углу.)
#desktop #fordesigners
на типомании в этом году мы устроили батл между шрифтовыми дизайнерами и шрифтовыми редакторами.
подсмотреть приёмы работы в фонтлабе, глифсе и робофонте бесплатно и без регистраций тут:
https://typomania.ru/club/paratype/
пробовал рисовать букву не используя привычные инструменты, расставляя координаты точек кодом. это весело, но если бы сделал параметрическими было бы веселее:)
люблю код за свободу к экспериментам, проверкам гипотез и ускорению однотипных изменений, которые он даёт.
подсмотреть приёмы работы в фонтлабе, глифсе и робофонте бесплатно и без регистраций тут:
https://typomania.ru/club/paratype/
пробовал рисовать букву не используя привычные инструменты, расставляя координаты точек кодом. это весело, но если бы сделал параметрическими было бы веселее:)
люблю код за свободу к экспериментам, проверкам гипотез и ускорению однотипных изменений, которые он даёт.
пара анонсов на эту неделю
открыта бесплатная регистрация. пятого числа можно послушать daniela retana из new glyph.
скорее всего выступление будет в записи. так, например, выступление ильи рудермана можно посмотреть на ютюбе
беслатная регистрация на лекцию sofie beier о том что делает шрифт разборчивым тут.
второго ноября обещают рассказ о инструментах слежения за глазами во время чтения и результатах многочисленных экспериментов.
⚆
Tipografía México: Type, Tech, & Design (free)открыта бесплатная регистрация. пятого числа можно послушать daniela retana из new glyph.
скорее всего выступление будет в записи. так, например, выступление ильи рудермана можно посмотреть на ютюбе
⚇
Letterform Lecture: What Makes a Typeface Legible? Ask Science (free)беслатная регистрация на лекцию sofie beier о том что делает шрифт разборчивым тут.
второго ноября обещают рассказ о инструментах слежения за глазами во время чтения и результатах многочисленных экспериментов.
#не_только_о_шрифтах:)
Uchikubi Gokumon Doukoukai
даже не знаю, что лучше:
✿ shufu no michi
❀ kiwami meteo kaido
накидайте в комменты чего-нибудь странного послушать ❦
Uchikubi Gokumon Doukoukai
даже не знаю, что лучше:
✿ shufu no michi
❀ kiwami meteo kaido
накидайте в комменты чего-нибудь странного послушать ❦
Spotify
Shufu no michi
UchikubiGokumonDoukoukai · Song · 2021
??? не_только_о_шрифтах
Anonymous Poll
29%
✿ shufu no michi
5%
❀ kiwami meteo kaido
19%
⚜︎ оба трека ни о чём
48%
☹︎ ешё раз такое не выдержу и отпишусь
Forwarded from Паратайп (Nick Nedashkovsky)
.
____ _ _ ____ _____
(_ _( \/ ( _ ( _ )
)( \ / )___/)(_)(
(__) (__)(__) (_____)
люблю ASCII графику и не раз делал для проектов преобразователи пикселей в символы. хотя их уже существует довольно много, всегда есть простор для заморачивания. например, сравните распространённые веб-инструменты и субпиксельный ASCII ребят из underware. посмотрите насколько глубоко можно закопаться даже в таком простом деле:) а если любите rpg и ещё не пробовали ADoM, то качайте и играйте.
ASCII или American Standard Code for Information Interchange введён в шестьдесят третьем году американским институтом стандартизации (ANSI). это схема кодирования символов, в которой за каждым из 128 символов закреплён семизначный набор нолей и единиц. советский вариант названия—КОИ-7 Н0 ГОСТ27463-87
присвоенный каждому знаку порядковый номер можно представить в двоичном виде и уместить в 7 бит. например, буква
Т
(номер 84) в двоичном выглядит как 1010100
, а t
(номер 116) — 01110100
. в ASCII оказались 128 распространённых символов:
26 прописных: ABCDEFGHIJKLMNOPQRSTUVWXYZ
26 строчных: abcdefghijklmnopqrstuvwxyz
10 цифр: 0123456789
набор пунктуации: !"#$%&'()*+,-./:;<=>?@[\]^_`{|}~(32)
и один пробел.
дополняли набор двадцать девять символов без графики, но необходимых для управлением устройством: BS (переместить позицию печати на символ назад), TAB (горизонтальная табуляция), DEL (стереть последний символ), CR (возврат каретки), NULL (пустой символ) и так далее.
_______
выше ссылался на 7 бит и двоичную систему счисления, поэтому, поэтому остановлюсь на ней чуть подробнее.
мы настолько привыкли к десятичной системе в русском языке, что редко задумываемся как же она работает.
представим число как сумму тысяч, сотен и десятков:
2021 = 2000 + 0 + 20 + 1
2021 = 2*1000 + 0*100 +2*10 +1*1
2021 = 2*10^3 + 0*10^2 + 2*10^1 + 1*10^0
а теперь перейдём в мир где доступны только два положения: да/нет, вкл/выкл, идёт/не идёт ток, 0/1 и поменяем базу. поэтому, вместо 10, будем искать как можно записать число, оперируя степенью 2.
сперва находим самое большое число в череде сумм. 2^11 = 2048, это больше стартового числа, а значит сумма будет складываться, начиная с предыдущей степени.
2021 = 1024 + 512 + 256 + 128 + 64 + 32 + 4 + 1
не нужны числа 16, 8 и 2, но порядок диктует степень, в которую следует возводить базу, поэтому сохраняем его и вместо 1 используем 0 на их месте.
2021 = 1*2^10 + 1*2^9 + 1*2^8 + 1*2^7 + 1*2^6 + 1*2^5 + 0*2^4 + 0*2^3 + 1*2^2 + 0*2^1 + 1*2^0
2021 => 11111100101
чуть подробнее на примере представления десятичного числа 57 в двоичном виде:
сперва определим самое большое число в череде сумм.
2^6 = 64. это больше, чем 57, значит берём предыдущий разряд.
2^5 = 32
так как степень 5, то и записываем в двоичном как
100000
: 1*2^5 + 0*2^4 + 0*2^3 + 0*2^2 + 0*2^ 1+ 0*2^0продолжаем операции над остатком
57 - 32 = 25.
2^4 = 16, а значит следующий знак тоже 1
32 + 16 = 48 = 1*2^5 + 1*2^4 =>
110000
57 - 48 = 9
2^3 = 8, а значит снова единица
32 + 16 + 8 =>
111000
57 - 56 = 1, то есть осталась только одна степень 2^0 и на конце будет 1*2^0
записываем пропущенные степени:
57 =>
111001
в двоичной системе.нудновато, зато теперь вы знаете как заставить программу что-то сделать, при условии, что у вас только несколько выключателей.
——————————
позднее, при переходе от 7 к 8-битному кодированию, ASCII расширили до кодовых страниц, содержащих 256 (2^8) символов. каждая такая кодовая страница вмещала не только 128 знаков базового US-состава, но и разные национальные символы и буквы местных языков.
интересно была реализована печать знаков с диакритикой. чтобы напечатать
á
нужно было сперва поставить а
, затем вернуться на один символ обратно BS
, поставить '
(чаще выглядел как акут «´») и только тогда получался нужный символ. a BS '
→ á o BS /
→ øужирнение знаков работало по аналогичному принципу:
a BS a
→ a______
графика в начале сообщения собрана при помощи сервиса AOL Macro Fonts
спасибо геннадию фридману за помощь с материалом
This media is not supported in your browser
VIEW IN TELEGRAM
и раз заговорили про ascii
безумный генератор анимациикоторый запилил andreas gysin с десятками примеров кода и возможностью его скачивать:)
безумный генератор анимациикоторый запилил andreas gysin с десятками примеров кода и возможностью его скачивать:)
отличная новость для всех изучающих шрифты
https://ohnotype.co/collections/ohno-type-school
проект коротких объяснений как всё устроенно в латинице от a до z (вместе с прописными), стартовавший компактными карточками в инсте вырос до шестидесятичетырёхстраничного документа.
термины, трюки и приёмы в одном файле за дюжину долларов.
а бонусом ещё и шрифт degular display light (десктоп или веб лицензия на выбор)
https://ohnotype.co/collections/ohno-type-school
проект коротких объяснений как всё устроенно в латинице от a до z (вместе с прописными), стартовавший компактными карточками в инсте вырос до шестидесятичетырёхстраничного документа.
термины, трюки и приёмы в одном файле за дюжину долларов.
а бонусом ещё и шрифт degular display light (десктоп или веб лицензия на выбор)
вторая отличная новость на сегодня:
паратайп теперь и на vc
первая статья о шрифтах и экранах: история, пиксели и вязанные буквы.
https://vc.ru/u/692390-paratype/318368-shrift-na-ekrane-chast-1
паратайп теперь и на vc
первая статья о шрифтах и экранах: история, пиксели и вязанные буквы.
https://vc.ru/u/692390-paratype/318368-shrift-na-ekrane-chast-1
vc.ru
Шрифт на экране. Часть 1
Сейчас все уже привыкли к тому, что в печати и на экране используются одни и те же шрифты, выглядят они примерно одинаково, а иногда у экранных шрифтов даже больше возможностей. Но так было не всегда.
здорово позиции «так заведено / так надо» подвергать сомнению и пытаться опровергнуть:
15 минут на статью о влиянии длины строки на скорость чтения в которой поднимаются вопросы о том замедляет или наоборот даёт преимущество увеличение букв в строке и как влияет прокрутка экрана на прыжок глаза к следующему слову.
и огромный плюс — ссылки на оригинальные исследования, которые подарят много часов увлекательного чтения:)
15 минут на статью о влиянии длины строки на скорость чтения в которой поднимаются вопросы о том замедляет или наоборот даёт преимущество увеличение букв в строке и как влияет прокрутка экрана на прыжок глаза к следующему слову.
и огромный плюс — ссылки на оригинальные исследования, которые подарят много часов увлекательного чтения:)
Designregression
Line length revisited: following the research
Recent eye movement research is reviewed which questions whether long line lengths do cause reading difficulties.
прикольный сайт https://www.niccolomiranda.com/
и здоровский шрифт canopee by vj type
чувство, что такая страница идёт шрифту больше, чем официальная подача
и здоровский шрифт canopee by vj type
чувство, что такая страница идёт шрифту больше, чем официальная подача
Niccolomiranda
Miranda — Paper Portfolio
Niccolò Miranda is an award-winning designer & developer who’s passionate about creating iconic digital experiences through motion, typography and creative coding.