Как помогает грид-дизайн и какова их роль в дизайне веб-сайтов

Я не дизайнер, но я учусь, как реализовать эффективный дизайн на веб-сайте. Как мы выбираем используемую сетку, насколько я понимаю, блоки 3x3 выглядят хорошо для меня. Но по мере чтения я заметил, что существует гораздо больше вариантов сетки, таких как 12x12, 16x16. Если да, то где на веб-сайте будет находиться точка «фокуса»?

В сетке 3x3 я понимаю, что точка «фокуса» лежит между двумя горизонтальными линиями, пересекающимися с одной вертикальной линией.

Ответы (1)

Сетка — это просто инструмент, используемый для придания визуального баланса изделию. Нигде не говорится, что кто-то должен следовать или не следовать сетке в чем бы то ни было. Его просто там, чтобы помочь с макетом.

Сетки, которые вы даете, могут работать, но на самом деле все зависит от того, что ВЫ думаете, выглядит хорошо. Если вы работаете только с сетками 3x3 и вы и ваш клиент довольны результатами, то вам не нужно беспокоиться о других сетках. Если вы обнаружите, что другие форматы сетки, даже сетки с разной длиной строки-столбца (например, сетка 3x5 или сетка 5x7), тогда больше возможностей для вас.

И вы говорите, что понимаете, что фокус на сетке 3x3 находится там, где пересекаются линии сетки; это можно сказать о любой сетке, которую вы даете. Теоретически любая точка на сетке, где пересекаются линии, может быть точкой фокусировки вашего произведения. Это просто зависит от того, как вы размещаете свои элементы и какую иерархию вы используете.

Спасибо за ответ, это означает, что сетка предназначена только для визуального баланса, и для того, чтобы уделить определенное внимание макету веб-сайта, мне нужно также сочетать с другими критериями. Я прав? Более сложные сетки предназначены для более сложной расстановки ящиков.
Более сложные сетки МОГУТ быть для более сложных конструкций. Но чем сложнее сетка, тем меньше в ней будет помощи. Сетка 24x24, вероятно, не поможет вам с макетом, как сетка 3x3 (но вы, вероятно, обнаружите, что ваша сетка 24x24 все равно будет уменьшена до сетки 6x6, 4x4 или 3x3).