📝 Как правильно работать с кеглем и интерлиньяжем?
Привет! На связи Маргарита куратор и дизайнер студии UPROCK 👋🏼
Ранее вы видели разбор по типографике в мобильных интерфейсах, а сегодня предлагаю пойти глубже и посмотреть на типографику в вебе.
⚡️В этом видео я разбираю один из самых тонких и недооцененных этапов в дизайне сайтов: работу с кеглем, интерлиньяжем и трекингом.
Очень часто на этапе детализации макетов у дизайнеров возникает ступор: вроде шрифт хороший, сетка есть, отступы расставлены, а страница все равно не читается. Пользователю сложно понять, за что зацепиться взглядом и с чего начать.
📌 А ведь типографика – это основа любого веб-проекта.
Заголовки, тексты, кнопки, формы, подписи – все это работает как единая система. Даже без цвета, графики и декора можно собрать сильную страницу, если типографика настроена правильно.
🎥 В видео на примерах студенческих работ я показываю:
• как кегль формирует визуальную иерархию и помогает выделять главное;
• почему без проработки размеров текста даже аккуратный макет становится хаотичным;
• как контраст кеглей может стать фишкой проекта;
• почему интерлиниаж нельзя оставлять «auto» и как он влияет на группировку смысла;
• как трекинг делает шрифт либо стильным и собранным, либо уставшим и разряженным;
• на что особенно важно обращать внимание при работе с популярными шрифтами вроде Inter или Playfair Display.
А также делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения:
⚡️Михаил Зубец –
Anya Hindmarch
⚡️Александр Тимошин –
MAIDEN HOME
⚡️Анастасия Зайцева –
OpenAI
⚡️Виктория Ким –
Tadao Ando
⚡️Юлия Беляева –
BLUE ORIGIN