April 18, 2023

Правило третей в веб-дизайне: 3 принципа использования

Встречали ли вы когда-нибудь сайт, который казался вам неправильным, но вы не могли понять почему? Скорее всего, при его создании дизайнер не следовал правилу третей. Давайте разберёмся, о чём идёт речь.

Правило третей — хорошо известный принцип в фотографии, который нашёл своё применение в веб-дизайне. Он предполагает деление визуального пространства страницы на три равные части по горизонтали и вертикали, чтобы получить девять одинаковых прямоугольников и четыре точки пересечения.

Правило третей, сайт Revolut

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

Места точек пересечения линий естественным образом привлекают к себе взгляд пользователя и делают контент более заметным.

Ниже мы рассмотрим ещё один реальный пример:

Правило третей, сайт компании Maki

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

Правило третей, сайт Webflow

Применение правила третей в дизайне

Необязательно оформлять весь сайт строго по правилу третей. Используйте его для размещения наиболее важных элементов по сетке. Это займет буквально пару минут.

Попробуйте сделать скриншот сайта (только видимую часть страницы или только заголовок, но не всю страницу, потому что никто не смотрит на сайт таким образом) и разделите его на девять равных прямоугольников.

После этого вы сможете решить, нужно ли вносить какие-либо изменения.

Это простая, но действенная техника, которая поможет создать визуально приятный и гармоничный дизайн. Попробуйте применить её в следующий раз, когда будете проектировать главные разделы сайта!

Надеемся, эта информация оказалась полезной для вас!