DesignHub

🔵 Композиция, сетки и формы

Тип

Базовый навык

1 Lvl

Знаком с базовыми принципами композиции в интерфейсах, старается применять их в работе. Понимает разницу в восприятии различных форм, умеет адаптировать формы под композицию и наоборот. Знаком с нативными модульными сетками для веба и мобайла, создает макеты в рамках заданной композиции и сетки.

2 Lvl

Отлично знает и понимает все принципы и механизмы композиции и интуитивно применяет их в работе. Способен выстроить композицию под настроение и определенное восприятие. Часто использует нестандартные приемы. Умело обращается с пропорциями и ритмом в интерфейсе. Обладает знаниями о струнах, способен осознано нарушать правила нативной композиции и строить кастомные структуры сетки. Изучил дополнительные материалы о проектировании визуальных систем и успешно применяет полученные знания на практике.

3 Lvl

Способен сформировать композицию для четкого, последовательного восприятия. Комбинирует нестандартные приемы и композиционные принципы для достижения наилучшего результата. Понимает технические особенности проектирования нестандартных систем сеток для разных платформ. Обладает большим опытом разработки адаптивных фулскрин-систем.

Читать (долго)

🖥️ [Readymag] Сетки 🖥️ [Tilda Ed] Дизайн в цифровой среде 📘 Refactoring UI 🖥️ Гайд по визуальному дизайну 📝 Типографика и верстка Игоря Штанга 🖥️ [Obys] Лонгрид по сеткам 📘 Модульные системы в графическом дизайне 🖥️ [Бюро Горбунова] Типографика и вёрстка

Смотреть (долго)

🎞️ [Сергей Гуров] Сетки и проектирование сайтов (2019) 🎞️ [Granich] InDesign 🎞️ [BBE] Секреты композиции 🎞️ [BBE] Конструкция и композиция (2021) 🎞️ [BBE] Язык дизайна 🎞️ [BBE] Мультидисциплинарный дизайн

Читать (быстро)

📰 [Яндекс.Практикум] Ритм, баланс и контрформа — разбираем композицию по косточкам 📰 [Яндекс.Практикум] Правила композиции 📰 [Лин.Дизайн] Ошибки в вёрстке 📰 Какие виды сеток существуют в дизайне? 📰 5 базовых правил хорошего дизайна 📰 Модульные системы в графическом дизайне: основы швейцарской вёрстки

Смотреть (быстро)

📀 Про композицию 📀 [Гранич] Разбор теории плаката, ч.6 📀 [Гранич] Разбор теории плаката, ч.5 📀 [Гранич] Разбор теории плаката, ч.4 📀 [Гранич] Разбор теории плаката, ч.3 📀 [Гранич] Разбор теории плаката, ч.2 📀 [Гранич] Как за 5 минут сделать плакат, чтобы клиент его утвердил 📀 [Гранич] Разбор теории плаката, ч.1 📀 [Гранич] Дизайн макета с нуля 📀 Верстаем плакат

Грейд (1Lvl)

2️⃣ Junior

Грейд (2Lvl)

4️⃣ Middle minus

Грейд (3Lvl)

5️⃣ Middle