Элементы установленные не по сетке

Вроде сайт хороший, но что-то в нем не то, и как раз это «не то» может быть в модульной сетке.

Модульная сетка – это шаблон, по которому строится дизайн сайта с помощью специальной разметки. Сайты, сделанные на основе модульной сетки, удобнее для восприятия с точки зрения юзабилити.

Если не использовать сетку, будет казаться, что все элементы повисли в воздухе. Как на примере ниже:

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

Кроме того, что модульная сетка помогает эстетично и ровно расположить элементы, она еще выполняет несколько функций:

– При переносе элементов с одной страницы на другую снижается вероятность ошибок.

– Проще делать адаптивный дизайн на основе модульной сетки.

Сетку используют как на этапе создания прототипа, так и при отрисовке дизайна. Во всех сервисах для прототипирования страницы в настройках есть функция модульной сетки. То же самое касается и графических редакторов.

Практический совет: заказывая сайт у веб-студии/ агентства/ фрилансера, попросите показать вам прототип (схематичную версию сайта до отрисовки дизайна). Сбережете время и нервы (как свои, так и дизайнера).