Как стать автором
Обновить

Модульная сетка в дизайне

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

Все дизайнеры наверняка слышали о портале 960.gs. Данная сетка представляет собой попытку рационализировать рабочий процесс веб-разработки, предоставляя обычно используемые размеры, основанные на ширине в 960 пикселей. Есть два варианта: 12 и 16 колонок. Минус только один. Постоянно нужно загружать либо файл с сеткой, либо заходить на сайт.

И тут на помощь приходит аналог — modulargrid.org. Modular Grid Pattern — это приложение для веб-дизайнеров, которое поможет быстро и легко создать модульную сетку в Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design и др.

image

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

И это еще не все. Так же существует плагин под названием GuideGuide:

image

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

image

PS Ну и полезным будет почитать по теме статью Маркуса Гарда Сеточная система вёрстки.
Теги:
Хабы:
Данная статья не подлежит комментированию, поскольку её автор ещё не является полноправным участником сообщества. Вы сможете связаться с автором только после того, как он получит приглашение от кого-либо из участников сообщества. До этого момента его username будет скрыт псевдонимом.