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

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

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

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

Ошибка № 2 "Нет точки внимания"

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

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

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

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

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

Другие элементы визуальной несогласованности:

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

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

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

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

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

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

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

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