Используете ли вы сетку при разработке веб-страницы?

Question

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

Я прочитал в одной статье, на которую есть ссылка в другом вопросе SO, и там говорилось, что проектирование сетки было во всех видах разработки, даже при разработке формы приложения. Это заставило меня задуматься о таких вещах, как привязка к сетке и т. Д., И я не знал, была ли сетка в сфере веб-дизайна одинаковой. Я надеялся, что кто-нибудь может дать мне краткое, но не слишком сложное представление, а не ссылку на Google, которую я уже использовал.

Спасибо за любую помощь.

РЕДАКТИРОВАТЬ: я нашел этот сайт проще всего: http://www.zurb.com/playground/css-grid-builder но опять же, что мне делать с 12 столбцами? Все ли в колонке "разбито", чтобы уместиться в колонке? это не имеет смысла для меня.

РЕДАКТИРОВАТЬ: я прочитал учебник сетки 960 ниже и чувствовал себя лучше, но в конце он говорит:

Вы также можете использовать концепции Grid 960 в производственном коде, но не рекомендуется придерживаться фреймворка на всем протяжении производства. Фреймворки CSS, как и любой инструмент, имеют свое применение. Имея это в виду, иди и прототип!

Я не пытаюсь вывести это из контекста, но если я не использую это в производстве, какой смысл? Я понимаю необходимость прототипирования, но если мне нравится прототип, почему бы не использовать сетку 960? Я не могу понять комментарий. Спасибо.

EDIT:

Система 960 для производства?

Answer 1

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

Я бы порекомендовал вам сделать шаг назад от компьютера, на время забыть о 960, div-ах, привязке к сетке и HTML, и, если возможно, пролистать несколько книг и журналов по графическому дизайну и сделать немного рисовал. Или даже просто возьмите газету и подумайте, какие сетки они используют (сколько там столбцов, одинаковой ли ширины, отличаются ли сетки на разных страницах или разделах, какие элементы придерживаются сетки, которые расходятся с ней? ).

Сетка имеет хороший список ресурсов.

Тогда вам следует подумать о том, как сетки в целом могут быть полезны для ваших проектов, и может ли быть полезна конкретная модель, такая как сетка 960.

Answer 2

Когда я проектирую любой пользовательский интерфейс / веб-дизайн, я не обращаю внимания на grid макет, пока не начну конструировать свои основные элементы. как только это будет сделано, я реализую grid, чтобы хорошо сочетаться с этими основными элементами для легкого визуального сканирования