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


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

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

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

EDIT: я нашел этот сайт самым простым: http://www.zurb.com/playground/css-grid-builder но опять же, что мне делать с 12 колонками? Все ли в колонке "разбито", чтобы поместиться в колонке? для меня это не имеет смысла.

Правка: я читаю учебник grid 960 ниже и чувствовал себя лучше, но в конце он говорит:

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

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

Правка:

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

2 6

2 ответа:

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

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

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

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

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