Головна » Інструментарій » Автоматизуйте процес проектування Grid за допомогою GridGuide

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

    Перший великий крок будь-якого дизайну веб-сайту - це вибір сітки. Зазвичай це визначає максимальну ширину сторінки разом з тим, скільки внутрішніх стовпців і жолобів буде використано для поділу макета.

    Ви можете спробувати створити свій власний, але найкращим інструментом для цієї роботи є GridGuide. Це абсолютно безкоштовний webapp повністю автоматизує генерацію сітки для будь-якого веб-сайту незалежно від розміру.

    Просто введіть бажану максимальну ширину, а потім кількість потрібних стовпців. Як правило, ці два числа повинні бути ділими, тому це гарна ідея, щоб уникнути простого числа. Нижче наведено декілька загальних ширин для веб-сайтів:

    • 1100px на 12 стовпців
    • 1200px на 8/12 колонки
    • 1240px на 8/12 колонки
    • 1440px стовпцями 8/10/12
    • 1600px на стовпці 8/10/12

    Тут абсолютно немає неправильної відповіді. Ти можеш вибирайте будь-яку ширину і до тих пір, поки вона рівномірно ділиться на кількість стовпців тоді вам добре йти.

    GridGuide - це швидкі веб-сторінки, які автоматично оновлюються після введення значення у поле введення. Таким чином, коли ви налаштовуєте цифри вгорі, ви помітите попередній перегляд сітки автоматично змінюється.

    Раніше я покладався на Photoshop на цю роботу, і це змусило мене поборотися. Чесно створювати сітку - це один з найбільш неприємних кроків при розробці нового веб-сайту..

    Але GridGuide повністю автоматизований і дає вам багато різних параметрів сітки на основі різних розмірів стовпців і ширини жолобів.

    Можна навіть завантажити повне зображення PNG сітки, яку ви хочете імпортувати у Photoshop. Це буде економити багато часу таким чином, ви не повторюєте сітки з інструментами форми з нуля.

    І якщо вам сподобався певний стиль сітки, ви можете створити посилання на спільний доступ до закладки для пізніше або поділитися з іншими в Інтернеті.

    Для інструменту, який є повністю безкоштовним і таким простим у використанні, це повинна бути головною рекомендацією для кожного веб-дизайнера. Якщо ви боретеся з сітками і ненавидите розробку власного, то GridGuide є обов'язковим ресурсом у вашій панелі інструментів.