DA.INDSD > Обучение > Инструкции > Сетки для веба и мобильного пользовательского интерфейса

Сетки для веба и мобильного пользовательского интерфейса

Сетки для веба, мобильного интерфейса

Сетка 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 сетки уже встроены в редактор.

 

0

Related posts

Leave a comment

Comment