Лицензия

Лицензия Creative Commons
Материалы блога доступны по лицензии Creative Commons «Attribution-NonCommercial-ShareAlike» («Атрибуция — Некоммерческое использование — На тех же условиях») 4.0 Всемирная.

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

С уважением Бугайчук К.Л.

Подумайте об этом

четверг, 3 августа 2017 г.

5 ошибок визуального дизайна


Перевод статьи Тони Кулмана "Common Visual Design Mistakes That Ruin the Way Your Course Looks"


Ошибка № 1: "Изображения "скручиваются", а не масштабируются"

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

Ошибка № 2 "Нет точки внимания"
По существу, глаз перемещается по экрану в виде буквы Z. Без структурированного дизайна мы склонны сканировать по шаблону Z. Есть некоторые вещи, которые нарушают шаблон, такие как цвета, размер, пробел и отношение объекта к другому. Это означает, что мы можем контролировать движение глаз.



Руководящий принцип для дизайна электронного курса - он должен быть преднамеренным. Все, что вы делаете при разработке своего курса, должно планироваться и существовать по какой-то причине.
(Для того, чтобы понять этот принцип Тони (да и я тоже) рекомендует книгу Робин Уильямс "Дизайн для недизайнеров" - Б.К.)

Ошибка № 3: "Непоследовательный визуальный стиль"

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

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


Ошибка № 4: "Отсутствие визуальной иерархии"

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


Ошибка № 5: "Неряшливое выравнивание и компоновка"

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



Это легко исправить:

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


П.С. Некоторые моменты из того, что написал Тони - есть в моей презентации, которую и предлагаю Вашему вниманию (она была представлена благодаря Елене Локтевой и ее Летней школе e-learning.by)


Комментариев нет:

Отправить комментарий