Автоматизируйте свой процесс проектирования Grid с GridGuide
Первым важным шагом любого дизайна сайта является выбор сетки. Обычно это определяет максимальную ширину страницы, а также количество внутренних столбцов и желобов, которые будут использоваться для разделения макета..
Вы можете попробовать создать свой собственный, но лучший инструмент для этой работы - GridGuide. Это абсолютно бесплатное веб-приложение, которое полностью автоматизирует создание сетки для любого сайта независимо от размера.
Просто укажите желаемую максимальную ширину и количество столбцов. Обычно эти два числа должны делиться, поэтому рекомендуется избегать простых чисел. Вот некоторые общие максимальные ширины для сайтов:
- 1100px на 12 столбцов
- 1200px на 8/12 столбцов
- 1240px на 8/12 столбцов
- 1440px от 8/10/12 столбцов
- 1600px на 8/10/12 столбцов
Здесь нет абсолютно неправильного ответа. Вы можете выбрать любую ширину и до тех пор, пока она равномерно делится на количество столбцов тогда ты в порядке.
GridGuide - это быстрое веб-приложение, поэтому оно автоматически обновляется после ввода значения в поле ввода. Так как вы настраиваете числа вверху, вы заметите предварительный просмотр сетки автоматически меняется.
Я привык полагаться на Photoshop для этой работы, и это сводило меня с ума. Честно говоря, создание сетки - один из самых неприятных шагов при разработке нового веб-сайта, и получение чисел, идеально подходящих для пикселей, может приводить в бешенство.
Но GridGuide полностью автоматизирован, и он дает вам много разных опций сетки, основанных на разном размере столбца и ширине желоба..
Вы можете даже загрузите полное PNG-изображение сетки, которую вы решили импортировать в Photoshop. Это будет сэкономить много времени так что вы не воссоздаете сетки с помощью инструментов формы с нуля.
И если вам нравится определенный стиль сетки, вы можете сгенерировать ссылку на общий доступ к закладке для последующего использования или поделиться с другими в Интернете.
Для инструмента, который является полностью бесплатным и настолько простым в использовании, это должна быть моя главная рекомендация для каждого веб-дизайнера. Если вы боретесь с сетками и ненавидите проектировать свои собственные, то GridGuide является обязательным ресурсом в вашем наборе инструментов..
