Автоматизуйте процес проектування 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 є обов'язковим ресурсом у вашій панелі інструментів.