русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

ТЕМА 3. ВИЗУАЛЬНЫЕ АТРИБУТЫ ОТОБРАЖАЕМО ИНФОРМАЦИИ. КОМПОЗИЦИЯ И ОРГАНИЗАЦИЯ ЭКРАНА.


Дата добавления: 2013-12-23; просмотров: 1821; Нарушение авторских прав


Ощущение и восприятие цвета

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

Рекомендации по использованию цветов:Во многих источниках предлагаются 3 основных группы рекомендаций. С точки зрения физиологии: восприятие и познавательность.

 

Рекомендации с точки зрения физиологии:1. не следует применять одновременно высоко насыщенные и спектрально интенсивные цвета.

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

3. не следует использовать близкие цвета оттеняющие только количеством синего.

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

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

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

7. края объекта следует выделять не только цветом.

8. следует избегать красного и зеленого цветов на границах объекта.

9.следует использовать сочетание противоположных цветов.

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

 

Набор рекомендаций с точки зрения восприятия:

1.не все цвета одинаково хорошо различимы

2. освещенность не равна яркости

3. различные оттенки имеют разные уровни насыщенности

4. освещенность и яркость различны на отпечатанном документе, но не на экране дисплея.

5. не все цвета одинаково разборчивы и читаемы

6. оттенки применяются при перемене интенсивности и цвета фона

7. на малых поверхностях цветовые различия плохо заметны



 

Рекомендации с точки зрения познавательности:

1.не следует злоупотреблять цветом

2. следует учитывать, что цвет на экране и печатные копии различаются

3. следует группировать взаимосвязанные элементы с помощью фона

4. яркость и насыщенность привлекает внимание

5. следует связывать степень применения цвета с важностью события

6. следует размещать цвета в соответствии с их спектральным расположением

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

8. следует использовать от 3-х до 7 основных цветов, при этом количество оттенков может быть большим

 

Визуальные атрибуты

1)К визуальным атрибутам отображения информации относятся:

1. цветовая палитра

2. взаимное расположение и размеры отображаемых объектов

3. средства привлечения внимания пользователя

 

Проектирование, размещение данных на экране предполагает выполнение следующих действий:

1. определение состава информации, которая должна появляться на экране

2. выбор формата представления информации

3. определение взаимного расположения данных на экране

4. выбор средств привлечения внимания пользователя

5. разработка макета размещения данных на экране

6. оценка эффективности размещения информации (может приводиться разработчиком и пользователем совместно).

 

2) Общие принципы расположения информации на экране должны обеспечить для пользователя:

1. возможность просмотра экрана в логической последовательности

2. простоту выбора нужной информации

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

4. различимость исключительных ситуаций (предупреждений, ошибок)

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

Информация, которая подлежит отображению, зависит от специфики задачи, которая стоит перед пользователем.

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

! Формат для вывода даты, времени, денежных единиц и т.п. элементов должны быть стандартизированы.

В данном случае допускается применение масок.

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

1. оставлять пустым приблизительно половину экрана

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

3. оставлять отступы между столбцами таблицы (ширина отступа 2%).

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

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

Методы выделения информации:

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

Для объективной оценки плотности заполнения экрана сбалансированности данных рекомендуется отделить содержание объектов от их формы. Для этого применяется 2 метода: 1. метод прямоугольников, 2. метод выделенных точек.

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

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

Общие концепции внешнего облика GUI приложений:

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

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

 

Композиция и организация

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

1)иерархическая организация отображаемой информации;

2) визуальное выделение наиболее важных элементов;

3)сбалансированность структуры экрана;

4)визуальное объединение логически взаимосвязанных элементов;

5) обеспечение удобочитаемости и логической согласованности информации;

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



<== предыдущая лекция | следующая лекция ==>
Восприятие и внимание | Шрифты как атрибут визуального отображения информации


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.618 сек.