Цель: Научиться использовать изображение как контекст: анализировать интерфейс, объяснять проблему и формулировать визуальный результат.
Главное
- У изображения тоже должна быть цель анализа.
- Отделяйте то, что видно, от предположений.
- При генерации визуала описывайте композицию, содержание и ограничения.
Конспект урока
Скриншот часто объясняет задачу быстрее длинного текста. Вы можете показать интерфейс и спросить: «какие элементы перегружают первый экран?», «где пользователь может потеряться?», «какие тексты плохо читаются на мобильной версии?». Но снова важна цель.
При анализе изображения просите разделять наблюдение и интерпретацию. Наблюдение: «на экране три одинаково яркие кнопки». Интерпретация: «пользователь может не понимать, какая главная». Такое разделение помогает не принимать предположение за факт.
Если вы ставите задачу на создание визуала, используйте пять блоков: назначение, формат, главный объект, композиция, ограничения. Например: «обложка курса, 16:9, деловой человек за ноутбуком, тёмный фон JU BIX, свободная зона слева под заголовок, без логотипов сторонних компаний и без мелкого текста».
Для UI-макетов полезно отдельно указать, что нельзя менять: структура, порядок блоков, CTA, смысл текста. Это позволяет менять только визуальный слой — именно так мы делаем редизайн Education.
Практика
Сделайте скриншот любого рабочего экрана. Попросите AI сначала перечислить только наблюдаемые элементы, затем отдельно предложить 5 улучшений под конкретную цель.
Готовый шаблон промпта
Проанализируй скриншот для цели [цель]. Сначала перечисли только то, что объективно видно. Затем отдельно предложи улучшения. Не меняй [структура/CTA/логику], меняй только [визуал/текст/иерархию — нужное].Урок завершён, когда
Вы умеете использовать изображения как точный контекст, не смешивая факты и догадки.