Лицензия

Лицензия 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)


1 комментарий:

  1. Usually I do not read post on blogs, but I would like to say that this write-up very forced me to try and do it! Your writing style has been surprised me. Thanks, very nice article.
    SAP Training in Chennai
    SAP Basis Training in Chennai
    SAP SD Training in Chennai
    SAP FICO Training in Chennai

    ОтветитьУдалить