Рубрика «типографика» - 19

Отзывчивая типографика: Основы

Когда мы создаем веб-сайты обычно мы начинаем с определения текста документа. Определение основного текста задает ширину главной колонки на странице, все остальное должно произойти само по себе. Должно. До недавнего времени разрешение экрана было более менее одинаковым. Сегодня мы имеем дело с огромным количеством экранов разного разрешения и размеров. Это делает вещи намного сложнее.Читать полностью »

Дизайнер-шрифтовик Иван Гладких, более известный как Джованни Лемонад (Jovanny Lemonad), вчера объявил о выходе нового неформального шрифта Underdog, отличающегося косоугольными ломаными очертаниями и заливкою некоторых замкнутых контуров в заглавных буквах:

[скриншот Underdog]

Автор шрифта — Сергей Стеблина, а Лемонад обеспечил продакшн. Шрифт доступен для бесплатного скачивания по свободной лицензии SIL OFL 1.1.Читать полностью »

Однажды я уже рассказывал, что такое LilyPond, и с чем его едят. Обещания написать простую статью я, к сожалению, пока выполнить не смог, зато собрался описать, как я набирал ужасающий нотный пример из музыки Н. Корндорфа
Набор современной музыки в LilyPond
(«Welcome!» для шести женских голосов)

Читать полностью »

Молодой графический дизайнер из французского Нанта Рене Мамбембе (René Mambembe) создал оригинальную серию работ «Гельветика, мой герой», в которой на каждую букву латинского алфавита он нашел своего супергероя или злодея. В их числе — Бэтмен, Халк, Фредди Крюгер, Йода, Чужой, Женщина-кошка и многие другие. Для создания образов Рене использовал классические атрибуты каждого персонажа — щит Капитана-Америки, мартини и костюм Джеймса Бонда, маска Дарта Вейдера и молот Тора, — сделав увлекательным процесс угадывания каждой буквы.

Helvetica и супер героиЧитать полностью »

Как правило, в шаблонах производимых и продаваемых на сайте TemplateMonster Russia используются стандартные шрифты или Google Web Fonts. Мне удалось пообщаться с представителями русскоязычного офиса мирового производителя шаблонов, которые рассказали, что использование других шрифтов требует подключения дополнительных скриптов, негативно влияющих на скорость загрузки сайта, а также поведали много других интересных нюансов.

Если Вы хотите знать на какие типографические мелочи стоит обращать самое пристальное внимание при создании своих веб-проектов, то искренне рекомендую к прочтению эту статью.
Читать полностью »

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

image

Я постоянно просматриваю веб-сайты и удивляюсь, почему дизайнеры вставляют элементы внутри текста, не делая отступа. Почему бы не разделять эти элементы?
Читать полностью »

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

Full HD, Vimeo

Это наш новый ролик. Он не рекламный и достаточно сложный, по крайней мере, ни у одной отечественной компании работ с элементами подобной сложности, в данном стиле, я не видел. Аналоги есть, но в Европе.

Понимаю, что не совсем этично публиковать данный ролик, поэтому взамен готов в комментариях дать ответы на любые вопросы касающемуся производства роликов и бизнеса вокруг этого (цены, сроки, подходы, советы)

Читать полностью »

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

Что нам стоит фонт построить? Часть 2

Читать полностью »

Все мы знаем, что существует неофициальный, но распространенный в рунете (а в последнее время все чаще и в материальном мире) символ рубля, известный, как "знак Лебедева-Тарбеева". Однако в силу того, что знак не имеет признанного статуса, и, как следствие, отсутствует в Unicode, его использование в веб-дизайне сопряжено с очевидными техническими сложностями, не раз уже обсуждавшимися на тематических ресурсах.
image
Читать полностью »

CSS3 привнесло в нашу жизнь новые единицы измерения: vw, vh, и vmin. С недавних пор dev-версия Chrome (под номером 20) тоже поддерживает их, а это дарует некоторую надежду, что и разработчики других браузеров последуют этому примеру. На самом деле, это было бы кстати, ведь это очень удобно и практично, а я попробую рассказать, почему это так.

Почему это клево?

Много причин. Вот две из них:

  1. Существует такая вещь, как длина строки текста, при которой чтение является комфортным. Я не хочу разжигать холивары, но, допустим, это 80 символов. Так вот, эти единицы измерения позволяют вам соблюдать это значение на любом размере экрана
  2. Еще они могут регулировать отношение заголовка к основному тексту, как, например, в одном из постов Trent Walton (англ.)

Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js