Школа
Вёрстка

Есть модульная сетка. Что с этим делать дальше?

Привет, у меня модульный вопрос. Есть модульная сетка для сайта, шириной 960 px. Отступы 10 px, ширина каждой колонки 60 px (всего 12 колонок) и расстояние между колонками 20 px.

Вопрос по поводу вертикальной разметки. Как её рассчитать? Скажем размер основного шрифта 12 pt, что с этим делать дальше?

Андрей Болконский
24 авг 2016
👁 14261   🗩3
Вёрстка

Есть модульная сетка. Что с этим делать дальше?

Привет, у меня модульный вопрос. Есть модульная сетка для сайта, шириной 960 px. Отступы 10 px, ширина каждой колонки 60 px (всего 12 колонок) и расстояние между колонками 20 px.

Вопрос по поводу вертикальной разметки. Как её рассчитать? Скажем размер основного шрифта 12 pt, что с этим делать дальше?

Андрей Болконский
24 авг 2016
👁 14261   🗩3
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Андрей!

Совет: не городите леса раньше времени. Выкиньте сетку и не начинайте с неё проектирование. На начальном этапе сетка лишь ограничит вас. Сначала нарисуйте хорошую красивую страницу и уже потом её систематизируйте.

Сетка — это инструмент, а не результат. Она не должна диктовать условия. Представьте, если бы карандаш говорил, как штриховать, а линейка — куда вести линию?

К сетке полезно прибегать, когда вы устаканите общее визуальное решение страницы или сайта. Например, сетка поможет сделать цельной сложную многоэтажную страницу, а разные страницы одного сайта — единообразными.

А бывает, что сетка не нужна вовсе.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Типографика в вебеМодульная вёрсткаФормат: иллюстрацияФормат: текстНоситель: сайтМодульная сетка
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы