Автоматизируйте свой процесс проектирования Grid с GridGuide

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

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

Читайте также: 10 самых интересных сеток jQuery

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

1100px на 12 столбцов
1200px на 8/12 столбцов
1240px на 8/12 столбцов
1440 пикселей по 8/10/12 колонкам
1600px 8/10/12 колонками

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

GridGuide — это быстрое веб-приложение, поэтому оно автоматически обновляется после ввода значения в поле ввода. Поэтому, если вы отрегулируете числа сверху, вы заметите, что предварительный просмотр сетки автоматически меняется.

Я привык полагаться на Photoshop для этой работы, и это сводило меня с ума. Честно говоря, создание сетки — один из самых разочаровывающих шагов при разработке нового веб-сайта, и получение чисел, идеально подходящих для пикселей, может приводить в бешенство.

Но GridGuide полностью автоматизирован, и он дает вам много разных параметров сетки, основанных на разном размере столбца и ширине желоба.

Вы даже можете загрузить полное PNG-изображение сетки, которую вы решили импортировать в Photoshop. Это сэкономит много времени, поэтому вы не будете заново создавать сетки с помощью инструментов формы с нуля.

И если вам нравится определенный стиль сетки, вы можете сгенерировать Поделиться ссылкой сделать закладку на потом или поделиться с другими в сети.
Для инструмента, который является абсолютно бесплатным и настолько простым в использовании, это должна быть моя главная рекомендация для каждого веб-дизайнера. Если вы боретесь с сетками и ненавидите создавать свои собственные, то GridGuide является обязательным ресурсом в вашем наборе инструментов.