Рассказываем, как гармонично расположить текст на веб- или печатной страничке
Что такое крупная типографика в дизайне?
ПРОЕКТ РАЗРАБОТЧИКОВ HELPEXCEL.PRO
Крупная или акцентная типографика не первый год является трендом в веб-дизайне. Такой прием используют на главных страницах сайтов, первых блоках лендингов и на креативах в соцсетях. Мало визуального контента? Можно написать текст. Вот здесь и вступает в силу крупная типографика: слова сами по себе становятся сильным визуальным инструментом. Но как ее правильно применять, чтобы получить на финише достойный продукт? Разбираемся вместе с Кирой Мухаметовой, веб-дизайнером HelpExcel.pro.
Проверьте свой сайт
Хотите узнать, насколько эффективен и удобен ваш сайт? Оставьте свои контакты и ссылку на сайт, который нужно проверить, а мы подготовим подробный анализ.
Хотите узнать, как CRM-система помогает бизнесу?
В одной презентации мы собрали самые ключевые особенности CRM-систем. Оставьте ваши контакты, чтобы мы могли отправить вам документ и ответить на все ваши вопросы по необходимости.
Впервые крупную типографику начали использовать на военных плакатах, а после войны в сфере рекламы. Часто такой прием встречается на обложках книг или газет. Передовицы печатных изданий, кстати, классический пример использования акцентной, крупной типографики, занимающей большую часть пространства.
Даже сегодня, когда практически все печатные издания публикуются в электронном формате, такой прием в типографике себя по-прежнему оправдывает: читателю остается только выбрать, чье слово и форма отображения этого слова ему ближе.
Если вы хотите применять крупную типографику на своем сайте, есть несколько простых советов, которые помогут облегчить вашу работу и сделают для пользователей время, проведенное на вашем сайте, приятным.
Простота и шрифтовые пары
Первое и главное правило - это сочетание шрифтов. Чаще всего используют либо один шрифт на весь проект, либо используют, так называемую, шрифтовую пару. Это два шрифта, которые хорошо дополняют друг друга и не рассеивают внимание читателя. Например, антиква (шрифт с засечками) в паре с гротеском. Антиква в этом тандеме - заголовочный шрифт, а гротеск - второстепенный, поддерживающий, базовый.
Выбирая шрифт, который вы хотите сделать ярким акцентом на вашей странице, помните про принцип less is more. Чем проще ваш шрифт, тем он более читабелен и удобен для визуального восприятия.
Базовые решения для вашего бизнеса
Удобные системы оптимизации с учетом особенностей вашей отрасли.
Удобные системы оптимизации с учетом особенностей вашей отрасли.
Расстояние между буквами и словами
Чем крупнее текст, тем больше должно быть расстояние между буквами (кернинг). Также оно должно быть одинаковым. Иногда его приходится править вручную. Если вы пишите всю строку заглавными, то необходим кернинг. А вот с прописным его лучше избегать - это снижает читабельность.
Также важен интерлиньяж (расстояние между строками). Обычно его величина 110%-120% от размера шрифта.
Основные ошибки
- Грамматические ошибки: актуально для любого текста
- Висячие предлоги: их нужно переносить на следующую строку
- Тире и дефис: не путайте их, это разные знаки
- Общая читабельность. Всегда оценивайте макет свежим взглядом. В процессе создания вам может казаться, что идея - блеск, а по итогу окажется иначе
- Используйте простые шрифтовые сочетания (антиква с гротеском)
- Общий баланс элементов на странице (должен быть воздух)
Ищите дизайнера?
Если вы хотите разработать логотип или создать сайт, оставьте свои данные и мы поможем реализовать ваш проект.
Вывод:
Чем проще шрифт - тем легче восприятие. Рукописные шрифты в таком исполнении смотрятся не так выигрышно, как гротескные.
Самое важное - следить за балансом и гармонией расположения текста на странице. Будь то страница презентации, блок в лендинге или главная страница сайта.
Крупная типографика всегда будет лучше работать на контрасте. Если у вас есть огромный текст, компенсируйте его каким-то очень маленьким, либо средним - это будет выгодный контраст, который будет работать.
Если везде будет только огромный текст, людям покажется, что вы просто ошиблись выбором размера шрифта. Как только вы сбалансируете, сгармонируете размеры шрифтов, все заиграет новыми красками.
Автор статьи: Кира Мухаметова, веб-дизайнер HelpExcel.pro
На этом все!
Хотите обсудить свой проект?
Если вы задумываетесь об оптимизации процессов в компании и внедрении IT-систем, оставьте заявку на консультацию и мы свяжемся с вами для обсуждения деталей.
Еще больше полезных материалов вы можете найти в нашем Telegram-канале:
Хотите обсудить свой проект?
