Автоматизируйте свой процесс проектирования 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 является обязательным ресурсом в вашем наборе инструментов.
Читайте также: Интеграция простых CSS Grid Layouts в WordPress
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)