Советы для дизайнера

Содержание:

Начинающие дизайнеры часто сталкиваются с тем, что их готовый проект может визуально плохо восприниматься людьми. Это связано с нарушением контрастности и некоторыми негласными правилами дизайна.

Ниже мы рассмотрим советы, как сделать дизайн и текст удобочитаемыми и не режущими глаз.

Настройка трекинга

Трекинг — это настройка межсимвольного расстояния в границах 1 слова. Его применяют в логотипах и заголовках.

Увеличение позволит сделать заголовки еще более читабельными, они не будут выглядеть скупо.

В логотипах подобный шаг позволит сделать донесение мысли более выразительной.

Рассмотрим пример трекинга на изображении ниже:

Советы для дизайнера

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

Необходимо определить актуальную длину для применения в своем дизайне текста, чтобы не испортить текстовую составляющую.

Если текст набран полностью большими буквами и выполнен в жирном шрифте, то положительный трекинг может дать хороший эффект.

Настройки кернинга

Кернинг делает изменение интервала внутри всех пар. Правильно настроенная функция поможет управлять ритмом текста.

Зачем необходим кернинг? Это ведь тот же трекинг? Нет. Каждый символ имеет свою высоту и ширину. Кернинг даст возможность убрать неоднородность текста.

Советы для дизайнера

Существует 2 вида кернинга:

  • ручной,
  • автоматический.

Автоматический кернинг делится еще на 2 вида:

  • метрический,
  • оптический.

Метрический вид применяется в программах типа Photoshop. В них он установлен по умолчанию.

Оптический вид делает регуляцию интервалов исходя из интервальных целей, учитывая формы всех символов в паре.

Автоматический и ручной кернинг — это идеальная комбинация для манипуляций с текстом. Ручной кернинг необходим во время работы с большим текстом — в нем видны огрехи обычного интервала. На картинке заметно, как выглядят пары с большим и маленьким межсимвольным интервалом.

Советы для дизайнера

Во время работы со шрифтами обращаем внимание на:

  • буквы под наклоном, такие как А, К, Л;
  • буквы с черточками и перекрестные: Г, Ж, Х, У, Т;
  • закругленные буквы: О, Ф.

Ниже показаны символьные сочетания, которые непросты для кернинга и часто плохо выглядят во время стандартных настроек.

Советы для дизайнера

Работа с кириллицей всегда сложнее, чем с латиницей или арабскими символами. Но если использовать грамотно кернинг, можно избежать проблем дизайна и хорошо разобраться со всеми видами шрифтов.

При работе с интервалами учитываются ближайшие аспекты, например абзац, цветовой фон и цвет шрифта. Чтобы достичь качественного результата, все это нужно обязательно прорабатывать вручную, а не надеяться на программные корректировки.

В современных реалиях некоторые компании позаботились о шрифтах и создали специальные шаблоны.

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

Для вызова у читателя положительных эмоций нужно научиться чувствовать буквы и сделать детальную проработку всех символьных пар.

Конфликт смысла

Текст и графика должны сочетаться между собой.

Например: идет продвижение идей вреда курения, а на изображении книги возникает какой-то непонятный диссонанс. Или в тексте вспоминается рецепт вкусного печенья, а на картинке нарисованы елки. Здесь тоже возникает какая-то смысловая неразбериха.

Дизайнер должен внимательно осмотреть результат и понять, что текст и изображение подходят по смыслу. Конфликт возникает и во время настройки шрифта и фона.

Например: если дизайнер применяет готический шрифт для рекламы о покупке квартиры или делается открытка для ребенка с ядовитым зеленым фоном, то это вряд ли будет выглядеть органично и давать правильный смысл.

Идеального рецепта устранения смыслового конфликта нет. Необходимо быть внимательным, смотреть на готовые удачные примеры других дизайнеров и вырабатывать свое профессиональное чутье смысла.

Советы для дизайнера

Слева изображен медицинский плакат. В нем красный заменили на желтый.

Справа показана реклама велозабега. Фон парка был изменен на фон с морепродуктами.

Какие кавычки лучше использовать

У дизайнеров возникает проблема с тем, какие ставить кавычки.

Какие бывают кавычки в текстах:

  • «кавычки»;
  • «кавычки»;
  • „лапки“;
  • ‘одинарные кавычки’;
  • “двойные кавычки”.

Для дизайна с русскими символами предпочтение отдается елочкам. Лапки ставятся, когда нужно поставить кавычки внутри других кавычек.

Профессиональные дизайнеры применяют елочки. Это еще обусловлено тем, что языки программирования и HTML оснащены «программистскими» кавычками. Поэтому предпочтение и отдается таким вот «елочкам».

Советы для дизайнера

Выравнивание текста

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

Аккуратнее нужно использовать выравнивание по центру и по правой стороне.

Ни в коем случае нельзя делать выравнивание по ширине. При таком текст читается сложно, глаза всегда находятся в напряжении.

Весь текст нужно отформатировать по левой стороне. Заголовки и подзаголовки форматируются по центру.

Маркированные списки тоже форматируются по левой стороне.

Советы для дизайнера

Плохой контраст

Читабельность является основным условием, на которое дизайнеру необходимо ориентироваться во время работы. Если применять пестрый фон, неконтрастный шрифт или плохой цвет, который смешается с дизайном, то вся читабельность пропадет.

К счастью, есть проверенные рецепты избежать плохой читабельности текста. Вот самые известные и проверенные советы:

  1. Используем блоки подложки. Они могут быть как однотонные, так и полупрозрачные.
  2. Делаем осветление или затемнение фона. Здесь играет роль шрифтовой цвет.
  3. Шрифт делается более насыщенным.

Оптимальная длина строк

В строчной длине работает правило «золотой середины». Строка должна быть не сильно длинной и не очень короткой.

Оптимальная длина строк находится в следующих диапазонах:

  • от 55 до 65 символов на компьютерных устройствах;
  • от 30 до 40 символов на мобильных устройствах.

Такая длина позволит читателю не напрягать свой взгляд и создать оптимальную читабельность текста.

Советы для дизайнера

Вопрос — Ответ

Ответим на самые популярные вопросы.

Сильно темный фон уместен в создании дизайна?

Да. Здесь еще играет роль контекст, в котором продумывается такой дизайн.

Почему не рекомендуется делать выравнивание текста по центру?

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

Можно ли в русском тексте обойтись без кавычек в виде елочки?

Можно обойтись, но не на всех ресурсах другие кавычки могут корректно отображаться.

Заключение

Используйте рекомендации из статьи, и вы сможете сделать свой дизайн и текст максимально удобочитаемыми.

Если вы хотите научиться более глубокому программированию, приглашаем вас записаться на курс обучения Frontend-разработке.

Вы научитесь верстать сайты, создавать игры и разрабатывать приложения. На курсе будет дана не просто теоретическая информация, а конкретная практическая проработка знаний.

Обучение будут проводить преподаватели, имеющие опыт работы в крупных компаниях.

По окончании обучения будет выдан сертификат. В компаниях он котируется на уровне диплома, поэтому у вас не будет проблем с трудоустройством.

Поторопитесь записаться на курс! Количество мест ограничено.

Присоединяйся к DevEducation — стань востребованным специалистом и построй карьеру в IT!