Структура собрана; теперь проекту нужен собственный визуальный закон. Мы разберём художественное руководство как систему отношений между типографикой, изображениями, пространством, цветом и движением; соберём moodboard вместе с anti-moodboard; напишем DESIGN.md с положительными правилами, запретами и обоснованным исключением. Отдельно рассмотрим AI-slop, Taste Skill и Impeccable: вкус уже превращается в переносимый протокол, поэтому дизайнер отвечает за происхождение и пересмотр правила. Итог занятия — визуальная конституция и три связанные секции страницы.
Рабочий вопрос
Как сделать визуальный язык следствием концепта и не превратить борьбу с шаблоном в следующий шаблон?
Визуальная система лендинга выполняет работу убеждения ещё до того, как посетитель прочитал все фразы. Масштаб сообщает иерархию, материал изображения — степень реальности, цвет — культурную позицию и состояние, движение — модель времени, сетка — порядок отношений. Эти решения нельзя откладывать на стадию «сделать красиво»: они уже участвуют в обещании.В первом модуле вы собрали типографические роли, сетку и ритм. Теперь тот же аппарат должен поддержать продуктовую сцену и действие. Художественное руководство начинается с вопроса о законе артефакта, а заканчивается правилами производства каждого нового элемента.
Цвет имеет историю
Архивные лекции о семиотике цвета полезны как прививка от таблиц «красный означает страсть, синий — доверие». Цветовое значение возникает в культуре, жанре, материале и соседстве. Один и тот же жёлтый может сообщать царственность, токсичность, ожидание, юмор или дешёвую срочность.Выбирайте цвет через роль:⚫️ что он отделяет;
⚫️ какое состояние вводит;
⚫️ где становится сигналом действия;
⚫️ как ведёт себя рядом с изображением;
⚫️ сохраняет ли контраст и читаемость.
Пять переменных художественного руководства
- Типографическая интонация: голоса, масштаб, плотность, длина строки.
2. Изобразительный режим: документ, предметная фотография, свидетельство, схема, синтетическая сцена.
3. Пространственный закон: симметрия, смещение, накопление, пустота, конфликт сеток.
4. Цветовой режим: фон, сигнал, состояние, переход.
5. Временной режим: неподвижность, задержка, повтор, раскрытие, управляемая анимация.К каждой переменной добавьте причинную фразу: «потому что закон артефакта…». Фраза быстро обнаруживает приём, выбранный по инерции.
Moodboard и anti-moodboard
Moodboard показывает желаемое соседство материалов. Он бесполезен, если состоит из пяти готовых лендингов одного модного жанра: проект получает готовую поверхность и начинает подгонять под неё смысл. Собирайте источники из разных областей — документацию, кино, научные изображения, предметы, архитектуру, упаковку, печатные системы, пользовательские следы.Anti-moodboard фиксирует ближайшие соблазны:⚫️ решения, которые генератор выдаёт первым;
⚫️ визуальный жест, уже использованный половиной группы;
⚫️ стиль, противоречащий цене и механизму продукта;
⚫️ эффект, скрывающий отсутствие материала;
⚫️ «дорогую» поверхность, делающую все проекты одинаковыми.
DESIGN.md: вкус как редактируемый договор
Составьте короткий файл проекта:```md
Визуальный закон
Основание
Как концепт меняет форму.
Правила
Что повторяется и почему.
Изображения
Какие типы допустимы, какую работу выполняют.
Типографика
Роли, масштаб, длина строки, контраст.
Пространство и движение
Сетка, паузы, адаптивное превращение, анимация.
Запреты
Ближайшие шаблоны и причины отказа.
