Сетка создает ритм проекту, придает ему визуальную привлекательность, ощущение упорядоченности и единства.
⠀
Основные виды сеток:
⠀
Сетка Bootstrap
Bootstrap - самый популярный в мире mobile-first и адаптивный фронтенд фреймворк. Чаще всего представляет собой 4-12 столбцов с отступами в зависимости от разрешения экрана. Система довольно стандартна и проста. Большинство сайтов отрисовано на этих принципах, и на ее основе созданы многие из перечисленных ниже систем. Такую сетку можно очень легко освоить, но эта сетка у некоторых ассоциируется с “деревянностью”.
⠀
Сетка Flexbox
Данная система сеток основана на свойствах дисплея. Такой подход к сетке считается относительно устаревшим и используется редко, но она дает достаточно интересную возможность для изменений.
⠀
Custom modular grid based HTML
Сейчас также пользуется популярностью пример, когда дизайнеры переделывают стандартный Bootstrap. Можно изменить размер отдельных блоков, сделать их неравными и так далее, сейчас это одно из трендовых решений в дизайне.
⠀
Crow Grid Framework
Crow v3.0 – умный сеточный фреймворк
По сравнению с другими системами она не очень популярна, интересная и свежая, напоминает конструктивизм плакатов. Возможно однажды она станет очень популярной.
⠀
А какая сетка использована у вас на сайте?
⠀
#vimpel #сайт #дизайн #компания #услуги #спб #санктпетербург #webdesign #бизнес #длябизнеса #интернетмагазин #landing #сайтвизитка #корпоративныйсат #интернетмагазин #seo