0:00 Просто открываете любую книгу, если она набрана шрифтом без засечек.
0:04 Это сразу такое о, дизайн какой-то.
0:07 Че-то дизайнер сказать хотел.
0:13 Это подкаст Дзаийн такой.
0:17 В нашем подкасте мы говорим о дизайне продуктов, которые меняют нашу жизнь.
0:21 Шрифт и типографика - это темы, к которой мы подступали с 3 года.
0:25 Мы практически всегда о них говорим, но не ни разу выделяли в отдельный эпизод, хотя это одна из основ дизайна, и кажется пора.
0:33 Ни один шрифтовой продукт не может обойтись без шрифтов и типографики.
0:37 И в приложении, и на сайте, и даже в книгах всегда есть много текста, он написан одним или несколькими шрифтами и расположен определенным образом.
0:46 Даже если на страницу сайта не подгрузились картинки, видео, другой контент, текст всегда отобразится.
0:53 Вы сможете понять, где меню, где основной текст, где побочный, и исчитать всю основную информацию.
0:59 Текст - это самое главное на любой веб-странице.
1:02 Очень хорошее слово меню, потому что шрифт и типографика живут не только на экранах, они живут везде - придешь в столовую, увидишь меню - сегодня - в меню: суп, рассольник, пюре и котлета.
1:15 Заголовок: что меню на сегодня будет набран одним кеглем и одним размером.
1:20 Ну, как бы одним начертанием.
1:21 Пюре состав блюда и цена будет набрано другим начертанием.
1:25 Все это будет набрано шрифтом тайнус не роумен.
1:27 И вот тебе информационная страница.
1:30 Вот вам шрифт, вот вам типографика.
1:32 И сегодня, чтобы поговорить о шрифтах и типографике - задать все самые глупые и не глупые вопросы, мы позвали в гости Александру Королькову.
1:41 Вы точно знакомы и пользовались ее шрифтами - ПТ-Санс, ПТ-Сериф или ЦЦ.
1:46 Александра - шрифтовой и книжный дизайнер, типограф, теоретик шрифта и типографики, арт-директор студии Паратайп, девятый лауреат премии имени Шарля Пиньо, вручаемые раз в несколько лет - дизайнеру до 35 за выдающийся вклад в шрифтовой дизайн, автор книги Живая типографика, одной из главных книг о типографике на русском языке.
2:08 А еще Александра ведет свой ютуб канал шрифтовой видеоблог.
2:12 Там она доступна и интересно рассказывает о работе над шрифтом, лучших шрифтах года и, например, как отличить хорошую кириллицу от плохой.
2:20 Очень советуем подписаться.
2:22 Исторические справки и пояснения в этом эпизоде взяты из лонгрида Темная сторона шрифта от студии Протайп.
2:28 Спасибо Александре Корольковой за то, что она его написала и разрешила озвучить в этом эпизоде.
2:34 С вами подкаст Дизайн Такой.
2:36 В гостях Александра Королькова, и мы говорим о шрифте и типографике.
2:53 Как вы пришли к шрифту?
2:57 Максимально прямым и неинтересным путем, какой только бывает.
3:02 То есть, вот знаете, бывают такие истории, когда человек там работал, не знаю, кем-то, потом понял, что он хочет быть на самом деле дизайнером, потом он стал работать дизайнером, понял, что его интересуют шрифт, вот это вот все.
3:18 Это все абсолютно не про меня.
3:22 Я просто поступила в институт, университет печати - он же полиграф.
3:30 Так сложились обстоятельства, что у нас шрифт преподавал самый настоящий шрифтовой дизайнер - можно сказать, один из трех китов отечественного шрифтового дизайна Александр Владимирович Тарбеев.
3:44 То есть три кита - это Ефимов, Сафаев, Тарбеев.
3:49 Владимир Венедиктович Ефимов - советский и российский график художник шрифта, в апреле 1998 года стал соучредителем и арт-директором компании Паротайп.
3:59 Работая в Паратайпе, Ефимов создал более 60 гарнитур, то есть более 200 начертаний.
4:04 Александр Владимирович Тарбеев, дизайнер наборного шрифта и преподаватель, профессор и руководитель мастерской шрифтового дизайна кафедры ХТОП Московского государственного университета Печати.
4:15 Преподавал шрифтовой дизайн многим известным дизайнерам, таким как Илья Родурман, Олег Мацуев и Александра Калькова.
4:22 Тагир Сафаев, руководитель школы шрифта и типографики, проектировщик шрифта, график-педагог, член Московского Союза художников и Международной типографической ассоциации, один из основателей ассоциации дизайнеров шрифта.
4:38 Во-первых, это было интересно: а во-вторых, поскольку это было интересно, ты начинаешь копаться, и как-то вот человек, который явно знает, явно разбирается в теме, преподает даже общую теорию на другом уровне.
4:54 Потому что ну можно просто книжки начитать., Да а можно знать - вот что там с буквами изнутри, и объяснять с этих позиций.
5:02 И поэтому, к моменту, когда я заканчивала институт, я просто поняла, что шрифт - это то, что я могу, наверное, лучше всего - из того, чему нас учили.
5:16 Это прямо сейчас очень личная часть, потому что я часто задумаюсь, что как бы ни говорили про качество образования, там все равно есть аспект, что должна быть харизматичная личность - вот этот ментор, увлекающий влюбляющий, страстный, за которым за которым следовать хочется.
5:32 У меня просто таких мало было, и мне немножечко.
5:35 Ну, в идеале, наверное, да.
5:38 Ну, вообще, образование - это очень такая сложная, неоднозначная штука.
5:44 Говорю, как человек, который пытался преподавать и через три года сбежал.
5:49 А можете вспомнить, с образованием
5:54 вам не понравилось, со шрифтами понравилось.
5:59 шрифт, работа над которым вам запомнилось больше всего.
6:02 Может быть, самый первый шрифт, который вы сделали, или самый первый коммерческий шрифт, который
6:10 широко популярным стал?
6:11 Вот работа над которым вам запомнилась, наверное, больше всего в жизни.
6:21 это я не могу сказать, что это самый первый или самый первый коммерчески.
6:24 Я могу сказать, что, наверное, самый вот такой первый важный - это мой дипломный шрифт, который называется Лекса.
6:37 Это такая антиква, венецианская, если это о чем-то говорит.
6:43 Шрифт лекса - это антиквенная гарнитура в 12 начертаниях в диапазоне насыщенностей от светлого лай до черного блэк.
6:52 Лекса в первую очередь предназначена для классического книжного дизайна и одинаково хорошо работает в мелком и среднем кегле.
7:00 В 2009 году Алекса совместно со шрифтом 2 была отмечена дипломом жюри международного конкурса Современная кириллица категории Супергарнитур.
7:09 В 2011-м шрифт был откорректирован, технически обработан и перестроен в компании Паратайп.
7:17 В общем, это самый сложный для рисования тип антиквы, который считалось, что наиболее трудно адекватно рисовать в кириллице.
7:31 Все ли студенты так рассуждают, но вот у меня почему-то ближе к концу обучения была
7:39 такая мысль: что надо сейчас на диплом сделать самое сложное, что только можно сделать, потому что дальше кто его знает, как оно повернется, может, мне будет некогда или не до того.
7:51 Лучше все самое сложное сделать сейчас - потом будет легче.
7:56 Вот, поэтому это было еще до диплома.
7:59 То есть, как бы формально это диплом, да, реально этот проект начался чуть ли не после второго курса.
8:07 То есть, я его делала фактически три года, ну там, как-то в свободное от остальное учебы время.
8:16 Вот, и происходило так, что ты что-то рисуешь.
8:19 Приносишь педагога, тебе объясняют, почему это все ужасно.
8:24 Уходишь, перерисовываешь все заново, тебе опять объясняют, почему это все ужасно.
8:30 То есть, как бы имя одно и то же, а реально шрифт перерисовывался раз в 5 полностью.
8:39 Ну, или полностью, или ближе к концу, где-то наполовину.
8:48 почти в том же состоянии, в котором они были на дипломе, я потом
8:55 несколько лет его выпустила
8:59 на Майфонсе тогда, тогда еще курсивы были перерисованы с нуля, а прямые начертания были почти те же самые.
9:08 Вот, и сейчас я на него смотрю.
9:10 Ну, понятно, что я бы сейчас многое переделала, но в принципе, мне не стыдно.
9:16 Это очень круто, когда после дипломную работу не стыдно.
9:20 Ну, живая типографика - это тоже дипломная работа.
9:24 Да, мой диплом состоял из двух частей, шли в 12-ти начертаниях, и книга.
9:33 Это большое открытие.
9:35 Сейчас мы все читаем вашу дипломную работу.
9:37 Слушай, да, да, это та дипломная работа, на которую живой человек ссылается и говорит: ну вот она, вот.
9:46 Обычно я слышу, потому что так, а что это было?
9:48 Что за что там как она называлась?
9:52 Не, она замечательная, да.
9:53 И до сих пор и до сих пор многие советуют для начального уровня ее.
9:58 На самом деле она все-таки, наверное, слишком академическая.
10:03 То есть, там довольно много того, что нам объясняли в рамках программы: начинающему практикующему дизайнеру это не в первую очередь нужно.
10:15 Ну, как бы на тот момент, да,
10:18 что я могла написать, да, я написала, это уже потом, потом через довольно много времени поняла, в какой форме как и что надо объяснять реально начинающем практикующем дизайнером.
10:34 Но когда ты старшекурсник или свежий выпускник вуза, с практикой далеко не всегда дружишь.
10:44 Часть ребят работала сразу во время учебы, но я нет, я училась, училась, училась, училась, поэтому с практикой было как-то ну так.
10:57 Ну, зато с теорией было нормально, а практику пришлось потом набивать шишки, как-то что-то понимать.
11:05 Ну, вот, хочется верить, что в итоге что-то получилось.
11:10 Вот как с биографией художника.
11:13 Давайте перейдем к третьему периоду.
11:16 Как вы оказались в паротайпе?
11:20 В паротайпе я оказалась очень
11:24 своеобразным способом.
11:27 Ну, если не говорить о том, что я в него пошла на преддипломную практику, а посмотреть, что там как устроено: вот, я пришла, говорю: я на практику на преддипломную.
11:38 Мне говорят, ну, очень мило.
11:41 Вот, шрифт, надо к нему кириллиться нарисовать.
11:44 Шрифт был какой-то акцидентной дичью, в общем, кажется, он был заказной, ну, я подумала, подумала, нарисовала - вроде все нормально.
11:55 И дальше ушла преподавать вот в этих вот вузах.
12:01 В 2009, наверное, году ранней весной на какой-то выставке подходит ко мне Владимир Венедиктович Ефимов и говорит человеческим голосом: Саша, тут такое дело.
12:16 У нас проект большой намечается: надо сделать шрифт, который будет бесплатным, и чтобы он поддерживал все языки народов России.
12:28 Это большой очень проект с федеральным агентством по печати
12:32 массовых коммуникаций.
12:37 Это был такой выбор: что либо я остаюсь, где была, продолжаю вам преподавание, да, либо я получаю большой серьезный проект, реально большой, реально серьезный, который может что-то изменить, вот в смысле типографики в стране, но уходить надо с концами.
12:54 Поэтому подумать пришлось.
12:56 Я, наверное, сейчас первый раз об этом так
13:04 Все-таки довольно много лет уже прошло.
13:09 я подумала и выбрала большой серьезный проект.
13:12 Потому что это была дико амбициозная штука, и потому что действительно, когда ты понимаешь, ты, в общем-то, уже понимаешь концо института, что дизайнеры не спасают мир, и что лучшее, что ты можешь сделать, это
13:30 как-то немножечко улучшить ту сферу, в которой ты работаешь в каком-то отдельно взятом месте.
13:36 Поэтому вот с таких позиций это было реально важно.
13:41 Потому что, опять же, вот это был 2009
13:48 до 2009 года бесплатных шрифтов хорошего качества, скирил хорошего качества с латиницей были.
13:57 Скириллицей хорошего качества их практически не было.
14:01 То есть, это обещало стать прорывом.
14:05 Ну, в общем, глупо было отказываться.
14:09 Понятно было, что такое предложение делается раз в жизни.
14:12 Если ты откажешься, ты сам себе дурак, и
14:18 ну, можешь дальше делать что хочешь.
14:21 То есть, вот выбор между продвинутыми проектами для узкой аудитории, и между чем-то для широкой аудитории, таким достаточно большим, достаточно важным, но массовым со всеми своими
14:41 последствиями, да, со всеми особенностями.
14:43 То есть, ты не можешь сильно выпендриваться в плане дизайна.
14:46 Надо сделать что-то, что будет по возможности понятно всем.
14:50 Вот Ну я подумала, сделала выбор и, наверное, с тех пор по большей части занимаюсь демократичными проектами.
14:58 Очень иногда хочется сделать что-то
15:02 такое, чтобы убычно руки не доходят, потому что
15:07 надо делать вот это нужное, вот это нужное, вот это нужно, еще вот это нужно.
15:11 Если для широкой аудитории, да?
15:13 Ну, по большей части, да.
15:17 Ваши шрифты добрались, они везде.
15:20 Да, они на заборах, они на гаражах, они на билгордах.
15:25 Я рада на самом деле.
15:28 Тогда Тогда получилось.
15:36 Я часто вместо одного короткого слова, например, я вместо слова маркетинг использую выражение рассказывать о том, что вы делаете.
15:46 Я, наверное, так лучше понимаю, в чем смысл.
15:50 Еще у меня есть выражение я нужен сам себе.
15:53 То есть, что я под этим подразумеваю, это я думающий, бодрый, я не отвлекаюсь на какие-то другие мысли, на тревоги, я в работе, допустим.
16:03 У меня был момент, когда я нужен был сам себе, но ничего делать не мог.
16:07 Это значит, была среда, 2 часа дня, я на работе, в офисе, и ощущаю, что работать я не могу.
16:18 Я в тот момент подумал сразу обо всем: о себе, о моей личной жизни, о карьере, о работе.
16:25 Просто ничего не могу сделать.
16:27 Понимаешь, что мне надо как-то
16:31 раскопаться, развязаться, разобраться.
16:37 Позвонил на ресепшн, попросил любого свободного психолога на ближайшее время и через 45 минут приехал на прием, а после сеанса стало лучше.
16:47 Я понял, что мне специалист подходит, и назначил повторный сеанс через две недели - и в тот же день завел отдельную папку для заметок после сеансов.
16:56 Вот у меня была похожая ситуация, во нот я, как и вообще многие айтишники, я в определенный момент перегрузил себя работой.
17:04 Я люблю так делать и довел себя до тревожного расстройства.
17:09 Я не хотел вставать, не хотел работать, ничего не хотел делать, но при этом постоянно что-то из-за чего-то тревожился, и прямо перед Новым годом, 29 декабря, я забронировал онлайн-сессию с психотерапевтом в первый раз в своей жизни, потому что вот больше я так уже не мог.
17:28 И мне это на самом деле очень помогло.
17:31 Я смог избавиться от напряжения, стало гораздо легче, и я, во всяком случае, на новогодние праздники я спокойно провел время со своей семьей, и как-то вот уже одна сессия мне сильно помогла.
17:45 И вот на этой неделе у меня была уже третья или четвертая сессия, я буду точно продолжать, потому что и я, и моя жена ощущают, мы ощущаем прогресс.
17:57 Я стал спокойнее, гораздо, и я чувствую, как какие-то ниточки распутываются в голове.
18:04 Мне, наверное, стоило обратиться за помощью раньше, но я как-то не решался, искал какие-то отговорки, и сейчас мне гораздо легче, спокойнее, и я навожу порядок у себя в голове.
18:17 Я рад, что решился и начал работать над собой.
18:21 Для меня, например, это прекрасный способ привести в порядок свои мысли через правильные вопросы распутаться в своих же собственных иррациональных, логических цепочках и выводах.
18:35 Мы сегодня откровенно не просто так, поводом стал наш партнер - ясно.
18:40 Это сервис подбора и видеоконсультаций с психотерапевтами.
18:43 В нашей профессии и индустрии люди часто сталкиваются с синдром самозванца, выгоранием, тревожностью да даже депрессией.
18:51 Работа с психотерапевтом онлайн - это быстрый и удобный шаг к решению этих проблем.
18:56 Выбирайте удобное для себя время и место.
18:58 Я, например, недавно переехал, и для меня онлайн-сессия оказалась как раз кстати.
19:03 Психотерапевты подбираются индивидуально под ваш запрос.
19:06 Сайт сервиса Ясный, действительно удобный и понятный.
19:09 Я, например, нашел там подходящего терапевта с первого раза.
19:12 В описании эпизода вы найдете промокод на скидку 20% на первую сессию.
19:17 Промокод дизайн вводим латиницей и капсом.
19:20 Тот случай, когда он действительно нужен.
19:22 Промокод действует при регистрации.
19:25 Помните, самое важное - это не работа и дизайн, а вы сами.
19:29 Уделите время себе, а с остальным вы справитесь.
19:36 Есть еще такой вопрос?
19:37 У меня такой последний, последний милый перед тем, как мы уйдем, все-таки в эту теорию.
19:43 У вас есть любимое слово или буква, или любимая фраза, или панграмма.
19:48 Такая, какая любимая?
19:52 А я сравнительно недавно прошлым летом придумала фразу, по которой можно сразу, глядя на нее, понять, хорошо ли все в шрифте скирил лице или все плохо.
20:10 Набирать строчными буквами, то есть маленькими.
20:14 Вот где склад для нашей жабы.
20:19 Ну, я ее для статьи придумывала, чтобы набрала одну строчку.
20:22 Сразу понятно, все хорошо, все плохо, все средне.
20:29 Зэ, по-моему, не слышу в ней.
20:30 А так да, вот эти все проблемы.
20:35 Зэ на самом деле довольно сложно запороть так, так чтобы.
20:38 совсем То есть, если в шрифте нормальные Л и Д, то с большой степенью вероятности З тоже будет нормально.
20:45 Вот я про Д я про Д смотрел ваше видео, и сейчас я кашусь на Д в кнопке настройки доступа в Гугле, и она прям на меня смотрит, а я на нее.
20:55 Поэтому я буду во время записи отвлекаться.
21:02 Самый первый и самый глуп вопрос: что такое шрифт?
21:10 Ну вот смотрите, мы кажется, понимаем, что такое логотип - это какой-то уникальный знак, у этого уникального знака есть какие-то правила его нанесения.
21:19 Вот так он сочетается, вот так вот его применять нельзя, вот так вот его гнуть нельзя, его нельзя красить.
21:24 Ну, то есть, это вот такой вот визуальный объект.
21:29 А, ну в таком контексте шрифт это заранее заготовленный комплект букв, цифр и прочих знаков.
21:38 Ну, как бы дальше там понятно, что желательно нарисованных в едином стиле.
21:44 И как говорит Гаенне Багдасарян из студии Браун Фокс, шрифт - это материал для дизайнеров.
21:52 Мне тоже нравится такая концепция.
21:54 С точки зрения дизайнеров это материал.
21:56 Что для дизайнеров это материал,
21:59 для строителя доски, для
22:05 в каком-то смысле, из одних шрифтов можно сделать какие-то вещи, из других нельзя.
22:10 Потому что у нас сегодня будут два понятия - вот рядом постоянно ходить - шрифт и типографика, шрифт и типографика.
22:18 Вот надо разобраться сперва.
22:20 На самом деле типографика, если не брать типографику, как высокое искусство швейцарцев.
22:28 На самом деле, строго говоря, типографика - это работа со шрифтом.
22:34 Вот знаете, как у Мальера господин Журден не знал, что он говорит прозой.
22:41 Потому что все, что не стихи, то проза.
22:44 На самом деле, вот в тот момент, когда мы нажимаем на какие-то кнопочки, производим какие-то буковки где-то на какой-то плоскости или в каком-то пространстве, мы занимаемся типографикой.
22:58 Мы можем этого не осознавать, да, но вот любое объявление, пожалуйста, кидайте мусор в урну.
23:06 Срочно сниму квартиру в вашем доме.
23:08 Срочно сниму квартиру или сдам квартиру только славянам.
23:12 Это все тоже типографические объекты.
23:15 Если они сделаны наборным шрифтом.
23:17 Шрифт - это ткань, а типографика - это шитье.
23:22 В тот момент, когда мы работаем с буквами каким-то образом, да, как-то мы их ставим, как-то делаем что-то ближе, что-то дальше, крупнее, мельче.
23:31 Вот, строго говоря, это все типографика и есть.
23:35 Она не обязана быть высоким искусством.
23:38 Можно просто сделать нормально.
23:40 Это тоже типографика.
23:41 Так, смысл этого эпизода уже понятен.
23:44 Мы задачу выполнили.
23:45 Дальше просто час поболтаем, мило.
23:48 У меня тогда вопрос следующий - от противного.
23:51 Сегодня прям самым банальным будем разбираться.
23:53 А может ли шрифт жить без типографики?
23:55 Вот взять начертание, ничего в нем не менять и использовать из коробки.
24:03 А В Советском Союзе шрифт постоянно жил без типографики.
24:11 Сейчас объясню, как и почему.
24:13 И почему сейчас этого гораздо меньше.
24:16 А потому что, опять же, вот обращаемся к истории.
24:20 Как делались шрифты, наборные шрифты до появления компьютеров?
24:25 Первые наборные шрифты для печати появились в Европе в середине 15 века.
24:30 До этого люди писали книги и документы руками, или вырезали на деревянных досках в зеркальном отражении целой страницы.
24:38 Технологию более или менее удобного тиражирования букв изобрел иоганн Гутенберг.
24:43 Шрифт существовал в виде комплекта металлических или деревянных литер в натуральную величину.
24:49 Больше литер для часто встречающихся букв, меньше для редких.
24:53 Литер в 20 веке, конечно, делались уже не так, как во времена Гультенберга или Гарамона, а механическим способом.
25:00 Но тем не менее, это были физические объекты, то есть и процесс изготовления шрифта, и процесс его использования еще 30-40 лет назад мог происходить без участия компьютер и был довольно долг.
25:12 А способ делать и хранить шрифты в векторной форме разработал и представил в 1975 году профессор Пердо Каров из компании рВ.
25:22 С тех пор за 47 лет работа над цифровыми шрифтами сильно изменилась и стала проще.
25:28 В 1996 году появился формат Оп.
25:31 Это не просто формат, а стандарт, который определяет работу всех современных шрифтов.
25:36 От ранних шрифтовых форматов его отличают два важных свойства.
25:39 Первое - возможность поместить в шрифтовой файл почти неограниченное количество знаков.
25:45 Программный код, который встраивается в шрифтовой файл?
25:48 Это значит, что шрифт автоматически подставляет нужные варианты знаков или сдвигает их в зависимости от контекста.
25:58 Что сделать, чтобы отличь шрифт механическим способом?
26:01 Что для этого нужно?
26:02 Нужна здоровенная промышленная буква отливная машина или строка отливная - это такая здоровая дура, которая весит под тонну.
26:14 И там оператор нажимает на кнопочки, а машина там внутри себя неким хитрым способом отливает сматриц буковки.
26:24 Чтобы машина эта делала, в нее надо заправить матрицы.
26:28 Это такие медные брусочки, на которых есть
26:33 условно вдавленное или вырезанное изображение буквы.
26:38 Чтобы буква оказалась на этой матрице, ее туда надо как-то перенести.
26:44 Как правило, тоже хитрым механическим способом, по принципу подобных фигур.
26:51 Переносить эскиз буквы, то есть нарисованную букву в каком-то размере.
26:56 В каком-то стандартном размере, чтобы она с помощью всех этих операций уменьшилась тоже до какого-то стандартного размера.
27:04 То есть, вы представляете себе, что от момента рисования вот этой буквы дизайнером
27:12 до того момента, когда дизайнер сможет увидеть тестовый отпечаток своей буквы
27:20 проходит, ну, в лучшем случае несколько месяцев.
27:25 То есть, дизайнер сделал эскизы, отнес их на производство, на производстве они проходят какие-то там этапы, через несколько месяцев, если повезет, ему приносят тестовую распечатку.
27:42 На архитектуру похоже, знаете.
27:45 Дом увидишь через несколько лет.
27:47 Ну, вот сейчас можно хотя бы 3д-модельку увидеть.
27:51 В-арочку посмотреть, да, да.
27:54 Когда-то можно было макетик склеить из бумажки, ну, хоть как-то.
28:00 Со шрифтом - вот такой тоже исторический анекдот: как посмотреть, ну как хотя бы приблизительно представить себе, как будет выглядеть шрифт в наборе, потому что это реально важно.
28:11 Если делать шрифт для текста, то тестировать его в наборе это чуть ли не важнее, чем сами буквы рисовать.
28:19 Потому что в тексте работают не столько буквы, сколько внутри буквенные белые, межбуквенные белые - текстурка -
28:32 лайфхак - надо залезть на стол и смотреть на свои эскизы в перевернутый бинокль.
28:40 Тогда ты увидишь, как будут буквы работать на уменьшения.
28:46 Да, чем мы только не пробовали,
28:50 Ну, и вот как бы к чему я это подвожу.
28:52 То есть, вот это реальное производство шрифтов.
28:56 В нем были задействованы условно, вот те же 10 или меньше человек на всю страну.
29:02 Потому что производство шрифтов было централизовано, позволить себе эту всю машинерию мог только
29:10 не полиграфического машиностроения.
29:13 Ну да, на Западе это могло быть частное производство.
29:15 На Западе это было частное производство, была конкуренция, но все равно тоже надо было ждать.
29:21 Но в нашем случае ждать надо было еще дольше, еще мучительнее.
29:26 А что делать людям, которым нравятся буквы, но которые не готовы идти на производство и там со с перевернутым биноклем сидеть.
29:40 появилось вообще понятие
29:43 шрифтовой композиции, вообще слово шрифтовик.
29:47 Да, вот если так разбирать его по косточкам, разбирать его на коннотации Кто такой шрифтовик?
29:55 Ну, вот там на доме культуры афишу нарисовать, плакат.
30:00 Слово шрифт обозначает и это тоже.
30:04 Еще такой момент из области трудностей перевода: что русское слово шрифт может, ну, оно, конечно, наполовину немецкое, но тем не менее, оно вот в реалиях русского языка обозначает все, что угодно от рисованных букв до наборных.
30:24 А если мы возьмем, допустим, английское тайп - то это строго наборный шрифт.
30:30 То есть, строго то, что напечатано.
30:33 Есть тайп, есть фонд.
30:38 еще более узкая штука.
30:40 То есть, вот, если мы вспоминали уже металлический набор, то фонд - это один металлический шрифт.
30:46 Или сейчас в нынешних реалиях это один шрифтовой файлик с одним начертанием.
30:50 Ну, в условиях вариативности уже не с одним.
30:54 Но вот это конкретно файлик, конкретно техническая штука.
30:58 Тайп это пошире, это может быть вообще весь наборный шрифт.
31:03 А шрифт - это еще шире.
31:05 Это и фонд, и тайп, и отчасти леттеринг, и если очень, очень грубо и не бояться поругаться с каллиграфами, то можно и каллиграфию даже туда запихать.
31:16 То есть вообще любой шрифт.
31:18 Не боится, чего они там.
31:20 Не, ну с каллиграфами лучше не ссориться, поэтому ладно, закачем мы запихивать в понятие шрифта не будем.
31:30 Вообще каллиграфы милые ребята, все хорошо.
31:35 Так вот, на выставках типа Союзов художников были такие штуки, которые назывались шрифтовые композиции.
31:44 А еще, если вы посмотрите более или менее красивые книги, советские, наверное, лучше до 70-х годов, от 50-х до 70-х, но может дальше, еще такая штука - как рисованный титульный лист.
31:59 Когда на обложке и на титульном листе какой-то красивый рисованный шрифт, который рисовал художник-шрифтовик ручками, и потом его как картинку воспроизвели на обложке или на титуле.
32:15 Так сказать, кастомный.
32:17 Даже не кастомный, это не шрифт, это именно летеринг, по сути.
32:24 Да, то, что было в советских фильмах, в титрах, рисуется некая композиция сразу.
32:29 И шрифтики были, по сути, такими дизайнерами, графическими дизайнерами, которые леттерингом занимались.
32:36 Будет они оформляли.
32:37 По сути, да, было очень небольшое количество тех, кто рисовал эскизы для реальных наборных шрифтов.
32:44 Их было мало, у них была очень специфическая работа, и их вообще редко называли художниками.
32:51 А были художники шрифта, которые рисовали надписи.
32:56 То, что по сути сейчас называется летерингом.
32:59 Поэтому вот это был шрифт без типографики.
33:03 Это была шрифтовая композиция, но типографикой она не являлась - потому что это не наборный шрифт.
33:10 Не брали шрифт и из него ничего не делали.
33:12 То есть она уникальная в своем роде один раз, и она не повторяется - нитература.
33:17 Только для того, чтобы стоять вот в этом конкретном месте.
33:29 от литер от железных, современную эпоху, как подобрать нужный шрифт?
33:35 Вот вопрос, который многих волнует.
33:37 Мы вот в чате задавали подкасты, и у многих такой вопрос - он в разных формулировках, но он примерно такой: Как подобрать нужный шрифт?
33:47 На что вы обращаете внимание при подборе шрифта, когда нужно для чего-то подобрать определенный набор?
33:55 На самом деле, главный вопрос
33:57 жизни Вселенной и всего остального.
34:01 И в принципе, можно на самом деле можно выделить некий алгоритм.
34:07 То есть, первое, что надо понять, это цель, для чего нужен шрифт.
34:13 Если мы себе представим вообще все шрифты, которые существуют в мире, мы их можем расположить на одной воображаемой оси.
34:24 На одном конце оси у нас будут шрифты самые практичные, функциональные, незаметные, которых никто не замечает.
34:31 То есть, просто что-то набрано, мы только читаем то, что набрано, мы вообще не замечаем, что там какой-то был шрифт.
34:38 Утилитарный максимально утилитарный.
34:44 А на другом конце у нас будет абсолютная дичь.
34:47 Когда ты не можешь прочитать текст или еле-еле можешь, но зато ты сразу понимаешь, что это шрифт!
35:01 и вот она эта ось она
35:05 не с какими-то четкими градациями а все так плавно-плавно плавно по ней распределяется.
35:12 Соответственно, первое, что надо сделать, когда выбираешь шрифт, - это понять
35:19 хотя бы умозрительно, где на этой оси он должен находиться.
35:23 То есть, чего мы вообще хотим.
35:25 Мы хотим информацию кому-то передать, чтобы человек точно стопроцентно с гарантией прочитал то, что мы
35:37 Или мы хотим произвести какое-то впечатление в первую очередь, а чтобы это читалось, это уже не столь важно.
35:44 Или мы хотим где-то посерединке, мы хотим, чтобы читалось, но при этом мы хотим, чтобы какая-то эмоциональная составляющая тоже была.
35:52 И вот после того, как мы определились, для разных концов оси, естественно, существуют разные методы дальнейшего действия.
36:01 То есть, если мы на информационном конце оси, если нам надо передать информацию, то следующий вопрос, который надо себе задать: а в каких условиях наш читатель будет эту информацию воспринимать?
36:16 То есть, там, не знаю, если человек едет на скорости 110 километров в час по трассе да то надо чтобы он
36:27 за ту долю секунды что он видел какую-нибудь дорожный указатель, чтобы он успел считать, что там было вообще написано: надо ему туда сворачивать или не надо.
36:40 Да, если человек бежит по аэропорту, то надо, чтобы он видел под потолком где-нибудь, тоже там какие-то навигационные штуки.
36:50 Надо, чтобы он с этого большого расстояния под потолком смог увидеть и понять тоже, куда ему, что ему делать дальше.
36:59 Если человек устроился с пледом в кресле у камина, то надо, чтобы он мог спокойно читать свою книжку, чтобы его ничего при этом не
37:10 дергало, не задевало, не отвлекало.
37:15 То есть, вот тут важно представить себе, в каких обстоятельствах то, что мы делаем, будет восприниматься.
37:24 У вас, кстати, в одном из видео
37:27 была фраза про то, что некоторые книги тяжело читать из-за шрифта.
37:31 Я посмотрел на полку и подумал: может быть, это была не лень, может быть, был плохой шрифт, и поэтому я бросил ее читать.
37:40 согласен с тобой, потому что я недавно я просто заказывал тут
37:46 жене книгу, очень долго она пошла из Америки, в итоге она появилась в России быстрее, чем она дошла.
37:54 И мне очень нравятся иногда вот эти издания зарубежные, потому что в них гораздо приятнее напечатан, просто напечатан текст, его приятно читать.
38:05 Там приятный шрифт, межсрочное расстояние, и все это настолько удобно.
38:10 А когда по кидабу покупаешь, там вот эти вот простые.
38:13 Ну, вот экономит на всем, все зажимают, как газету.
38:17 Только газету мы вот так и выбросили, а книга, она лежит, и вот с ней да.
38:23 Если читать параллельно что-то и разных изданий, то это просто ощущается в тот же самый миг, когда открываешь русский.
38:31 Легче, где тяжелее, да.
38:39 Вот у нас была шкала, мы на ней выбрали, что нам нужен шрифт для читаемости.
38:45 Дальше мы определились с условиями этой читаемости.
38:54 это, ну, как бы это отчасти моя от себя, то есть я нигде этого расписанным по пунктам не встречала, но мне кажется, что это похоже на правду.
39:05 Я смогла выделить 6 типов ограничений, с которыми мы можем сталкиваться.
39:14 Первое ограничения по площади, по емкости.
39:19 То есть, когда нам надо упихать, вот тот самый покетбук, или еще хуже, если вы перевернете упаковку жвачки, да, да, да, то там надо как-то очень много всего упихать, но чтоб при этом, ну при каком-то желании, да, это можно было прочитать.
39:37 Ну это такой конденс.
39:39 Да, это лютый конденс, но.
39:43 Вот в таком случае, да, если это главное ограничение, упаковка жвачки, то что логично сделать?
39:50 Взять шрифт узкий, и если набор идет строчными, то с короткими выносными элементами.
39:57 Чтобы между строчками тоже было поменьше, чтобы сами буквы были покрупнее.
40:07 инструкция к лекарству, которую тоже надо упихать на маленькую бумажку.
40:11 Это может быть, имеются противопоказания.
40:15 В этом случае, если человеку нужно, он сделает усилия и прочитает.
40:21 Да, но в этом случае от шрифта требуется емкость, впихиваемость.
40:27 То есть на самом деле элементы интерфейса тоже местами попадают под эту штуку, потому что вот есть у вас кнопка,
40:37 и на нее надо впихнуть какое-то слово или несколько слов.
40:42 Я буквально вчера дрался со всей команды и объяснял, что пуш-уведомление - это не имейл, и не надо в нем писать Добрый день!
40:49 Вы получили новый план.
40:52 Зайдите, вам всего хорошего.
40:55 Я им считаю знаки, показываю экран, говорю, ребят, вот это имейл-компания, это рассылка, а это пуш.
41:03 Слушай, мне кажется, должен быть как выстрел.
41:07 Мне кажется, по той же причине должна быть кириллица на иос, она должна быть более узкая, потому что.
41:14 Слова длиннее на русском языке и часто не влезает просто ни в кнопку, ни куда-то.
41:20 Вот поэтому у интерфейщиков узкие шрифты, насколько я могу понять, в цене.
41:25 Но опять же, тут вот важно не переборщить, чтобы это не превратилось в упаковку жвачки.
41:31 Да, иногда оно превращается.
41:33 Да, очень много таких примеров.
41:35 Ну, не очень много, но знаю, точно такие примеры.
41:37 Так, это первые из шести.
41:40 Второе и третий из шести - они, в общем-то, похожи - это время и расстояние.
41:45 То есть, когда у нас мало времени
41:48 на просмотр, или когда мы с большого расстояния смотрим.
41:53 То есть на самом деле есть минимальные различия.
41:56 Но, по сути, можно это 2 и 3 запихать чуть ли не в один пункт.
42:00 Тогда мы с 6 перейдем к 5, отлично.
42:04 Вот в этом случае тоже очень простое правило: чем крупнее буква выглядит, тем лучше.
42:10 И если мы ограничены по высоте, то есть резон сделать букву шире.
42:17 То есть широкая буква занимает больше площади, чем узкая, поэтому она выглядит крупнее.
42:24 И при этом буква остается буквой.
42:26 Если нет возможности увеличить кегль, но надо, чтобы выглядело крупно, надо увеличивать ширину.
42:34 В какой-то момент мы, конечно, столкнемся - тоже с физическими ограничениями - типа табличку нельзя сделать длиннее.
42:40 Но вот в случае, когда надо прочитать или очень быстро, или с очень большого расстояния.
42:46 Во-первых, буквы широкие, во-вторых, буквы по возможности крупные, в-третьих, чтобы они не слепались друг с другом, то есть между ними расстояния тоже такие нормальные.
43:04 мы имеем дело с неким шрифтом, условно-универсальным, давайте возьмем - робота для примера, потому что его все знают.
43:13 Если надо, чтобы его прочитали.
43:16 Ну, вот, вот у нас ограничения, у нас только один шрифт.
43:21 А надо немножечко дать ему разрядочку - трекинг положительный.
43:27 Если нам надо набрать что-то, чтобы прочиталось с большого расстояния или на большой скорости, чуточку разгоняем буквы.
43:35 И еще, кстати, вот для таких случаев, когда вот прям вжух, или когда очень издали, еще лучше, когда шрифт чуть жирнее, чем регулярный.
43:47 Вот где-нибудь на уровне Деми Болд или Медиум.
43:50 Я сейчас вас слушаю, вспоминаю все вывески в Икеи набранные Верданой.
43:58 Это вот у меня перед глазами - вот это.
44:01 А шире,, да потому что Вердана - это вообще отдельная песня.
44:05 Но вот для навигации, кстати, неожиданно, да, но для навигации она очень хорошо подходит.
44:14 Ну, я сейчас не по номерам, да, я буду в кучу все в условном порядке.
44:19 Следующая штука - это когда что-то набрано
44:24 или очень мелко, или на очень какой-то странной поверхности.
44:29 То есть то, что можно назвать низким разрешением.
44:32 Либо когда у нас какая-нибудь шершавая бумага, мелкие-мелкие буковки, телефонный справочник, либо когда у нас, допустим, экран с такими пикселями старый такой.
44:46 Ограничение носителя.
44:47 Ограничение носителя, да, и при этом текст должен быть мелким.
44:51 Вот Вердана - это как раз очень яркий пример шрифта для таких ограничений.
44:58 Потому что ее делал картер для Видос 95.
45:04 Если вы в школе застали вот эти вот компьютеры с вот этими вот экранами, да было, было.
45:13 С такими вот пикселями.
45:16 Вот, то, понимаете, о чем я.
45:19 То есть, шрифт, который в любых жутких условиях должен продолжать читаться.
45:26 Александр, а у меня вот вопрос тогда, который следует из носителей.
45:30 Раз уж мы в основном говорим про интерфейсы, в основном говорим про приложения, в основном говорим про веб.
45:36 А шрифтовые дизайнеры они сидят и, как тестировщики, смотрят на маленьких телефонах, как там шрифт развалился, читается или нет, или у вас есть 15-дюймовые мониторы в офисе, и вы там какой-нибудь вьюсоник, и вы смотрите на нем вообще, как там рыхло или нет.
45:56 А это не мы, это технологи смотрят.
45:58 А это технологи смотрят.
46:00 То есть, на самом деле, что делают шрифтовые дизайнеры?
46:02 Шрифтовые дизайнеры, чтобы тестировать, печатают.
46:06 То есть, если на печати в мелком размере нормально, то скорее всего нормально.
46:11 Но ты еще, когда знаешь, что вот под монитор, под совсем паршивый, тогда можно и еще буквы растащить.
46:18 А вот как конкретно на экране это смотрит технолог, то есть, вот у нас, по крайней мере, в паротайпе это совершенно отдельная работа.
46:29 Мы, дизайнеры, сдаем шрифт в векторе, ну, вот в формате шрифтового редактора, а дальше обработку под экран, чтобы на условном вьюсонике это выглядело нормально, это делает технолог, это называется словом, хинтинг.
46:47 То есть, вот тут конкретно зависит от операционной системы, зависит от того, нужен ли режим под совсем старые компьютеры или не нужен, технолог смотрит во всех размерах буквы на экране, и при необходимости что-то там в отображении их слегка меняет, чтобы было нормально.
47:09 На календаре просто 2022 год, но это вообще не значит, что везде уже 4К-панели стоят.
47:15 Мы не скоро туда придем, и не придем.
47:17 Пока все не перейдут на ретину, это еще будет нужно.
47:27 Статкаунтер, по-моему, сайт называется.
47:29 Если на нем смотреть
47:34 деление рынка по операционным системам или что-то в этом роде, то по миру
47:40 Вендоус на компьютерах это порядка 30%, а в России больше 60%.
47:47 То есть, вот этим 60% людей все еще нужно.
47:55 Когда они смотрят на шрифт на экране, им все еще важно, адаптирован шрифт под экран или нет.
48:03 отдел дизайна сидит на маках, но люди для которых они дизайнят, сидят на винне и не понимают.
48:08 Поэтому вот для дизайнера очень важно, потому что, ну, вот как бы вот сидишь на маке, у тебя все одинаково хорошо, потому что маг сам все растрирует, у него какая-то очень.
48:20 То есть раньше у него был очень своеобразный алгоритм, который вообще игнорировал любую работу технолога, делал все сам, делал хорошо, но немножко жирнее, чем В Видоус.
48:33 То есть шрифты на Маки, по-моему, до сих пор выглядят жирнее, чем на ПС.
48:37 Мне кажется, что они и тебя, да.
48:40 Даже когда ставишь Виндос на Мак, на компьютер, ты сразу видишь, что шрифты они все по-другому открываются, и оно все как-то странно.
48:50 Так там еще была галочка - вот это сглаживание - прям в самой главное на первой странице настроек.
48:55 Хоть сглаживание, хоть не сглаживание, все равно другой алгоритм встроен в операционную систему.
49:02 Вот на маки и на писи шрифты всегда будут отображаться по-разному.
49:06 Сейчас маг делает упор на ретину, то есть
49:10 как раз сглаживание сейчас меньше, оно есть, но оно менее продвинутое, как бы.
49:16 Вот, но из-за большого разрешения там все хорошо получается.
49:21 А вот для Венуса это прям критично, обрабатывался шрифт под экран или нет.
49:26 Поэтому, когда ты дизайнер и работаешь на Майке и делаешь что-то для веба, то первое, что надо сделать - вот на этапе выбора шрифта, это посмотреть, как оно будет работать на писи.
49:46 это вот тоже такая очередная головная боль
49:50 практического свойства: к нам, когда приходят
49:56 люди за веб-шрифтами кастомными, допустим, то в больше, чем в половине случаев звучит такое требование, пожелание, в общем, такой момент: что: вот знаете, вот сейчас мы пользуемся вот таким шрифтом.
50:14 Сделайте, пожалуйста, чтобы у нас как можно меньше всего поехало.
50:20 То есть, чтобы по высоте, по вертикальным метрикам, шрифт соответствовал тому, что.
50:27 То есть впишитесь туда.
50:29 Ну, хотя бы не по ширине, а по высоте, но впишитесь, чтобы ничего не подскочило.
50:36 на стадии, когда уже много чего сделано, менять шрифт - да, если оно все съезжает,
50:44 то придется переделывать весь сайт.
50:47 Фактически, да, придется переделывать весь сайт чуть ли не с нуля.
50:53 Поэтому, чтобы не пришлось менять шрифт на этапе, когда уже все поздно и печально, надо в самом начале смотреть, как он смотрится на писи.
51:03 Если речь идет о сайте, если этот сайт будут смотреть с Видоуста, потому что иначе может оказаться плохо.
51:12 Вы сказали, еще 2 осталось.
51:14 То есть, мы сейчас перешли на носитель, окей, носитель учитывая.
51:18 Мы еще эти носители с грубой поверхностью
51:25 То есть там, во-первых, буква должна быть по возможности крупнее.
51:30 То есть, допустим, да, если мы поставим рядом вердану и любой обычный в кавычках шрифт, то можно просто поставить рядом два слова, увидеть насколько Вердана крупнее выглядит.
51:43 То есть крупные буквы, тоже большие расстояния между буквами.
51:52 желательно, чтобы формы букв были открытыми.
51:56 Но как это объяснить?
51:58 Как это объяснить на пальцах без картинки?
52:01 Представьте себе букву С русскую, бывает буква С как бы с закрытым ртом, когда это буква О, из которой вырезан маленький кусочек.
52:13 А бывает С, которая больше похожа на полукруг.
52:16 Это вот открытые формы.
52:18 То есть, вот такую С открытую, с буквой О не спутаешь при всем желании.
52:23 Есть куча промежуточных вариантов.
52:26 То есть, опять же, если посмотреть на ту же Вердану, то она очень открытая, поэтому там вот одни буквы не путаются с другими - это реально важно в таких жестких условиях.
52:37 Еще бывают утолщения иногда на концах штрихов, но это прям совсем уже такое специфическое.
52:44 Вот, это значит для суровых условий.
52:47 Что у нас еще осталось?
52:49 У нас еще остались, во-первых, непонятные слова.
52:57 Ну, то есть, когда у нас текст не просто текст для чтения.
53:02 Когда текст какой-то или справочный, там куча каких-нибудь непонятных терминов, технических, или когда там куча каких-нибудь географических названий, которые ты сходу вообще не понимаешь, как прочитать.
53:16 Или когда в коде что-нибудь, но ли букву не путать, или, не знаю, там какой-нибудь промокод кому-нибудь пришел.
53:26 И тоже - вот это З или тройка.
53:28 Это О или 0, вот такие случаи, когда очень важно не путать одну букву с другой.
53:35 Вот для этого как раз
53:38 шрифты у которых единица с нижним подчеркиванием, Л латинская с хвостом.
53:47 Там ноль перечеркнутые или ноль с точечкой.
53:51 То есть, вот бывают специфические шрифты, у которых вот такие штуки сделаны.
53:58 Потому что каждый, кто набирал ареалом слово иллюстратор латиницей, видел три, палочки подряд: а, да, да, точно.
54:13 То есть, это такая классика жанра.
54:15 В русском языке за и тройку, например, можно спутать.
54:19 Потому что в Патасансе тройка с плоским верхом, чтобы точно гарантированно ее отличить от буквы З.
54:27 Шрифтовики, кстати, очень
54:30 разработчики очень часто обсуждают, какой у кого шрифт в редакторе стоит, голосуют, друг другу рекомендуют, сф-моно поставь, а вот тут вот этот моно есть.
54:42 Смотрите: ничего себе интересно, интересно, там что-нибудь айбин.
54:46 Да, они любят разбираться, какой шрифт поставить, да, потому что, ну, они много читают кода постоянно везде.
54:52 Для них это критически важно.
54:55 Ты же себе его настраиваешь,
54:57 тебе же весь день его читать.
55:01 Еще более интимная вещь: один из моих коллег, Саша Любовенко - он как бы шрифтовой дизайнер - с одной стороны, а с другой стороны, он программирует очень много для себя - каких-то шрифтовых штук.
55:12 Он не как бы шрифтовой дизайнер, он настоящий самый шрифтовой дизайнер, но очень активно программирующий.
55:21 себе сделал шрифт для кода.
55:26 Это уже следующий уровень.
55:28 Это как сделать себе стул самому.
55:31 И действительно говорят, хорошие, ну, те, кто кодил, говорят хороший удобный шрифт.
55:35 Я-то буду исключительно с точки зрения дизайна воспринимания.
55:41 А есть, например, такой
55:45 человек японского происхождения - но где же он сейчас живет?
55:50 Живет где-то в Европе, по-моему.
55:53 Он вообще в принципе, принципиально делает только моноширинные шрифты.
55:57 Потому что он тоже шрифтовой дизайнер, который активно программирует.
56:03 А вот что еще можно запихать в маношеринный шрифт, чтобы это было еще лучше и удобнее.
56:09 Еще лучше или еще интереснее.
56:11 В общем, он поставил себе такую творческую задачу.
56:14 Вот, да, то есть такие задачи тоже бывают специфические.
56:18 И последнее, что нам осталось, это вот когда мы сидим с книжкой, когда у нас очень длинный текст, который нам как-то надо осилить.
56:28 И вот тут, как раз Антиква выигрывает у Гротеска.
56:33 Шрифт с засечками, у шрифта без засечек.
56:35 Я тебе говорю, а я тебе, Рома, говорил.
56:41 Я тебе продолжаю не верить.
56:43 Там я тоже видео смотрел.
56:46 Мы ссылаемся на вас, Александр.
56:49 Там есть важный пункт, привычный шрифт.
56:52 Вот мне нормально читать, санс вообще.
56:55 без проблем Могу читать.
56:56 Где нормально привычно читать санся.
57:00 Я читаю на телефоне сан.
57:02 То есть, у меня вот единственная закладка на сафари: это вот тут сверху у меня Чехов рассказы.
57:07 Я его открываю, включаю читалку и читаю спокойно на Сан-Франциско.
57:12 Читалки на экране - это разумный, естественный выбор, шрифт без засечек.
57:18 Отлично, рассудили нас.
57:21 Ну, просто тут действительно вопрос: вот, вот именно вопрос контекста.
57:25 Потому что шрифт по умолчанию на бумаге в книге.
57:33 Ну, просто открываете любую книгу, если она набрана шрифтом без засечек, это сразу такое о, дизайн какой-то.
57:40 Что-то дизайнер сказать хотел.
57:42 То есть, когда мы отходим от привычного, значит дизайнер что-то сказать.
57:47 Поэтому на экране, если мы видим антикву, о, дизайнер что-то сказать хотел.
57:51 То есть, когда у нас на экране в медиуме, на сайте медиус приложении, во всем приложении у нас шрифт без засечек, а в статьях там у нас я уж не помню, какой
58:06 горомон или что-то такое стоит.
58:08 То это значит, дизайнер хотел сказать, что вот мы здесь вообще-то пишем статьи, и вот оно должно быть удобно, как книжка.
58:15 Да, мы здесь пишем серьезно, мы пишем, как в книгах, вот да, что-то такое традиционное.
58:20 То есть, когда в веб-е мы встречаем антикву, это мы хотели сослаться на
58:26 традиционную бумажную книгу.
58:28 То есть, вот последний пункт: у вас надо понимать, какой объем текста будет?
58:34 В общем, да, чем больше текст, тем, во-первых, привычнее шрифт, и во-вторых, тем шрифт должен быть более равномерным.
58:44 То есть, вот, как раз вопрос к книгам и к покетбукам, которые мы упоминали уже: когда там буковки все тесно, тесно, тесно прижаты друг к другу, читать невозможно, потому что равномерность, ритм строки ломается.
59:00 Получается, что в букве больше белого, чем между буквами а для идеального чтения длинного текста должно быть примерно поровну то есть не по линейке да вот визуально чтобы белое внутри буквы было примерно равно белому между буквами.
59:21 Вот у Ром был вопрос, он его буквально перед выпуском записал.
59:26 Мы говорим про технические вещи, про математику.
59:29 То есть, рассчитали, тут расстояние должно быть равное расстояние до чтения и так далее.
59:38 работа со шрифтом, подбор шрифта.
59:40 Это все-таки больше математики, или тут есть еще какая-то
59:49 Подбор или рисование?
59:54 Да, с дизайна шрифта, это математика или на глаз?
1:00:00 Ну, наверное, процентов 30 математики, процентов 70 на глаз.
1:00:05 То есть, математика в смысле того, что если у нас есть условно вертикальные штрихи, то большинство из них должно быть одинаковыми, если шрифт регулярного рисунка.
1:00:17 То есть, вот тут опять же вспоминаем эту воображаемую ось, там, где дичь, там может быть что угодно.
1:00:23 Там, где шрифты для передачи информации, там все вертикальные штрихи одной толщины.
1:00:33 чуть-чуть другой толщины, но тоже все одинаковые.
1:00:37 Там все горизонтали третьей толщины, но тоже все одинаковые, и так далее,
1:00:45 есть масса мест, которые должны быть одинаковыми.
1:00:48 Ну, вот если шрифт хорошо профессионально нарисован.
1:00:52 При этом есть опять же масса мест, которые должны быть чуть-чуть разными.
1:00:58 И вот насколько это чуть-чуть ты определяешь на глаз и по опыту.
1:01:02 Если есть у нас буква Н русская, есть у нас буква О, тоже русская, для того, чтобы они выглядели одинаковой жирности, у нас бока буквы О должны быть чуточку толще, чем вертикали в букве Н.
1:01:20 Потому что они не прямые.
1:01:21 Потому что они не прямые, да.
1:01:23 Потому что это двух момент?
1:01:24 Вот Насколько это чуточку!
1:01:26 Это должен уже дизайнер понимать.
1:01:29 Смотреть на глаз, да.
1:01:31 Потому что в одном шрифте может быть побольше, в другом может быть поменьше.
1:01:35 Опять же, чтобы буква Н и буква О выглядели одной высоты, буква О должна чуточку свисать под строку и надстроку.
1:01:45 Да, это когда на весь экран открываешь букву, смотришь, а.
1:01:50 Насколько это чуточка, это тоже зависит
1:01:54 от жирности шрифта, от ширины шрифта, от типа шрифта и от воли дизайнера.
1:02:02 Просто все гайдлайны в ну, то есть - там айос, Андроид.
1:02:07 Они же всячески тебя подталкивают к тому, что ты использовал сетку.
1:02:11 А сетка должна быть кратная, а вот это должно быть кратная - а вот это 8- это 4-м, а это 16, то же самое происходит со шрифтом.
1:02:19 И тут буковка свисает.
1:02:22 Да, и казалось бы,
1:02:25 все кратно, разработчик довольный, но смотришь: оно какое-то пластиковое немножечко.
1:02:32 И вот, и чем больше у тебя опыта, тем больше, что ты такой: Да идите вы со своими гайдами слушайте.
1:02:37 Кажется, мне нужно самому попробовать и подобрать так, чтобы было вот удоб читаемо именно в моем случае, а не как вы там пишете у себя.
1:02:47 То есть, сетка не должна вредить, сетка не должна мешать.
1:02:52 Сетка - это защита от дурака.
1:02:55 Если не знаешь, как делать, сделай себе сетку, делай по сетке.
1:03:01 И гайды это защита от дурака.
1:03:02 Да, будет какой-то гарантированный результат.
1:03:05 Если ты знаешь, как сделать лучше, чем по сетке, вот если реально знаешь, да, если это не эффект Даннинга Крюгера, когда ты только-только начала, уверен, что знаешь все на свете.
1:03:17 А когда ты реально знаешь, ну, господи, да можно и не по сетке, можно все на глаз вообще сделать, и будет хорошо.
1:03:23 Другое дело, что программист потом.
1:03:26 Не скажет спасибо.
1:03:28 Слушайте, но как бы там ни было ни дизайнер, ни программист.
1:03:31 Ценность для читателя.
1:03:32 Вот не думаю я, что человек, который приложение мое открывает, такой кайф 16-м набрал 16-м, 20-м, 28-м и 48.
1:03:44 Все, что человек думает, мне кажется, приятно и неприятно читать, читаются, не читаются.
1:03:48 Ну да, но человеку все-таки
1:03:51 человеку нравится пропорциональность, и все-таки человеку нравится симметричность, даже часто.
1:03:58 Ну, когда есть какая-то система, потому что, когда системы явно откровенно нет, то это дискомфорт.
1:04:06 Человек должен не зацикливаться на твоем дизайне, а больше употреблять контент.
1:04:11 Ну вот, если мы не про дизайн шрифта говорим, а про подбор шрифта, тут вот мы с вами обсудили все такие технические вещи.
1:04:21 Но есть же такая вещь, когда у меня спортивное приложение, и мне нужен шрифт, который подходит к спортивному приложению.
1:04:28 Ну, не буду же я футуру блин использовать.
1:04:30 Возьми футуру, вот эту, которая у Найки, и все.
1:04:36 приложение для чтения книг, и мне нужно как-то или какое-нибудь приложение, в котором делаем семейный древо, и там нужен какой-то засечками красивый швидкий.
1:04:46 В этом случае, как вот как мы должны выписать четко на бумажку, а как что мы хотим передать шрифтом, или что мы из себя как бренд представляем, и потом подбирать, как это происходит?
1:04:57 Ну, во-первых, надо все-таки функциональные ограничения тоже учитывать, это понятно.
1:05:03 То есть, если мы приложение, то наш шрифт должен хорошо работать на экране.
1:05:08 Это первостепенно.
1:05:10 Мы ограничиваем себе полем.
1:05:12 Мы себя, конечно, ограничиваем, да, потому что
1:05:15 если мы подобрали супер характерный шрифт, и он вот-вот-вот-супер-супер-супер подходит, но мы приложение, а на экране он ломает глаза читателю, то грош ему цена.
1:05:27 То есть, в первую очередь, все технические, вот все это делают.
1:05:29 В первую очередь, конечно, все технические моменты, потому что все-таки мы же работаем для читателя, и он должен иметь возможность воспользоваться тем, что мы делаем.
1:05:42 А дальше уже надо смотреть,
1:05:46 насколько выражать нужный характер.
1:05:49 Потому что опять же представили себе гипотетическую ось, представили себе ту степень характерности, которая нам нужна.
1:05:57 Потому что если чуть-чуть характера, то мы уже выбираем среди условно-текстовых шрифтов тот, который больше отражает то, что мы хотим сказать.
1:06:09 То есть, да, вот медиум использует антикву, чтобы сказать, что это такая традиционная журналистика.
1:06:17 А да, там спортивное приложение используют какую-то геометрический гротеск, чтобы сказать: А мы как Адидас, или А мы как что-нибудь еще, или что-нибудь условно-похоеже на цифры у футболистов на спине.
1:06:37 Но опять же, вопрос: для чего?
1:06:39 Тут как раз может возникнуть необходимость в двух шрифтах: то есть, один для мелкого текста, чтобы просто передавать информацию, и он не обязан вообще характер никак выражать.
1:06:50 А второй для, допустим, заголовков, каких-то более крупных текстов, и он будет передавать характер.
1:06:57 Вот да, я только к тому же решению пришел.
1:07:01 Гелрой, и робота поставил.
1:07:03 Мне кажется, что в этой похожести ничего плохого нет.
1:07:06 Потому что идешь по улице, видишь магазин Магнит и видишь магазин Пятерочка, и ты примерно понимаешь, какие там будут товары и сколько они будут стоить.
1:07:15 И глядя там на 2 приложения и потом видя третье, уже формируется ожидание: а.
1:07:21 Ну, это вот что-то из оттуда - из этой сферы.
1:07:24 Ожидания - стереотипы - это на самом деле полезная вещь.
1:07:27 То есть иногда их можно нарушать, но надо понимать для чего.
1:07:32 А если нет такой явной причины, почему мы должны быть никак другие, то ну проще вписываться в общий ряд, и читателю тоже будет проще.
1:07:44 Окей, сначала технически все вещи посмотрели, ограничили, осталось условно 4 шрифта, и там уже смотрим на глаз.
1:07:52 И там уже смотрим, да.
1:07:53 Ну, плюс еще к техническим вещам можно приписать, если мы делаем сайт или приложение, или еще что-то на русском, можно приписать к качеству кириллицы.
1:08:03 Вот, следующий вопрос
1:08:05 у нас про кириллиц.
1:08:08 В чем отличие в работе с кириллицей и в работе с латиницей?
1:08:13 Есть ли какие-то принципиальные отличия в работе у шрифтового дизайнера с одним и с другим.
1:08:21 Слова длиннее, и в шрифте интер отвратительные буквы Ща и С.
1:08:26 Вот этот хвостик че-то прям болеет
1:08:31 вот, но слова длиннее, да, это с точки зрения пользователя.
1:08:34 С точки зрения шрифтового дизайнера на самом деле есть тоже одно очень важное отличие, про которые
1:08:43 многие западные дизайнеры не знают.
1:08:46 Но те, которые знают, вот они прям сразу становятся на голову выше своих коллег, в смысле рисования кириллицы.
1:08:54 В кириллице гораздо более важно, чем в латинице,
1:09:00 выставить межбуквенное расстояние так, чтобы получалось равномерно.
1:09:06 Влатинницы формы более разнообразные в целом, да, и если ты там чуть-чуть накосячил
1:09:16 в шрине площадки буквы Н, латинской я имею в виду такой вот такой вот
1:09:23 То это в общем контексте будет не так критично: если ты в кириллице накосячил в том, что у тебя сбоку у прямоугольной буквы, в том, что у тебя сбоку у круглой буквы, то это все.
1:09:37 Вот буквы, будь они хоть 10 раз самые красивые и распрекрасные, строка будет вести себя совершенно Непредсказуема.
1:09:47 То есть можно сказать, что латиница более такая рыхлая, и в ней можно не заметить этого.
1:09:52 Она не то чтобы рыхлая, она более разнообразна по формам.
1:09:56 То есть, там встречаются более разные формы в строке.
1:10:00 Поэтому там это не так критично.
1:10:03 Там они все чуть-чуть разные, все расстояния чуть-чуть разные, и как бы это легче сбалансировать - ну так, на глазок в кириллице важно, вот на самом начальном этапе
1:10:16 смотреть, чтобы все стояло ровно, и потом уже, то есть, как я делаю шрифты, я вначале рисую буквы Н и О.
1:10:25 Балансирую из них строку
1:10:31 и стараюсь расставить их так, чтобы было ровно, чтобы ничего не отваливалось друг от друга.
1:10:38 Потом, когда я рисую следующие буквы, я их запихиваю между двумя Н, между двумя О, и сразу подгоняю и ширину, и вот что у них сбоку, называется полуопроши.
1:10:52 Чтобы она стояла в строчке ровно.
1:10:54 То есть, вот для кириллицы это прям больное место, прям принципиальное.
1:10:59 То есть нельзя просто нарисовать 33 красивых буковки, а потом еще 33 красивых буковки: нажать на кнопочку экспортировать и получить красивый шрифт.
1:11:10 Его нужно балансировать.
1:11:12 Его нужно балансировать, его нужно утрясать, его нужно тестировать, если мы хотим, чтобы он работал в тексте.
1:11:19 А даже если он не для текста, там, для двух-трех слов, все равно, ну, понятно, что если дизайнеру очень надо, то он ручками подкернит, подгонит.
1:11:31 Но в целом, вот по межбуквенным расстояниям, сразу очень видно квалификацию дизайнера.
1:11:37 Если что-то разваливается, оно разваливается.
1:11:41 Слушайте, а вот такой проброс вопрос: а вот украинский - точно так же та же самая история, что и с русским, да?
1:11:50 Ну, любой язык использующий кириллицу, да.
1:11:53 Украинского немножко своей специфики, там же есть буква АЙ, которая с точкой.
1:12:00 И есть еще буква И с двумя точками.
1:12:02 И самое главное, такая проверка, когда ты делаешь.
1:12:07 Потому что на самом деле, по умолчанию во всех шрифтах, которые поддерживают кириллицу, поддерживаются русский, украинский, белорусский, сербский, македонский языки.
1:12:19 И ты все равно рисуешь буквы и украинские, белорусские, сербские.
1:12:24 В украинском важно поставить рядом две эти е-иницы и посмотреть, что там будет с точками.
1:12:31 Да, то есть либо их надо заранее раздвинуть.
1:12:34 Лбои еще бывает такая штука, когда ставят их две рядом.
1:12:38 То есть рисуют из них легатуру.
1:12:40 Когда стоят рядом две палочки и над ними три точки.
1:12:44 Ну, типа две точки слились.
1:12:48 Вот еще какие-то такие вещи: то есть, у каждого языка своя специфика.
1:12:53 Там в сербском есть вот эти д и джи, которые тоже своеобразно рисуются, и это просто надо запомнить.
1:13:02 А вот эти редактировать межбуквенные расстояния - еще что-то надо.
1:13:06 Не-не-не, редактировать межбуквенное расстояние только в крайних случаях, когда, не знаю, надо сверхмелко набрать, допустим, вот тогда да, тогда мы
1:13:17 чуточку разгоняем.
1:13:18 А так лучше не лезть, да.
1:13:20 Если шрифт сделано нормально, то все и будет нормально.
1:13:24 То вот эти все на 0,5 я сейчас увеличиваю буквенный расстояние, это все как бы просто.
1:13:31 Это в том случае, если либо мы сильно уменьшаем кебель шрифта, либо в том случае, если мы прям видим, что он плотный, ну типа тоже робота.
1:13:41 Вот оно, на мой взгляд, оно слишком плотное для экрана.
1:13:48 Хороший шрифт в 2002 году.
1:13:55 был хороший шрифт в 2002 году.
1:14:04 Это же было хорошим шрифтом в 2002 году.
1:14:14 Шрифтовые намедни с Александрой Корольковой
1:14:18 шрифты без которых нас невозможно понять.
1:14:23 Ссылочки потом придется давать.
1:14:25 Хороший шрифт в 2022 году.
1:14:30 Тут Тут, опять же, куча
1:14:34 всяких аспектов, всяких вариантов.
1:14:36 Вот, как я сразу спрашивала, шрифт, в каком смысле, что такое шрифт?
1:14:40 Потому что, не знаю, для юриста шрифт - это объект интеллектуальной собственности, который одновременно является рисунком и базой данных.
1:14:49 Окей, давайте конкретизируем.
1:14:51 Давайте вместо названия и примеры можем потом, а сперва просто обрисуем характеристики: хороший шрифт в 2022 году.
1:15:00 А хороший шрифт для чего?
1:15:01 Вариативный он, огнеупорный он, с поддержкой татарского он, вот-вот-вот-вот-то.
1:15:06 Что в нем хорошего такого?
1:15:08 Я уточню, для именно диджита, для веб-а для приложений.
1:15:14 Мы не говорим про акцидентные шрифты, которые там для.
1:15:17 То есть, текстовый шрифт для экрана.
1:15:20 Я могу начать эту игру, я люблю шрифт-интер, потому что в нем, например, всякие символы есть.
1:15:26 Я из него могу там всякие стрелочки дернуть, еще что-нибудь дернуть, а потом я напишу время, и у меня двоеточие вверх подплывает.
1:15:34 Подпрыгнет, это очень хорошо.
1:15:36 Я такой хороший шрифт.
1:15:39 Я его в целом люблю, а потом пишу кириллицы, и там, вот это ща, я думаю, может быть, зайти и на гитхабе пол реквест сделать.
1:15:46 Давайте ща поправим.
1:15:48 Ну, вот но в целом, интер я сейчас люблю.
1:15:52 У меня, например, вот такие вот симпатии.
1:15:55 Ну, так, в общем-то, очень разумно.
1:15:58 То есть, ну, наверное, шрифт для текста на экране, это действительно в первую очередь шрифт без сосечек.
1:16:11 тому, вот что сейчас условно очень в моде?
1:16:16 То это пока еще закрытый шрифт без засечек.
1:16:20 Ну, вот как Сан-Франциско, как интер, у которого горизонтальные срезы в С или в А строчной.
1:16:29 А вот, скорее всего, это шрифт с достаточно большим диапазоном жирностей от светлого до условного блэка.
1:16:42 Возможно, он вариативный.
1:16:44 Ну, в общем-то, наверное, сейчас это
1:16:49 не то чтобы обязательное пожелание, да, но это сильно приветствуется, чтобы у шрифта помимо
1:16:57 статических этих состояний, была еще вариативная версия, чтобы можно было что-то себе подогнать.
1:17:03 Возможно, в идеале у него есть еще вариативность по ширине, чтобы можно было подгонять вот что-то куда-то.
1:17:11 У него есть как минимум стрелочки в составе, у него нормально реализовано, понтайп.
1:17:19 То есть, собственно, почему ваше двоеточие подпрыгивает?
1:17:24 Потому что это запрограммировано в шрифте.
1:17:27 Ну, двоеточие понимает, что оно находится в Вы о икторужечинии по.нимаете, что находится между цифрами и подпрыгивает.
1:17:34 Да, это спасибо опентайпу за это.
1:17:36 Да, это спасибо за это опентайпу.
1:17:38 Вот, то есть, наверное, в хорошем шрифте есть несколько комплектов цифр разных, как минимум, табличные, то есть моношеринные и пропорциональные для того, чтобы их ставить внутрь текста.
1:17:53 В смысле, кириллицы.
1:17:54 Ну, в нем хорошо нарисована кириллица.
1:17:57 Возможно, она там расширенная.
1:18:03 не во всех шрифтах есть.
1:18:04 Да, но когда есть, это прям хорошо.
1:18:06 А что значит расширенная кириллица?
1:18:08 Значит, расширенная кириллица.
1:18:10 С поддержкой татарского.
1:18:11 Ну, как минимум, с поддержкой татарского.
1:18:14 То есть минимальное расширение для кириллицы - это поддержка
1:18:19 так называемой базовой азиатской кириллицы.
1:18:22 Вот в нее входит татарский - а что же в нее еще входит?
1:18:27 Монгольский - не знаю.
1:18:29 Ну, монгольский, казахский, киргизский - это все языке одной тюркской группы, что-то еще было, еще несколько языков - вот именно с территории России.
1:18:43 Сейчас мы пытаемся для
1:18:46 условно больших текстовых шрифтов переходить на чуть более расширенный стандарт.
1:18:52 Но таких шрифтов пока что довольно мало, чтобы шрифт поддерживал
1:18:58 все языки, принятые в России на уровне
1:19:02 государственных и региональных.
1:19:04 То есть, допустим,
1:19:06 приезжали мы с коллегой
1:19:09 в прошлом году в Удмуртию, в Ижевск, а там, между прочим, все таблички на двух языках: на русском и на удмуртском, а для поддержки удмуртского нужно всего-то 5 знаков, у которых две точечки сверху, но по умолчанию их практически нигде нету, потому что делать их очень просто.
1:19:32 И бедные удмурты мучаются, потому что у них очень сильно ограничен выбор шрифтов.
1:19:39 Либо они сами дорисовывают точечки.
1:19:41 Я еще вспомнил, как пишутся Уфа на Башкирском.
1:19:45 Вот это вот О перечеркнутое, да-да-да.
1:19:48 Это перечеркнутое О есть почти везде, где есть расширенная кириллица.
1:19:53 И вот мы думали, подумали-подумали и решили, что все-таки надо добавлять в стандарт такие вещи, которые условно должны появляться на вывесках госучреждений в разных регионах России.
1:20:06 Но пока шрифтов с такой поддержкой не так чтобы сильно много, но вот мы теперь работаем в эту сторону.
1:20:14 В эту сторону тоже.
1:20:20 Александр, у нас есть рубрика в конце каждого выпуска.
1:20:25 Она называется прямая речь.
1:20:29 Ваша прямая речь может не иметь никакого отношения к той теме, которую мы сегодня обсуждали?
1:20:35 Вдруг шрифты, буквы, это все не важно, и вас волнует вообще что-то другое.
1:20:41 И вы шли домой и подумали: о, действительно да что бы хотелось сказать дизайнерам.
1:20:48 Очень важно думать головой и смотреть глазами.
1:20:52 Потому что, как бы, сетка хорошо, правила хорошо - правила гораздо лучше соблюдать, чем не соблюдать.
1:21:02 Но если вы что-то сделали по сетке, и вы вот прям видите, что нездорово - лучше подвинуть, поменять, и важно вот как-то не знаю,
1:21:19 не замыкаться в правилах, но и не отрицать их.
1:21:22 Вот, искать какой-то баланс того
1:21:27 что мы делаем для чего мы делаем и в первую очередь думать стараться понять что для чего для кого
1:21:36 и верить, что все будет хорошо.
1:21:40 Лучшая часть подкаста всегда.
1:21:42 Каждый выпуск люди говорят: какую-то вообще истину.
1:21:45 Мне кажется, пора уже делать отдельный выпуск, в котором только прямые речи.
1:21:50 В принципе, можем просто отрезать эти 2 часа и оставлять.
1:21:55 2 часа были очень крутые.
1:21:58 Мы не успели задать еще половину вопросов.
1:22:01 Мы 2 часа с вами проговорили.
1:22:03 Возможно, люди попросят вторую часть, как иногда Юрий Дудь делает.
1:22:10 Я думаю, мы обязательно приложим видео на ваш канал, потом ну, то есть, в телеграм-канале, потому что вы там на некоторые вопросы отвечаете и исправляетесь, в общем-то, и без нас мы там не нужны, а мы просто прикрепим ссылку.
1:22:25 Да, все ссылки, которые
1:22:28 может быть прикрепим, дополним.
1:22:31 Спасибо вам огромное за то, что вы сегодня к нам присоединились.
1:22:34 Спасибо за приглашение.
Комментарии
Войдите, чтобы оставить комментарий.