Перейти к содержимому

Каталог курсов

Сделайте красиво: дизайн с ИИ

Научитесь замечать, что делает страницу продуманной, и объяснять агенту, как её создать.

Агент может за минуты собрать рабочую страницу, но она будет похожа на все остальные сгенерированные страницы: фиолетовый градиент, первый экран по центру, шесть карточек с эмодзи. Этот курс учит замечать, что делает страницу продуманной: иерархию, отступы, типографику и цвет. Вы исследуете живые примеры, двигая ползунки и меняя параметры. Затем научитесь ставить задачи как дизайнер: давать референсы с пояснениями вместо прилагательных, дизайн-токены вместо догадок и скриншоты, указывающие на одну проблему. Вы проверите доступность, анимацию, маленькие экраны, пустые состояния и ошибки, а в конце соберёте дизайн-систему, которую агент читает в каждой сессии: файл токенов, правила компонентов и короткий DESIGN.md. Опыт в дизайне и программировании не нужен.

Начните с бесплатного урокаСравнить все тарифы

Программа курса

  1. Раздел 1

    Смотрите как дизайнер

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

    1. Сначала главное
    2. Отступы говорят
    3. Короткая шкала шрифта
    4. У каждого цвета своя роль

  2. Раздел 2

    Визуальные задачи для агента

    Превратите вкус в понятные агенту указания: назовите шаблонные решения, используйте референсы вместо прилагательных, передайте дизайн-токены и скриншоты, показывающие одну проблему.

    1. Узнайте почерк ИИ
    2. Референсы вместо прилагательных
    3. Передайте точные значения
    4. Скриншоты с указанием проблемы

  3. Раздел 3

    Проверка и доводка

    Улучшайте страницу короткими циклами: проверяйте контраст, области нажатия и фокус, убирайте лишнее движение, начинайте с телефона и запрашивайте пустые состояния, загрузку и ошибки, которые агенты пропускают.

    1. Проверка доступности
    2. Анимация по делу
    3. Сначала телефон
    4. Экраны, о которых забывают

  4. Раздел 4

    Дизайн-система для агента

    Запишите решения там, где их найдут в каждой сессии: двухслойный файл токенов, проверяемые правила компонентов, короткий DESIGN.md со ссылкой из инструкций агента и привычки против разнобоя.

    1. Один файл токенов, два слоя
    2. Правила компонентов
    3. Задание для каждой сессии
    4. Сохраняйте систему цельной

Учебные треки

Создавайте с ИИ

Выпустите небольшой продукт, руководя работой агента: подготовьте спецификацию и проект, понятный инструментам, проверьте и протестируйте изменения, опубликуйте лендинг и объясните, как он устроен.

Курсов в программе: 9

Оживите свою идею. Начните за 60 секунд.

7 дней бесплатно на любом тарифе для новых участников · Отмена в любой момент

Начать

К курсам