Сетка Bootstrap
Bootstrap Самый популярный в мире mobile-first и адаптивный фронтенд фреймворк.
Чаще всего 12 столбцов с отступами. Стандартная и простая система. Большинство интерфейсов построено на этих принципах и на ее основе создаются многие из перечисленных ниже систем. Очень быстро осваивается, но эта сетка создает внутреннюю стандартизацию.
Сетка Google Material Design
Адаптивный пользовательский интерфейс материального дизайна, в основе которого лежит сетка из 12 колонок. Эта сетка создает визуальную согласованность между элементами… material.io
Сетка Flexbox
Это система сеток, основанная на свойствах дисплея. flexboxgrid.com
Human Interface Guidelines
Принципы дизайна – Краткое описание – Human Interface Guidelines
Узнайте о разработке приложений для iOS.developer.apple.com
Fluent Design System
Яркая дизайн-система для сложного мира от Microsoft. Настало время для смелого, масштабируемого, универсального дизайна fluent.microsoft.com
Это основные сетки и самые популярные, придумывать свои нет необходимости. В такие инструменты, как Sketch, Adobe XD и Figma сетки уже встроены в редактор.
