Макет страницы или состав страницы - это процесс размещения и компоновки текста и графики на странице. Хорошая композиция - это то, что не только приятно смотреть, но и эффективно передает сообщение текста и графики целевой аудитории. Существуют определенные проверенные элементы составления страниц, которые могут помочь обеспечить успешный макет. Вы можете заметить, что эти советы по составлению страницы тесно связаны с принципами дизайна.
Выровнять все элементы друг с другом или сеткой
Поместите каждый текст или графический элемент на страницу так, чтобы они имели визуальное соединение друг с другом. Вы можете использовать горизонтальное или вертикальное выравнивание; просто выравнивайте объекты вдоль одного края или центрируйте их. Наблюдение за ним может работать, но для сложных макетов полезно использовать сетку. Этот один составной совет сам по себе может значительно улучшить состав страницы, потому что наши глаза и мозги жаждут определенного порядка и последовательности.
Продолжить чтение ниже
02 из 07Выберите один визуал или сделайте сильные визуальные соединения
Один из самых простых и, возможно, самых мощных макетов использует один сильный визуальный. Однако, если вы используете несколько изображений, держите их подключенными как по выравниванию, так и по близости - группируя изображения так, чтобы они составляли единую визуальную единицу и выравнивали их аналогичным образом.
Продолжить чтение ниже
03 из 07Сохранение нечетных или четных элементов в балансе
Создание правильного баланса - это как количество текстовых и графических элементов, так и порядок их размещения на странице. Нечетные числа имеют тенденцию создавать более динамичный макет. Используйте нечетное количество изображений, нечетные числа текстовых столбцов. Или создайте динамический макет с асимметричным расположением элементов. Симметричный баланс или использование четных элементов, таких как два или четыре столбца или блок из 4 изображений, обычно создает формальную, более статичную компоновку.
04 из 07Разделите страницу на треть
Что касается баланса, правило третей предполагает, что более приятная композиция возможна, если ваше расположение текста и графики может быть размещено с использованием одного из этих рекомендаций:
- Наиболее важные элементы, расположенные более или менее равномерно в вертикальной или горизонтальной трети
- Наиболее важные элементы, сосредоточенные в верхней или нижней части страницы
- Наиболее важные элементы сосредоточены на одной из точек пересечения линий после визуального разделения страницы на третью горизонтально и вертикально
Продолжить чтение ниже
05 из 07Добавить пробел в нужном месте
Так же важно, как текст и графика на странице - это пустое пространство. Чередование слишком сильно на странице, даже если оно идеально выровнено и сбалансировано и попадает в правило третей, может испортить композицию. На странице нужна визуальная комната для дыхания. Лучшее место для белого пространства расположено вокруг краев страницы (полей) и краев текста или графических элементов, поэтому оно не попадает в середину страницы, но увеличение абзаца, строки и букв может также улучшить макет ,
06 из 07Используйте два или более одного и того же элемента дизайна
Если хорошо, два лучше? Иногда да. Повторение может осуществляться в форме последовательного использования выравнивания, используя те же цвета для связанных элементов (например, кавычки или заголовки), используя тот же стиль или размер графики или просто размещая номера страниц в одном и том же месте на протяжении всего издание.
Продолжить чтение ниже
07 из 07Подчеркните различия между элементами дизайна
В то время как некоторые аспекты составления страницы включают в себя те вещи, которые являются одинаковыми - одинаковое выравнивание, последовательное использование цвета - также неплохо было бы поделать что-то по-другому, использовать контрастные элементы, включая цвет и выравнивание. Чем больше разница, тем больше контраст и более эффективный макет. Простые примеры использования акцента включают создание заголовков намного больше, чем другой текст, и использование другого размера или цвета текста для титров, вытягивания цитат и номеров страниц.