Популярные услуги

Главная » Лекции » Дизайн » Эргономика для дизайнеров интерьера » Средства и системы визуальной информации

Средства и системы визуальной информации

2021-03-09СтудИзба

Лекция №15

Средства и системы визуальной информации

Цели урока:

  • Ознакомить студентов с визуальной составляющей рукотворной среды обитания
  • Сформировать знания о требованиях эргономики к визуальным средствам передачи информации
  • Разъяснить какое имеют значение способы кодирования информации

Средства обучения – информационный материал, иллюстративный материал

Тип урока  - изучение нового материала

Более 80% информации об окружающей среде человек получает визуально благодаря зрительному анализатору (глазам в сочетании с соответствующими участками головного мозга).

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

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

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

Рекомендуемые материалы

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

БЕСЕДА:  Какая основная цель у визуальной графики? Цель средств визуальных коммуникаций привлечь (зацепить) наше внимание.

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

Инфогра́фика (γραφικος — письменный, от греч. γραφω — пишу) — это графический способ подачи информации, данных и знаний. Инфографикой можно назвать любое сочетание текста и графики, созданное с намерением изложить ту или иную историю.

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

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

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

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

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

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

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

БЕСЕДА: (лекция №8) Они также имеют свои стандарты, в которых применяют следующие термины с соответствующими определениями.

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

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

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

3.4.      Знак пожарной безопасности: знак безопасности, предназначенный для регулирования поведения человека в целях предотвращения возникновения пожара, а также для обозначения мест нахождения средств противопожарной защиты, средств оповещения, предписания, разрешения или запрещения определенных действий при возникновении горения (пожара).

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

3.6.      Люминесценция: свечение (излучение света) материала, находящегося в неравновесном (возбужденном) состоянии за счет энергии внешнего воздействия (оптического, электрического, механического и т.п.) или за счет энергии внутреннего происхождения (химические и биохимические реакции и превращения).

3.7.      Фотолюминесценция: люминесценция, возбуждаемая воздействием светом естественного или искусственного происхождения.

3.8.      Светящийся материал: материал, обладающий свойством люминесценции.

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

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

Оптимальной дистанцией наблюдения средств индикации считается 500 см? (см. рисунок).

ПРИМЕР: Это, прежде всего, устройства, информирующие о функционировании систем отопления, вентиляции, охраны, наличии задымления. Также информационные устройства электронной бытовой техники.

Индикатор (лат. indicator — указатель) — прибор, устройство, информационная система, вещество — объект, отображающий изменения какого-либо параметра контролируемого процесса или состояния объекта в форме, наиболее удобной для непосредственного восприятия человеком визуально, акустически, тактильно.

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

Особая группа устройств отображения информации – мнемосхемы (см. рисунок).

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

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

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

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

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

Буквенно-цифровое кодирование. Буквы — используются для передачи информации о названии объекта, цифры — используются для передачи информации о количественных характеристиках объекта.

Общие правила создания текстов для эффективного восприятия:

- Заголовки должны содержать менее 6 слов, тогда они хорошо запоминаются;

- Информация на цветном (оранжевый, желтый фон) более эффективно воздействует на зрителя;

- Текст в эллипсе воспринимается лучше, чем в квадрате или круге;

- Европейцы читают слева направо, поэтому правая сторона запоминается лучше (там останавливается взгляд);

- Верхняя часть страницы, в свою очередь, читается с большим вниманием;

- Человек способен одновременно удержать в поле зрения не более пяти-шести слов, при условии, что они логически взаимосвязаны;

- Начало и конец текста воспринимается лучше, чем середина

ПРИМЕР: Арабский цифровой алфавит состоит из знаков, многие из которых не удовлетворяют требованиям хорошей различимости. Антиквенные шрифты (с засечками) Times, Times New Roman и Palatino — это компромисс между старым и новым. Четкие и достаточно простые, они обладают хорошо выраженной формой и округлостью, вызывают чувство доверия. Шрифты Sans Serif (без засечек), такие как Arial, Modern и Univers, обладают малым эмоциональным зарядом и ассоциируются с практичностью и здравомыслием.

Кодирование цветом. Цвет — используется для передачи значимости характеристик. Человек может точно идентифицировать не более 10—12 цветовых тонов, что ограничивает длину алфавита (способ кодирования) при цветовом кодировании.

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

- для привлечения внимания предпочтение следует отдавать чистым основным цветам, а не смешанным;

- быстрее обращают на себя внимание светлые, чистые цвета;

- по силе, с какой цвета привлекают внимание, их можно расположить в следующей последовательности: оранжевый, красный, желтый, зеленый, синий, фиолетовый;

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

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

Следует подбирать оптимальное цветовое сочетание фона и шрифта. Легче прочитываются:

 - желтая надпись на черном фоне,

- белая - на черном,

- черная - на оранжевом,

- черная - на желтом,

- оранжевая - на черном

С самого далекого расстояния: надписи черного цвета на желтом фоне, синего - на белом, красного - на белом, белого - на синем, черного - на белом.

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

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

Ещё посмотрите лекцию "Регистры" по этой теме.

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

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

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

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

Свежие статьи
Популярно сейчас
Зачем заказывать выполнение своего задания, если оно уже было выполнено много много раз? Его можно просто купить или даже скачать бесплатно на СтудИзбе. Найдите нужный учебный материал у нас!
Ответы на популярные вопросы
Да! Наши авторы собирают и выкладывают те работы, которые сдаются в Вашем учебном заведении ежегодно и уже проверены преподавателями.
Да! У нас любой человек может выложить любую учебную работу и зарабатывать на её продажах! Но каждый учебный материал публикуется только после тщательной проверки администрацией.
Вернём деньги! А если быть более точными, то автору даётся немного времени на исправление, а если не исправит или выйдет время, то вернём деньги в полном объёме!
Да! На равне с готовыми студенческими работами у нас продаются услуги. Цены на услуги видны сразу, то есть Вам нужно только указать параметры и сразу можно оплачивать.
Отзывы студентов
Ставлю 10/10
Все нравится, очень удобный сайт, помогает в учебе. Кроме этого, можно заработать самому, выставляя готовые учебные материалы на продажу здесь. Рейтинги и отзывы на преподавателей очень помогают сориентироваться в начале нового семестра. Спасибо за такую функцию. Ставлю максимальную оценку.
Лучшая платформа для успешной сдачи сессии
Познакомился со СтудИзбой благодаря своему другу, очень нравится интерфейс, количество доступных файлов, цена, в общем, все прекрасно. Даже сам продаю какие-то свои работы.
Студизба ван лав ❤
Очень офигенный сайт для студентов. Много полезных учебных материалов. Пользуюсь студизбой с октября 2021 года. Серьёзных нареканий нет. Хотелось бы, что бы ввели подписочную модель и сделали материалы дешевле 300 рублей в рамках подписки бесплатными.
Отличный сайт
Лично меня всё устраивает - и покупка, и продажа; и цены, и возможность предпросмотра куска файла, и обилие бесплатных файлов (в подборках по авторам, читай, ВУЗам и факультетам). Есть определённые баги, но всё решаемо, да и администраторы реагируют в течение суток.
Маленький отзыв о большом помощнике!
Студизба спасает в те моменты, когда сроки горят, а работ накопилось достаточно. Довольно удобный сайт с простой навигацией и огромным количеством материалов.
Студ. Изба как крупнейший сборник работ для студентов
Тут дофига бывает всего полезного. Печально, что бывают предметы по которым даже одного бесплатного решения нет, но это скорее вопрос к студентам. В остальном всё здорово.
Спасательный островок
Если уже не успеваешь разобраться или застрял на каком-то задание поможет тебе быстро и недорого решить твою проблему.
Всё и так отлично
Всё очень удобно. Особенно круто, что есть система бонусов и можно выводить остатки денег. Очень много качественных бесплатных файлов.
Отзыв о системе "Студизба"
Отличная платформа для распространения работ, востребованных студентами. Хорошо налаженная и качественная работа сайта, огромная база заданий и аудитория.
Отличный помощник
Отличный сайт с кучей полезных файлов, позволяющий найти много методичек / учебников / отзывов о вузах и преподователях.
Отлично помогает студентам в любой момент для решения трудных и незамедлительных задач
Хотелось бы больше конкретной информации о преподавателях. А так в принципе хороший сайт, всегда им пользуюсь и ни разу не было желания прекратить. Хороший сайт для помощи студентам, удобный и приятный интерфейс. Из недостатков можно выделить только отсутствия небольшого количества файлов.
Спасибо за шикарный сайт
Великолепный сайт на котором студент за не большие деньги может найти помощь с дз, проектами курсовыми, лабораторными, а также узнать отзывы на преподавателей и бесплатно скачать пособия.
Популярные преподаватели
Добавляйте материалы
и зарабатывайте!
Продажи идут автоматически
5137
Авторов
на СтудИзбе
440
Средний доход
с одного платного файла
Обучение Подробнее