Сетки для макетов в 12 колонок

Сетки для макетов в 12 колонок

12015-07-26260584Денис Абдуллин

Довольно специфичный для нашего сайта материал, но очень полезный для дизайнера сайтов. Сегодня принципиально делать макеты по сеткам, особенно для создания адаптивного сайта. Предлагаемые сетки заточены под фреймворк Bootstrap.

Архив содержит 3 файла PSD:

  • Web: 1280px width - 70px columns - 30px gutter
  • Tablet: 1024px width - 60px columns - 20px gutter
  • Mobile: 320px width - 10px columns - 10px gutter

Вопрос, как и зачем использовать эти сетки могут возникнуть только у новичка. Если вы таковой, то, вероятно, вы делаете сайт сразу с помощью кода. Хотя это частный случай. Сетка для создания макета сайта нужна как воздух, по ней сегодня строятся большинство сайтов, это как минимум удобно.

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

Также есть отличный сайт посвященный системам сеток, это http://960.gs/, вы сразу заметите что выделяют систему в 12 колонок и в 16 колонок.

Источник: http://drbl.in/hDHT


Создать сайт в uKit Нужен классный сайт для бизнеса?
Воспользуйтесь сервисом uKit. Никакого кода!
Комментарии (4)
Тигран 2015-07-28 в 18:58 / МатериалСпам
hesepu, что будешь делать дальше?
0
Владислав 2015-07-28 в 19:02 / Материал
Планов много.
0
Вячеслав Матебарчук 2015-07-27 в 11:28 / МатериалСпам
Отлично! Спасибо большое!
0
Kophack 2015-07-26 в 10:44 / МатериалСпам
Норм скрипт)
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите или зарегистрируйтесь.