В КУРСЕ?

Разбираемся в теме

Красивые детали не складываются в дизайн? Начните с правил, по которым они работают вместе

Круг, прямоугольник, надпись и свободное место могут стать основой множества разных макетов. Однако сама коллекция удачных деталей ещё не образует систему. Дизайн становится управляемым, когда у каждого элемента есть задача, а повторение подчиняется нескольким понятным правилам. Разберём этот подход на вымышленной серии бумажных карточек для обмена комнатными растениями.

Сначала назначьте элементам роли

У нашей карточки три сообщения: какое растение предлагают, что нужно принести для обмена и где состоится встреча. Название растения должно находиться первым, условие обмена вторым, место третьим. Только после этого выбираем формы: крупная надпись сообщает главное, вытянутый прямоугольник объединяет условие, маленький круг отмечает место встречи. Эти назначения условны и придуманы для примера. Круг сам по себе не означает встречу, поэтому рядом нужна текстовая подпись. Если добавить ещё пять декоративных значков, информационная задача не изменится, а элементов для согласования станет больше. Полезный вопрос к каждой детали: что потеряет читатель, если её убрать? Иногда честный ответ позволяет освободить необходимое место.

Повторяйте правило, а не весь рисунок

Для серии из трёх растений можно сохранить положение заголовка, ширину текстового блока и форму отметки встречи. Меняться будут название и собственный простой рисунок листа. Благодаря этому карточки выглядят связанными, хотя не повторяются полностью. Обратите внимание на масштаб и свободное пространство. Акцент возникает за счёт отличия от окружения: размера, формы или цвета. Если одинаково укрупнить все сообщения, явного главного элемента может не остаться. Попробуйте увеличить только название, а остальные строки оставить спокойными. Затем сравните с вариантом, где название прежнее, но вокруг него больше воздуха. Это две разные гипотезы о том, как направить внимание, а не обязательные рецепты красоты.

Проверяйте композицию вопросом читателя

Сделайте три грубых эскиза с одинаковым текстом. В первом разместите все блоки по центру, во втором выровняйте их по левому краю, в третьем отделите название от условий большим промежутком. Не меняйте одновременно рисунок, размер букв и количество текста: иначе будет трудно понять, какое решение помогло. Попросите человека найти растение, условие обмена и место встречи. Если он принимает декоративный круг за кнопку или пропускает адрес, это полезнее общей оценки, что макет симпатичный. Можно исправить подпись, порядок или расстояние между блоками и повторить проверку. Получившееся правило стоит записать словами: например, условия всегда находятся непосредственно под названием. Такая запись превращает разовый удачный вариант в основу следующей карточки.

Попробуйте на практике

Соберите собственный мини-конструктор для трёх вымышленных карточек обмена растениями, используя бумагу и карандаш.

  1. Выберите три растения и придумайте короткие подписи: название, условие обмена и вымышленное место. Не используйте реальные контактные данные.
  2. Назначьте трём простым элементам разные роли. Например, надпись сообщает название, рамка объединяет условия, круг с подписью отмечает место.
  3. Нарисуйте три варианта первой карточки с одинаковыми сведениями. Меняйте только расположение блоков и отметьте, где каждое сообщение находится быстрее.
  4. Выберите вариант и примените его правила к двум остальным карточкам. Если длинное название ломает макет, измените правило для всей серии и проверьте ещё раз.

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

Частые вопросы

Обязательно ли начинать с графической программы?

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

Как понять, что повторов слишком много?

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

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

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

Зарегистрироваться
← К списку материалов