Из Википедии, бесплатной энциклопедии
Перейти к навигации Перейти к поиску

Визуальная иерархия , согласно гештальт-психологии , представляет собой образец в визуальном поле, в котором некоторые элементы имеют тенденцию «выделяться» или привлекать внимание сильнее, чем другие элементы, что предполагает иерархию важности. [1] Хотя это может происходить естественным образом в любом поле зрения, этот термин чаще всего используется в дизайне (особенно в графическом дизайне и картографии ), где элементы намеренно созданы так, чтобы одни выглядели важнее других. Этот порядок создается визуальным контрастом между формами в поле восприятия. Объекты, наиболее контрастирующие с их окружением, сначала распознаются человеческим разумом.

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

Теория [ править ]

Концепция визуальной иерархии основана на гештальт-психологической теории , немецкой теории начала 20-го века, которая предполагает, что человеческий мозг имеет врожденные организующие тенденции, которые «структурируют отдельные элементы, формы или формы в связное, организованное целое», особенно при обработке визуального Информация. [2] Немецкое слово Gestalt переводится как «форма», «узор» или «форма» на английском языке. [3] Когда элемент в поле зрения отсоединяется от «целого», созданного перцептивной организацией мозга, он «выделяется» для зрителя. Формы, которые наиболее сильно отделяются от окружающей среды, выделяются больше всего. Это обычно инкапсулируется как эффект Фон Ресторфа , который утверждает, что изоляция привлекает внимание.

Физические характеристики [ править ]

Мозг отделяет объекты друг от друга на основе различий между их физическими характеристиками. Эти характеристики делятся на четыре категории: цвет, размер, мировоззрение и характер. [4] Каждый тип контраста можно использовать для построения визуальной иерархии. Та же характеристика также иногда классифицируется (особенно среди картографов) в соответствии с визуальным переменными из Жака Бертена . [5]

На этой карте 1905 года реки и парки находятся на вершине визуальной иерархии из-за цветового контраста и размера, название выделяется из-за размера и выравнивания, и в меньшей степени центральный город выделяется из-за характера, потому что Угловой узор улиц контрастирует с остальной сеткой. Даже пустое пространство в Западном Денвере привлекает внимание своим контрастом с общей сложностью карты и центральным положением. Отдельные улицы и их названия находятся внизу визуальной иерархии из-за отсутствия контраста, хотя, вероятно, это и было предполагаемой основной целью карты.
  • Цвет включает оттенок , насыщенность , ценность и воспринимаемую текстуру форм. [6] Темные фигуры будут выделяться на светлом фоне, светлые фигуры будут выделяться на темном фоне, яркие фигуры будут выделяться на приглушенном фоне и так далее. В флуоресцентных цветов , используемых для теннисных мячей и другого спортивного инвентаря предназначен , чтобы сделать их сразу выделяются на фоне практически любого естественного поля зрения.
  • Размер имеет сильное влияние на визуальную иерархию. Крупные элементы почти всегда привлекают внимание, если их можно распознать как фигуры .
  • Выравнивание - это расположение форм относительно друг друга. Например, элементы в верхнем левом углу страницы часто видны первыми (по крайней мере, для тех читателей, которые привыкли к западным языкам), центр поля имеет видное место. Также можно использовать негативное пространство : фигура, изолированная среди большого количества белого пространства, будет выделяться больше, чем одна среди других фигур.
  • Характер включает в себя несколько видов контрастов, основанных на форме. Например, сложные узоры привлекают больше внимания, чем простые или предсказуемые узоры, замысловатые формы привлекают больше внимания, чем обобщенные. Даже крупномасштабные узоры могут привлечь внимание, если они контрастируют с узором в остальной части поля зрения.

Камуфляж - это пример устранения контраста символов в цвете и / или символе специально для уменьшения визуальной иерархии.

«Тест на косоглазие» часто предлагается как простой, хотя и ненаучный метод оценки визуальной иерархии графического продукта, такого как карта или веб-страница. [7] При просмотре вне фокуса (или с большого расстояния) зритель не отвлекается на детали, а может видеть только общие (гештальт-паттерны), такие как визуальная иерархия. С помощью этого метода можно распознать все вышеперечисленные узоры, за исключением некоторых аспектов характера.

Заявление [ править ]

Первый выпуск The New York Times за 1851 год (вверху) имел плохую визуальную иерархию, что затрудняло определение того, какие новости считались наиболее важными. К 1919 году (внизу) в газете, в соответствии с более широкими отраслевыми тенденциями, была установлена ​​более четкая иерархия, при которой крупные заголовки имели приоритет над более мелкими.

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

Картография [ править ]

В картографическом дизайне визуальная иерархия используется для того, чтобы выделить некоторые важные элементы на карте по сравнению с менее важными. [8] Обычно карта имеет цель, которая диктует концептуальную иерархию того, что должно быть более или менее важным, поэтому одна из целей выбора символов карты состоит в том, чтобы сопоставить визуальную иерархию с концептуальной иерархией. [9]

Визуальная иерархия карты может применяться к отдельным географическим объектам (например, выделение отдельной страны), к слоям карты связанных объектов (например, выделение озер больше, чем дороги), а также ко всему макету карты и другим объектам. элементы -map (например, сделать заголовок более важным, чем масштабная линейка). Подобно основным элементам карты, такие объекты имеют вес, и свойства, которые применяются к визуальной иерархии слоев карты, также применяются к другим элементам на странице. Размер и выравнивание - два основных фактора, определяющих визуальную иерархию этих функций. [10] Картографы часто используют принципы отрицательного пространства и контраста фигуры и фона для создания соответствующей визуальной иерархии, используя контраст между неиспользуемым пространством и элементами компоновки.[1]

UX-дизайн и поведенческий дизайн [ править ]

В дизайне пользовательского интерфейса и поведенческом дизайне, таком как дизайн веб-сайтов, визуальная иерархия используется для определения приоритетов навигационных структур и контента, чтобы аудитория сосредоточилась на элементах, которые облегчают использование системы или увеличивают вероятность того, что они заметят контент, который содержит психологические подталкивания. Цвет - это один из многих факторов, используемых при построении визуальной иерархии, и ключевой фактор из-за высокой яркости цветового восприятия.[6]

См. Также [ править ]

  • Баухаус
  • Когнитивная психология
  • Распознавание образов
  • Контраст рисунка и фона (картография)

Ссылки [ править ]

  1. ^ a b "визуальная иерархия" . Словарь ГИС . ESRI . Проверено 26 сентября 2019 .
  2. ^ Джексон, Ян. «Гештальт - теория обучения для образования в области графического дизайна». Международный журнал художественного и дизайнерского образования . Том 27. Выпуск 1 (2008): 63-69. Цифровой.
  3. ^ Петтерссон, Руна. «Информационный дизайн - принципы и рекомендации». Журнал визуальной грамотности . Том 29. Выпуск 2 (2010): 167-182. Цифровой.
  4. ^ Feldsted, CJ. Основы дизайна . Нью-Йорк: Pittman Publishing Corporation, 1950.
  5. Перейти ↑ Tait, A. (2018). Визуальная иерархия и макет . Свод знаний по географической информатике и технологиям (издание 2-го квартала 2018 г.) , Джон П. Уилсон (ред.). DOI: 10.22224 / gistbok / 2018.2.4
  6. ^ a b Cugelman, B. Cugeman, R. et al. (2019) Психология цвета. AlterSpark. https://www.alterspark.com/color-psychology/visual-hierarchy
  7. ^ Джефф Готельф, Тест на прищур: Как быстрое знакомство с дизайном может выявить его недостатки , Усабилла
  8. ^ Робинсон, Артур Х. Элементы картографии. 6-е изд., Wiley, 1995.
  9. ^ https://www.ordnancesurvey.co.uk/resources/carto-design/clear-visual-hierachy.html .
  10. ^ Слокум, Терри А. Глава 5 в тематической картографии и геовизуализации , Пирсон, 2014.