Советы по компоновке страницы: 7 способов улучшить макет страницы

Оглавление:

Советы по компоновке страницы: 7 способов улучшить макет страницы
Советы по компоновке страницы: 7 способов улучшить макет страницы
Anonim

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

Image
Image

Семь способов улучшить макет страницы

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

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

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

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

Рекомендуемые: