Page 146 - Tomal_Rafal_-_Osnovy_Web-Dizayna_-_2015

Сетка, состоящая из 12 колонок, является самым популярным макетом в вебе. Используя 12
колонок, вы можете просто разделить контент на 4 колонки, три колонки или две колонки.
Макет, состоящий из 16 колонок, может дать вам больше возможностей, но он так же
усложнит работу над вашим дизайном. Я нахожу макет, состоящий из 8-ми колонок очень

простым для работы, но он не позволит разбить ваш контент на 3 колонки.

12 - магическое число, которое дает вам очень много возможностей в работе над макетом, и
при этом его не так уж сложно будет поддерживать.

Вопреки разработки дизайна для печати, у веб-сайтов нет фиксированной высоты, так что

мы часто используем только колонки, горизонтальные линии нам практически не нужны.
Конечно же, вы можете создать прекрасный статический дизайн в Photoshop, но веб-
разработчики не смогут воссоздать его в коде и поддержать гибкость контента на странице.

Так, как же вы можете создать ваш собственный макет с сеткой?

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

колонок.

Допустим, ширина страницы составляет 1140 пикселей, и вы хотите использовать сетку,
состоящую из 12 колонок, у вас будет 11 пробелов. Для начала вам необходимо

определиться с шириной пробелов, я выбираю 12 пикселей:

11 x 12px = 132px

132 пикселя - это ширина всех пробелов

1140px - 132px = 1008px

Вычитаем ширину пробелов из ширины макета

1008px / 12 = 84px

Делим оставшееся значение на количество колонок

www.trk.kg