Среди элементов хорошего дизайна страницы - будь то для печати или Интернета - есть концепция направления, которая тесно связана с движением. Элементы в дизайне страницы преднамеренно направляют взгляд зрителей с одной области страницы на другую. Три направления, общие для конструкций, которые используются для направления глаз:
- Горизонтально - Если вы разделите страницу или экран пополам из стороны в сторону с линией или другим элементом, глаз перемещается к каждому элементу в верхней половине дизайна, прежде чем переходить в раздел под горизонтальной линией или элементом, который делит страницу.
- Вертикальный - Если у вас есть две длинные узкие столбцы текста или две длинные узкие фотографии или графические элементы, у вас есть дизайн с вертикальным направлением. Глаз течет от верхней части одного столбца к его дну, а затем перемещается в верхнюю часть второго столбца.
- Диагональ - Если вы используете диагонали или треугольники в своем дизайне, глаз захватывается, особенно в Интернете, где вы не видите много диагональных макетов.
Каждый дизайн страницы имеет доминирующее направление, которое устанавливается путем размещения наиболее важных элементов.
Использование направления в дизайне
В веб-дизайне направление чаще всего определяется изображениями на странице, но вы также можете навязывать направление путем размещения типов или графических элементов на странице и с линиями, особенно когда на них есть стрелки.
Как включить направление в печать и веб-дизайн
Включите руководство в свои веб-проекты следующим образом:
- Посмотрите на свои изображения, чтобы определить, в каком направлении находятся предметы. Если люди на картинке смотрят направо, вы должны поместить изображение в левой части страницы. В противном случае направление глаз на фотографии направит глаза ваших читателей подальше от страницы. Вы не хотите, чтобы люди смотрели сбоку страницы.
- Используйте макет, чтобы предложить направление. Поместите плотные элементы, например фотографии, в горизонтальные, вертикальные или диагональные линии. В них окружают менее плотные элементы, такие как текст.
- Используйте линии, изображения или теги HR, чтобы предложить движение и направление. Горизонтальная линия спокойна и плавно перемещает глаз слева направо на странице. Вертикальная линия предполагает движение сверху вниз, а диагональная линия указывает на движение от одной области страницы к другой.
- Несбалансированные элементы также указывают направление и движение.
Макетные характеристики, влияющие на направление и движение
Обычно глаз обращается к самому большому элементу на странице. Это может быть большая фотография или большой заголовок. Там, где он движется дальше, это функция направления в дизайне. В хорошем дизайне место, куда направляется глаз, приводит к важной части сообщения, которое пытается выполнить страница. На движение первого большого объекта на странице на следующий важный объект могут влиять несколько вещей, в том числе:
- Цвет. Яркий цвет привлекает глаз быстрее, чем нейтральный.
- Графика. Указательный палец или стрелка заставляют глаз смотреть в определенном направлении.
- Формы. Форма, которая проходит через страницу, подобную спирали или пунктирной линии, движущейся от одного элемента к другому, несет глаз вдоль его пути.
Как определить направление
Если вы не знаете, как создать страницу для указания направления, поэкспериментируйте, просмотрев веб-страницы и печатные публикации, чтобы определить, где находится ваш глаз, а затем, где он идет вторым. Тогда ищите причину, которая произошла. Как только вы узнаете элементы дизайна, которые заставляют ваш глаз двигаться от одного элемента к другому, вы можете использовать эти элементы в своем собственном дизайне.
