Элементы визуальной информации. Визуальные атрибуты отображаемой информации

Цвет как визуальный атрибут отображаемой информации

Лекция № 3. Психология цветовосприятия.

Люди имеют разные физиологические, психологические, культурные и эмоциональные реакции на цвета. Мы говорим: «Она сошла с ума от ярости, у нее красная пелена перед глазами», «Он позеленел от зависти» и т.д. В нашем сознании мы ассоциируем цвета с эмоциональным состоянием. Артисты, художники и декораторы знают, что теплые цвета (красный, оранжевый и желтый с их оттенками) пробуждают активность и возбуждение, а холодные (синий, фиолетовый, багровый, серый) имеют умиротворяющее и успокаивающее действие.

Использование цвета в пользовательском интерфейсе может вызывать трудности у людей, имеющих некоторые проблемы со зрением, такие как цветовая слепота (данный тип зрительного дефекта присущ 8% мужского населения и менее 1% женского).

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

«При правильном использовании цвет может быть мощным инструментом, повышающим информативность системы. Неправильное использование цвета может существенно снизить качество такой системы» (Джеральд Мерч).

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

Цвет привлекает внимание человека. Это свойство интенсивно используется в области коммуникации и рекламы. На что вы скорее обратите внимание – на черно-белую или на цветную рекламу? Уэйн констатирует: «Научные исследования в области печатных форм показали, что цвет на 32% эффективнее для привлечения внимания и на 25% – для вызова ответных действий читателей». Это действует практически на уровне подсознания.

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

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

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

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

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

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

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

Различные психологические состояния человека характеризуются различными предпочитаемыми (наиболее приятными) цветами. Помимо этого отмечена обратная зависимость – влияние цвета на настроение и работоспособность. В работах, посвященных исследованию психологического воздействия различных цветов, приводятся такие данные:

Красный – волнует и утомляет;

Зеленый – настраивает на добродушный и безынициативный лад;

Желтый – веселый, оптимистичный, вызывает легкомысленный настрой;

Оранжевый – раскрепощает фантазию;

Фиолетовый – гибелен для глаз, цвет зависти, тревоги, неудовлетворенности;

Коричневый – угнетает умственную активность;

Черный – мрачный, способствует возникновению головных болей, но снижает число ошибок.

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

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

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

· · Цвет является очень субъективной характеристикой, поэтому то, что нравится вам, совсем не обязательно будет приятно пользователям.

· · Некоторые пользователи могут иметь проблемы с цветовосприятием.

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

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

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

Цвет достигает наибольшей выразительности, если добавить немного контрастного цвета (не в равных пропорциях!). Контрастные (дополнительные цвета) при визуальном смешении дают белый и серый цвета. Приведем пары цветов, в которых первый цвет является основным, а второй – дополнительным:

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

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

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

185.94.188.253 © studopedia.ru Не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования. Есть нарушение авторского права? Напишите нам | Обратная связь.

Отключите adBlock!
и обновите страницу (F5)
очень нужно

Цвет как визуальный атрибут отображаемой информации.

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

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

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

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

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

Различные психологические состояния человека характеризуются различными предпочитаемыми (наиболее приятными) цветами. Помимо этого отмечена обратная зависимость – влияние цвета на настроение и работоспособность. В работах, посвященных исследованию психологического воздействия различных цветов, приводятся такие данные:

Красный – волнует и утомляет;

Зеленый – настраивает на добродушный и безынициативный лад;

Желтый – веселый, оптимистичный, вызывает легкомысленный настрой;

Оранжевый – раскрепощает фантазию;

Фиолетовый – гибелен для глаз, цвет зависти, тревоги, неудовлетворенности;

Коричневый – угнетает умственную активность;

Черный – мрачный, способствует возникновению головных болей, но снижает число ошибок.

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

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

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

· Цвет является очень субъективной характеристикой, поэтому то, что нравится вам, совсем не обязательно будет приятно пользователям.

· Некоторые пользователи могут иметь проблемы с цветовосприятием.

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

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

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

Цвет достигает наибольшей выразительности, если добавить немного контрастного цвета (не в равных пропорциях!). Контрастные (дополнительные цвета) при визуальном смешении дают белый и серый цвета. Приведем пары цветов, в которых первый цвет является основным, а второй – дополнительным:

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

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

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

Элементы визуальной информации. Визуальные атрибуты отображаемой информации

Если какая-то кнопка применяется только для конкретной области окна – включите ее в эту область.

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

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

Различают три основных способы выравнивания информации:

– вертикальное (по левому или правому краю выравниваемых элементов);

– горизонтальное (по верхней строке или по верхнему краю элемента);

– смежное выравнивание (когда элементы смыкаются краями).

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

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

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

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

Экран А представляет собой темную поверхность, т.е. видимых элементов не имеет. Однако это не так – фон, хотя и пуст является визуальным элементом.

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

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

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

Экран Г является частью экрана, где показывается один групповой блок, появляющийся четыре раза на небольшой поверхности. Сколько визуальных элементов на экране Г? (более 35).

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

На рисунке найдите комбинации из трех чисел, в сумме дающих 15. Сколько таких комбинаций вы нашли?

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

Рекомендации по разработке интерфейса и компоновке окна(Рики Уилкинс):

– асимметрия = активное состояние; симметрия = состояние покоя;

– никогда не гоняйтесь за умеренностью;

– тщательно следите за последовательностью и согласованностью;

– помните, что согласованные интерфейсы означают лучшую внедряемость системы;

– четко выравнивайте управляющие элементы;

– если вы собираетесь располагать некоторые элементы за пределами выравнивания, то делайте это логично;

– создавайте экранные объекты по образу и подобию объектов из реального физического мира;

– не забывайте: абсолютная симметричность затрудняет чтение информации с экрана;

– элементы, не соответствующие шаблону, выделяются из общей массы;

– элементы одинакового цвета и размера воспринимаются как принадлежащие к одной группе.

Источники:

https://studopedia.ru/3_57407_tsvet-kak-vizualniy-atribut-otobrazhaemoy-informatsii.html
https://mydocx.ru/12-17421.html
https://studfile.net/preview/2496266/page:7/