Одним из главных моментов в проектировании макета веб-страницы является расположение на ней различных элементов. Для того чтобы все детали сайта были размещены равномерно и аккуратно, профессиональные дизайнеры используют специальный инструмент, который именуется модульной сеткой. Она представляет собой упорядоченную систему вертикальных и горизонтальных прямых. С ее помощью можно грамотно организовать рабочее поле веб-страницы, определить правильное местонахождение всех элементов дизайна.
Способы создания модульной решетки
Программа Photoshop очень популярна среди веб-дизайнеров. Этот графический редактор располагает мощным инструментарием, позволяющим реализовать самые оригинальные идеи в оформлении веб-страниц. Сделать в нем модульную сетку не составит особого труда даже начинающим разработчикам макетов сетевых ресурсов.
- Есть два варианта создания такого вспомогательного инструмента в Photoshop:
- Его можно сделать в ручном режиме. С помощью сочетания клавиш «ctrl+’» следует активировать сетку, встроенную в основной набор инструментов графического редактора. После этого через меню «Просмотр» необходимо выставить направляющие. Главная сложность при создании сетки таким способом состоит в вычислении расстояний между линиями. Параметры модулей зависят от значений ширины макета, размера выбранного шрифта и многих других показателей.
- Более простым способом является генерация с помощью специальных плагинов. Такое расширение, как, например, Modular Grid Pattern, позволяет без проблем сделать модульную сетку со всеми нужными значениями параметров для конкретного дизайнерского решения. После установки плагин появится в перечне операций, вызываемый сочетанием клавиш «alt + F9».