Создавайте визуально безупречные приложения: от идеи до продакшн-дизайна с помощью AI-инструментов

Искусство создания AI-приложений: От «Slop» к Дизайнерскому шедевру

🗺 Карта навыков

1. Отказ от стандартных шаблонов: Почему «Vibe Coding» недостаточно

В эпоху, когда любой человек может запустить создание приложения через одну текстовую команду в Google AI Studio, мы столкнулись с феноменом «AI Slop» — это визуальный шум, когда все продукты выглядят как клоны друг друга. Спикер Sariah подчеркивает критическую ошибку новичков: они слишком полагаются на автоматизацию функционала, забывая, что пользователь «влюбляется» в интерфейс не из-за того, как быстро он работает, а из-за того, какие эмоции он вызывает. Дизайн — это не просто расстановка кнопок, это коммуникация бренда с подсознанием человека.

В видео Sariah приводит пример работы над приложением-журналом. Большинство разработчиков создают стандартный список записей с серым фоном и стандартными иконками, который кажется «мертвым». Чтобы избежать этого, она предлагает метод «эмоционального проектирования». Прежде чем просить ИИ написать код, вы должны ответить на вопрос: «Что именно должен чувствовать человек, открывая это приложение?». Если это журнал, то эмоция должна быть связана с покоем, уходом от цифровой суеты, возможно, аналоговым теплом. Именно на этом этапе закладывается фундамент брендинга, который будет отличать ваш продукт от миллионов других.

Sariah отмечает: «Мы должны думать о продукте как о чем-то, что имеет начало, середину и конец. Если вы создаете приложение для отслеживания здоровья, не заставляйте пользователя чувствовать тревогу от обилия графиков и напоминаний. Работайте от обратного: какой должна быть конечная эмоция? Спокойствие? Значит, интерфейс не может быть перегружен уведомлениями». Этот подход превращает ваш проект из набора функций в целостный опыт. В качестве примера она берет идею «старения» интерфейса — концепцию, при которой приложение визуально меняется или «изношено» (как старая кассета), что придает ему уникальную историю и индивидуальность. Это кардинально отличается от стерильных шаблонов, выдаваемых нейросетями по умолчанию.

Цитата из видео: «Вы можете думать об этом как о том, что именно нужно отдать на аутсорс, а что оставить за собой. Можно делегировать функции, но «как» это должно выглядеть — это ваша территория. В противном случае, если вы делегируете всё мышление, логично, что всё будет выглядеть одинаково». Эти слова подчеркивают, что главная ценность дизайнера сегодня — это вкус и способность задать вектор, который ИИ затем лишь технически реализует.

✅ Сделайте сейчас: Откройте любой текстовый редактор и выпишите 3 прилагательных, описывающих эмоциональное состояние вашего потенциального пользователя при первом открытии приложения. Затем напишите 2 вещи, которыми ваше приложение точно не должно быть (например: «не должно напоминать корпоративный дашборд» или «не должно быть перегружено уведомлениями»). Сохраните этот список как «Эмоциональный манифест» — это станет вашим главным фильтром для любых дизайнерских решений.

2. Использование Claude для формирования брендовой идентичности

Многие ошибочно полагают, что создание «брендбука» или «гайдлайнов» — это прерогатива крупных компаний с огромными бюджетами. Однако, как показывает Sariah, это один из самых быстрых способов сделать ваш проект «легитимным» и узнаваемым. Claude здесь выступает не просто как помощник, а как интеллектуальный спарринг-партнер. Вместо того чтобы просить его «нарисовать дизайн», вы просите его структурировать ваши ощущения от будущего продукта в концептуальную базу. Если ваш проект — приложение «Cassette» (голосовой дневник), Claude поможет выявить метафоры, которые сделают его живым: звук щелчка записывающей головки, текстура пленки, ностальгия по 80-м.

Процесс выглядит следующим образом: вы вводите в Claude описание своей целевой аудитории и желаемых эмоций. Модель начинает предлагать идеи не просто для визуального стиля, а для всей экосистемы продукта. Например, для «Cassette» это могут быть такие инсайты, как «отказ от продуктивности в пользу разгрузки мыслей» или «разрешение быть неидеальным». Именно эти текстовые идеи становятся основой для промптов, которые вы позже отправите в инструменты генерации изображений, такие как Flux или Ideogram. Когда вы даете ИИ конкретные визуальные ориентиры («аналоговая теплота», «потертость», «минимализм кассетной ленты»), результат получается в разы качественнее, чем при абстрактном запросе «красивое приложение для записи звука».

Спикер подчеркивает, что это не «корпоративный жаргон». Напротив, это способ приземлить свои абстрактные идеи. Sariah использует этот метод, чтобы создать «визуальный якорь». Если у вас есть четкое текстовое описание бренда, вы сможете легко проверить любой сгенерированный элемент: соответствует ли эта кнопка настроению «спокойствия» или она слишком агрессивна? Claude в этом workflow — это ваш арт-директор. Он помогает отфильтровать лишнее еще на этапе задумки, экономя часы итераций в Figma. Важно понимать, что бренд-гайдлайн в данном контексте — это не 50-страничный документ, а короткий список принципов, который вы держите открытым во время проектирования.

Цитата из видео: «То, что люди не осознают, так это то, что именно бренд-гайдлайны заставят людей скачать ваше приложение. Это противоположность корпоративному жаргону и бюрократии. Если бренд успешен, вы даже не заметите его в конечном приложении. Он просто будет казаться правильным, как будто так и должно быть». Эти слова напоминают нам, что лучший дизайн — это тот, который незаметен, но ощущается как единое целое.

✅ Сделайте сейчас: Зайдите в Claude и пропишите промпт: «Я создаю [тип вашего продукта]. Моя цель — вызвать у пользователя чувство [ваши 3 прилагательные из прошлого блока]. Опиши 5 ключевых визуальных метафор, которые могли бы отразить это настроение, избегая при этом типичных клише из современного IT-сектора». Выберите одну метафору, которая вам откликается больше всего, и сделайте её главной темой всей вашей визуальной системы — от логотипа до фоновых текстур.

3. Курирование эстетики через Cosmos: Искусство визуального поиска

В мире, перенасыщенном однотипными интерфейсами, ваш главный козырь — это насмотренность. Sariah, спикер нашего мастер-класса, делает акцент на том, что нельзя создать нечто уникальное, находясь внутри «пузыря» типичных IT-решений. Метод, который она предлагает, заключается в использовании платформы Cosmos — это мощный инструмент для курирования визуальных референсов, который работает как ваш персональный банк идей. В отличие от стандартного Pinterest, Cosmos позволяет выстраивать глубокие визуальные связи, создавая «кластеры» смыслов. Если вы создаете приложение с аналоговым характером, например, «Cassette», вы не просто ищете картинку кассеты. Вы ищете текстуры пластика 80-х, шрифты на коробках от аудиокассет, освещение в старых студиях звукозаписи и даже цвета потертого картона.

В видео Sariah демонстрирует, как она наполняет доску референсами для своего проекта. Она показывает, что этот процесс — не просто «коллекционирование картинок», а способ настройки вашего внутреннего камертона. Когда вы долго смотрите на качественные, эстетически выверенные изображения, ваш мозг начинает лучше чувствовать «фальшь» в сгенерированных ИИ элементах. Sariah приводит пример: если у вас в мудборде есть фотография с конкретной зернистостью и теплым оттенком, вы сразу увидите, что стандартный «чистый» белый цвет интерфейса от Google AI Studio будет выглядеть инородно. Этот визуальный якорь позволяет вам требовать от ИИ коррекции: «Сделай оттенок не чисто белым, а с легким кремовым подтоном, соответствующим моему референсу».

Важный аспект, который отмечает спикер, — это «бесконечный цикл» поиска. В Cosmos вы можете найти один образ, который тянет за собой другие, формируя целостную визуальную экосистему. Например, одна фотография кассеты приводит вас к эстетике минималистичного Hi-Fi оборудования 70-х годов. Этот процесс «погружения» помогает избежать самой опасной ловушки — создания «дизайна ради дизайна». Вы начинаете понимать, что каждая кнопка и каждый шрифт должны быть продиктованы общей атмосферой вашего мудборда. Sariah подчеркивает, что именно этот подготовительный этап делает ваш продукт «легитимным» в глазах пользователя. Когда вы перенесете эти визуальные принципы в Weavy AI или Figma, результат будет выглядеть не как набор кнопок, а как полноценное дизайнерское решение.

Цитата из видео: «С Cosmos вы попадаете в бесконечный цикл, и это прекрасно. Это не просто поиск картинок, это способ развить вкус и понять, почему один продукт кажется нам «родным» и приятным, а другой — стерильным и холодным. Если вы не собираете визуальный фундамент, вы просто гадаете, что сработает, вместо того чтобы управлять эмоциями пользователя осознанно». Эти слова подчеркивают, что дизайн сегодня — это прежде всего кураторство, а не механическое рисование элементов.

✅ Сделайте сейчас: Зарегистрируйтесь в Cosmos и создайте доску под названием «Эстетический фундамент [Ваш проект]». Загрузите туда минимум 10 изображений, которые не являются приложениями, но передают то настроение, которое вы хотите создать (архитектура, интерьеры, старые вещи, текстуры). После этого проанализируйте эти изображения и выпишите 3 повторяющихся элемента (например: «мягкое освещение», «крупные формы», «приглушенная палитра»). Это станут ваши «визуальные законы», которые вы будете применять при создании UI.

4. Weavy AI: Node-based проектирование как новый стандарт скорости

Если Claude — это мозг вашего проекта, то Weavy AI — это «мастерская», где ваши идеи обретают физическое воплощение. Sariah называет Weavy AI секретным инструментом, который кардинально меняет правила игры для инди-разработчиков. В чем заключается суть нодового подхода, который она активно продвигает? В отличие от обычного текстового интерфейса, где вы просто переписываетесь с ботом, Weavy AI позволяет выстраивать визуальный поток. Вы соединяете узлы: ввод данных, модель (например, Flux 2 Pro), настройки фильтров и вывод результата. Это позволяет создавать цепочки, где результат одной генерации становится входным параметром для другой. Это и есть настоящий «Vibe Coding» нового уровня.

В видео Sariah показывает, как она проходит путь от идеи «аналоговой кассеты» до создания конкретных элементов интерфейса — кнопок и иконок. Она не просит ИИ «сделать красиво», она подает в качестве входа свое изображение из мудборда, настраивает модель Flux 2 Pro и получает элементы, которые идеально сочетаются по стилю, освещению и текстуре. Если результат не идеален, она не начинает с нуля — она просто меняет параметр в цепочке или добавляет промежуточный узел для обработки изображения (например, удаление фона или изменение цветовой гаммы). Такой подход превращает дизайн в инженерную задачу, которую можно оптимизировать и повторять.

Особое внимание Sariah уделяет тому, что этот инструмент позволяет «итерировать» визуальные активы без бесконечных правок в Photoshop или Figma. Нужно изменить оттенок красного на кнопке, чтобы он больше соответствовал винтажному стилю? Вы просто меняете один промпт в узле или добавляете цветовой фильтр. Нужно сгенерировать 20 вариантов cassette-тейпов для истории записей? Вы просто запускаете поток генерации. Это экономит время, которое раньше уходило на рутину, позволяя дизайнеру фокусироваться на главном — как эти элементы «дружат» друг с другом. Weavy AI также отлично справляется с задачей создания визуальной последовательности: вы можете обучить модель на своих референсах, и все сгенерированные кнопки будут выглядеть как часть одной дизайн-системы, даже если вы делали их в разное время.

Спикер отмечает, что многие боятся нодовых интерфейсов, считая их слишком сложными. Однако, как утверждает Sariah, «это проще, чем кажется». Как только вы поймете принцип соединения «Вход -> Модель -> Результат», вы перестанете воспринимать ИИ как черную коробку. Вы начинаете видеть систему, в которой можете контролировать каждый этап. Это дает вам свободу создавать продукты, которые выглядят как работа элитного дизайн-агентства, даже если вы работаете в одиночку. Это не просто инструмент для генерации картинок, это инструмент для создания брендового языка вашего приложения.

Цитата из видео: «В прошлом вы могли часами объяснять дизайнеру, чего вы хотите, и всё равно получать не то. Сейчас вы — сам себе арт-директор. Weavy AI позволяет вам брать визуальные активы и пропускать их через фильтры вашего вкуса, пока они не станут идеальными. Это не про то, как заставить ИИ сделать всё за вас, это про то, как заставить ИИ работать в рамках вашего собственного, уникального видения». Эти слова лучше всего описывают смену парадигмы в современном дизайне, где инструменты становятся лишь продолжением воли автора.

5. Ideogram V3: Типографика как голос вашего бренда

Дизайн логотипа и текстовых элементов часто становится «камнем преткновения» для многих разработчиков, использующих ИИ. Мы привыкли, что генеративные модели часто ошибаются в написании слов, создавая нечитаемые наборы символов вместо четких названий. Sariah в своем мастер-классе демонстрирует, как преодолеть этот барьер, используя Ideogram V3 — специализированный инструмент, который ставит работу с текстом во главу угла. Если Flux 2 Pro отвечает за общую атмосферу и текстуру, то Ideogram — это ваш «шрифтовой мастер». В видео Sariah показывает, как она переходит от общего стиля приложения «Cassette» к созданию логотипа, который выглядит так, будто его разработало профессиональное агентство за большие деньги. Секрет заключается в четком разграничении ролей: Claude выступает как стратег, предлагающий варианты концепций (например, «рукописный стиль» или «минималистичный вордмарк»), а Ideogram берет эти идеи и превращает их в векторно-чистые формы.

В видео мы видим, как спикер использует отрицательные промпты (negative prompts), чтобы отсечь типичные визуальные ошибки ИИ. Она прямо указывает модели: «не использовать 3D-рендеры, глянцевые эффекты или градиентные сетки». Это критически важный навык. Большинство новичков просто пишут «сделай логотип», получая на выходе перегруженные, «дешевые» картинки с лишними спецэффектами. Sariah же показывает, что профессиональный подход — это осознанное ограничение инструментов. Она подчеркивает, что выбор «черно-белого» исполнения логотипа часто выигрывает у сложных многоцветных версий, так как такой логотип становится более универсальным и «легитимным» на любом фоне в Figma. Этот подход позволяет вам избежать «шума» в дизайне и сфокусироваться на чистоте линий, что особенно важно для мобильных приложений, где логотип часто отображается в очень маленьком размере.

Особый акцент Sariah делает на том, что сегодня «дизайнер» — это не тот, кто умеет идеально выводить кривые Безье, а тот, кто умеет ставить правильные задачи модели. Даже если вы никогда не изучали типографику, Ideogram позволяет вам экспериментировать с начертаниями, которые идеально попадают в контекст «аналоговой эстетики». Вы можете попробовать 10 разных вариантов за минуту, не тратя часы на подбор шрифтов в Adobe Illustrator. Это дает вам возможность протестировать, как название «Cassette» выглядит в строгом шрифте с засечками против мягкого, почти рукописного варианта, который вызывает у пользователя ностальгию.

Цитата из видео: «Раньше я тратила ночи на создание логотипов, споря с клиентами о каждом пикселе. Сегодня, благодаря Ideogram, я могу получить результат, который выглядит профессионально, буквально за стоимость трех центов. Единственное преимущество опытного дизайнера сегодня — это насмотренность, позволяющая понять, какой именно вариант из десяти предложенных действительно будет работать на успех продукта, а не просто выглядеть красиво на экране». Эти слова напоминают нам, что инструменты меняются, но критерии качества остаются прежними: логотип должен считываться мгновенно.

✅ Сделайте сейчас: Откройте Ideogram V3 и напишите промпт для логотипа вашего проекта. Обязательно добавьте блок «negative prompt», исключив все, что не подходит под ваш «Эстетический фундамент» (например: «градиенты, 3D, тени, сложные эффекты»). Попробуйте сгенерировать варианты в разных стилях: минимализм, ретро, футуризм. Сохраните 3 варианта, которые выглядят наиболее солидно, и «примерьте» их в Figma на экран приветствия вашего приложения. Посмотрите, какой из них лучше всего сочетается с вашими цветами и визуальными метафорами.

6. Композитинг в Figma: Собираем пазл в «легитимное» приложение

Финальный этап создания вашего продукта — это сборка всех разрозненных активов, созданных в Weavy AI и Ideogram, в единую систему в Figma. Многие совершают ошибку, пытаясь заставить ИИ сделать «всё и сразу» — то есть сгенерировать целую страницу приложения со всеми кнопками, текстами и навигацией. Sariah объясняет, почему это путь к посредственности: «Ваша задача — выступать в роли архитектора, который собирает дом из качественных кирпичей, а не просить нейросеть построить дом по одному невнятному описанию». В видео спикер показывает, что использование готовых iOS-компонентов из Figma Community в сочетании с уникальными AI-элементами — это «золотой стандарт» для инди-разработчика. Это придает приложению тот самый «легитимный» вид, который ожидает пользователь.

Sariah наглядно демонстрирует мощь режимов наложения (blending modes) в Figma. Она показывает, что если сгенерированная иконка или кнопка кажется инородной, не спешите её переделывать. Попробуйте наложить её на фон с использованием режимов «Overlay» или «Hard Light». Это позволяет «вписать» актив в среду, заставляя его взаимодействовать с освещением и цветами вашего приложения. Это тот уровень внимания к деталям, который отличает профессиональный продукт от «быстрой поделки». Она также учит нас не бояться удалять лишнее: если у сгенерированной картинки есть фон, используйте встроенные инструменты удаления фона (или онлайн-сервисы), чтобы получить «чистые» элементы, которые легко масштабировать и расставлять по сетке.

Важный урок этого блока — итеративность. После того как вы собрали прототип в Figma, не бойтесь вернуться назад. Если в процессе компоновки вы понимаете, что «аналоговый» стиль кассеты требует другой кнопки записи, вы просто возвращаетесь в Weavy AI, меняете промпт, генерируете новый элемент и обновляете его в Figma. Этот процесс «пинг-понга» между инструментами — ключ к созданию продукта, который выглядит как работа элитной студии. Sariah подчеркивает, что Figma — это не только инструмент для рисования, это ваша площадка для принятия решений. Вы видите все экраны целиком, сравниваете их, правите отступы и шрифты, добиваясь того самого «чувства целостности», о котором говорили в самом начале.

Цитата из видео: «Figma — это место, где вы перестаете быть просто «генератором картинок» и становитесь арт-директором своего продукта. Вы собираете фрагменты, выстраиваете иерархию и делаете так, чтобы каждое взаимодействие пользователя было осознанным. Если вы не доверяете своему вкусу на этапе композиции, ни один AI не спасет ваш дизайн от того, чтобы выглядеть как разрозненный набор кнопок». Эти слова подчеркивают необходимость авторского контроля на каждом этапе сборки макета.

✅ Сделайте сейчас: Возьмите 3 ваших лучших сгенерированных актива (кнопка, иконка, логотип) и перенесите их в Figma. Создайте фрейм экрана мобильного телефона. С помощью плагинов или поиска Figma Community добавьте стандартные системные элементы iOS (статус-бар, навигация), чтобы создать каркас. Теперь «смешайте» ваши активы с этим каркасом, используя режимы наложения (Blending Modes) для достижения визуальной гармонии. Добейтесь того, чтобы кнопка, фон и текст воспринимались как части одного устройства, а не как наклейки на картинке. Если что-то не подходит — удалите и сгенерируйте заново, ориентируясь на уже готовый макет.

7. Итеративная доработка: Искусство «пинг-понга» между ИИ и вашим вкусом

Даже если вы собрали макет в Figma, это не значит, что работа завершена. Sariah подчеркивает, что самый большой провал начинающих — это восприятие первого результата как окончательного. Профессиональный дизайн — это процесс итераций. Когда вы загружаете визуальные активы обратно в ИИ-инструменты (например, в Google AI Studio или Claude) вместе с вашим финальным макетом, вы создаете петлю обратной связи. Вы не просто просите «сделай лучше», вы даете модели контекст: «Вот мое визуальное решение, вот палитра, вот логотип — теперь создай функциональный код, который будет соответствовать этой эстетике». Это превращает ИИ из «генератора картинок» в «исполнителя вашего видения».

В видео Sariah наглядно демонстрирует этот процесс «пинг-понга». Она не боится признать, что первая генерация может выглядеть «немного не так». Она берет результат, анализирует его с точки зрения своего дизайнерского опыта и возвращается в Weavy AI или Claude с уточнениями. Например, она меняет настройки модели, добавляет негативные промпты или уточняет стилистические метафоры (например, «сделай это более текстурным, как старая кассета»). Этот метод позволяет «докрутить» результат до уровня, который невозможно получить одним простым запросом. Вы учитесь видеть, где именно модель «ошибается» (например, в типографике или несоответствии цветов) и давать ей точечные инструкции для исправления этих недочетов.

Важный аспект этого блока — понимание того, что ИИ — это инструмент «быстрого прототипирования». Когда вы видите разницу между первоначальным «роботизированным» интерфейсом и тем, который был «допилен» через итерации, вы осознаете, что разница заключается не в способностях ИИ, а в качестве вашего контроля. Sariah отмечает, что время, затраченное на уточнение запроса, всегда окупается качеством конечного продукта. Не бойтесь заходить в бесконечный цикл правок, если чувствуете, что продукт еще «не дышит». Это и есть работа арт-директора.

Цитата из видео: «Вы можете бесконечно спорить с тем, что выдает нейросеть, но лучший путь — это стать для неё идеальным партнером. Когда вы берете сгенерированный результат и возвращаете его в модель с контекстом вашего бренда, вы перестаете быть просто пользователем и становитесь куратором. Помните, что каждый ваш уточняющий запрос — это не потеря времени, а инвестиция в создание продукта, который будет выглядеть так, будто у него была целая команда дизайнеров за спиной». Эти слова Sariah призывают нас быть смелее в правках и глубже погружаться в процесс доработки каждого элемента.

✅ Сделайте сейчас: Возьмите ваш текущий прототип, который кажется вам «недостаточно живым». Вернитесь в Claude и опишите, чего именно не хватает: «Это выглядит слишком стерильно, добавь больше «шума» и «аналоговой теплоты» в описание стилей». Пересоберите один экран, следуя новым инструкциям. Сравните результат «до» и «после» — вы удивитесь, насколько сильно меняется восприятие продукта от пары уточняющих фраз в промпте.

8. Масштабирование вкуса: Как «продать» свой дизайн пользователю

Заключительный этап вашего обучения — осознание того, что дизайн приложения — это не только картинка, это история, которую вы рассказываете пользователю. Sariah уделяет много внимания тому, почему некоторые продукты «взлетают», а другие остаются незамеченными. Секрет кроется в «эмоциональном резонансе». Если пользователь чувствует, что приложение было создано с заботой о его комфорте, он будет использовать его ежедневно. Аналоговая эстетика, которую мы строили вокруг концепции «Cassette», — это не просто визуальный фильтр, это метафора бережного отношения к мыслям пользователя.

В видео спикер акцентирует внимание на том, что сегодня «насмотренность» — ваше главное оружие. Вы должны собирать визуальную библиотеку (например, через Cosmos), которая формирует ваш уникальный визуальный голос. Sariah призывает не просто копировать успешные приложения, а искать вдохновение в смежных областях: кино, фотографии, индустриальном дизайне 50-60-х годов. Это помогает создавать продукты, которые выглядят «легитимно» и выделяются на фоне стандартных, скучных интерфейсов, созданных по шаблонам ИИ. Ваша задача как автора — найти ту самую «искру», которая заставит человека остаться в приложении дольше, чем на 10 секунд.

Также обсуждается вопрос «профессиональной скромности» в дизайне. Часто новички пытаются «впихнуть» в интерфейс всё и сразу: градиенты, тени, анимации. Sariah советует идти путем минимализма: «Если вы не знаете, что добавить, лучше уберите что-то лишнее». В контексте мобильных приложений это критически важно. Свободное пространство (negative space) — это роскошь, которая делает ваш продукт «дорогим» и понятным. Помните, что каждый элемент на экране должен оправдывать свое существование. Если кнопка не помогает пользователю записать мысль или прослушать старую запись — ей не место в вашем «аналоговом мире».

Цитата из видео: «Дизайн — это не то, как вещь выглядит, а то, как она работает и какие чувства вызывает. Если вы сможете передать ощущение спокойствия и уюта через одну только кнопку записи, вы уже выиграли битву за внимание пользователя. Не бойтесь быть простыми, бойтесь быть скучными. ИИ может сгенерировать миллион вариантов, но только вы можете выбрать тот, который заставит сердце вашего пользователя биться чуть спокойнее». Эти слова резюмируют суть работы современного дизайнера-инди-разработчика.

✅ Сделайте сейчас: Проведите аудит своего макета в Figma. Удалите три элемента, которые не несут прямой функциональной нагрузки и не работают на общую концепцию (например, лишние тени или декоративные элементы). Посмотрите, как «задышал» экран после этого. Спросите себя: «Осталось ли здесь то, что помогает пользователю почувствовать себя лучше?» Если ответ «да» — вы на верном пути к созданию качественного продукта.

🏋️ Практикум

1. Уровень 1: Соберите 10 референсов в Cosmos, объединенных одной «темой» (не обязательно дизайн приложения, это может быть архитектура или мода).
2. Уровень 2: Напишите в Claude описание «личности» вашего продукта (Tone of Voice), исключив 5 стоп-слов, которые делают его «корпоративным».
3. Уровень 3: Сгенерируйте в Ideogram 5 вариантов логотипа, используя «негативный промпт», и выберите один, который лучше всего читается в черно-белом варианте.
4. Уровень 4: Создайте в Figma один экран, используя только 3 цвета из палитры, сгенерированной в Weavy AI, и примените режимы наложения к фоновым элементам.
5. Уровень 5: Проведите «пинг-понг» с ИИ: создайте промпт -> получите результат -> верните результат в модель с 3 правками -> оцените прогресс.
6. Уровень 6: Запишите видео (или сделайте скриншоты), где вы объясняете, почему ваш выбор дизайна лучше «стандартного» шаблона, который предлагает ИИ по умолчанию.