Skip to main content

Узнайте о близости в дизайне и публикации

Посадочная по-дизайнерски. Верстаем в Figma - открытый урок по дизайну (Июнь 2026)

Посадочная по-дизайнерски. Верстаем в Figma - открытый урок по дизайну (Июнь 2026)
Anonim

Когда вы сталкиваетесь со случайными объектами на странице, зритель часто пытается найти соединения. Дизайнеры могут помочь зрителям, организовав объекты (текст и / или изображения) в группы, чтобы передать смысл и помочь распространить их сообщение. Эта близость этих групп - это близость, принцип дизайна.

Близость создает связь между элементами страницы. Как близко друг к другу объекты помещаются могут предложить отношения. Объекты, расположенные дальше друг от друга, могут указывать на различия.

Хотя иногда считается отдельным принципом, единство или «насколько хорошо часть документа работает вместе» иногда используется для обозначения близости. Близость - это близость. Однако элементы, не имеющие непосредственной близости, могут быть объединены путем введения третьего элемента. Пример: стрелка, соединяющая текстовую метку в поле с точкой в ​​середине карты. Таким образом, отношения или единство могут быть достигнуты между элементами, которые находятся далеко друг от друга, но принадлежат друг другу.

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

Использование близости в макете страницы

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

  • Сохранение подписи, близкое к изображениям, не только дает понять, что заголовок идет с изображением, но и создает единую визуальную единицу из двух отдельных.
  • Группировка элементов, таких как адрес, номер телефона, адрес электронной почты и веб-адрес, не только помещает всю контактную информацию в один простой блок, он создает одно место для глаз для отдыха (и получения информации), а не для четырех точек прыгать вокруг и, возможно, упускать из виду.
  • Если есть много элементов, которые нужно сгруппировать, рассмотрите подгруппировку. Используя контактную информацию в качестве примера, сгруппируйте их вместе, но используйте интервал (или другие средства) для создания подгруппы, например, нескольких телефонных номеров.

Использование близости к помощи

  • Держите заголовок близко к копии тела (объявления, статьи в бюллетене и т. Д.), Если вы хотите привести читателя прямо в текст. Если сопроводительный визуал особенно важен для понимания текста, вместо этого вы можете поместить визуал сразу после заголовка.
  • Формула дизайна 5 Step Ad Design, основанная на работе Дэвида Огилви, обычно объединяет пять типов контента в определенном шаблоне, который, как правило, приводит зрителя через объявление. Близость также может использоваться для группировки материала, составляющего эти пять типов контента.

Близость, поскольку это помогает пользователю

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

  • Например, брошюра для семинара, состоящая из многих отдельных семинаров, разбросанных по нескольким дням и местам, может легко сорваться. Используйте близость (наряду с другими элементами и принципами дизайна) для хранения информации для каждого отдельного семинара (название, описание, дата / время, местоположение), сгруппированные вместе, а также предоставление группировки, которая дает общие сведения, такие как, как регистрироваться, стоить и контакты.
  • На веб-странице вы можете использовать близость для группировки основных и вспомогательных навигационных ссылок (будь то текст, вкладки или кнопки) в группы в соответствии с их функциями (например, покупка / каталоги, еженедельные специальные предложения и техническая поддержка).