Pull to refresh

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

О модульных сетках сказано и написано очень многое. В том числе и на данном ресурсе.
Сегодня я хочу познакомить вас с удобным расширением для 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 Ну и полезным будет почитать по теме статью Маркуса Гарда Сеточная система вёрстки.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.