Разбираем пример «Влады»
Разбираем пример «Влады»

Если вы ещё не знаете, не пользуйтесь. У нас есть клубный и бот 🔗 ссылка доступна участникам

Если вы еще в нем не зарегистрированы и не пробовали, то переходите по ссылке выше, активируйте код ниже и пользуйтесь. Код:

CHAT-7TTJK5XN

Смотрите, как это все базово реализовывалось. Я описал это в предыдущих уроках.

То есть тут просто очень последовательно, через множество правок, добавлялись какие-то отдельные элементы.

Вообще изначально это была идея сайта для совместного прохождения с искусственным интеллектом курсов. От этого вот сейчас остался самый верхний модуль, в котором у вас, скорее всего, ничего нет, если вы не проверяли курс по генеративному трансу.

В процессе стало понятно, что очень неплохо на эту идею ложится добавление прямо здесь обычного чата, где можно обсудить любые вопросы. И, собственно, очень последовательно, без каких-либо суперпромтов, добавлялись и итерировались все элементы, которые вы можете увидеть в текущем интерфейсе. Просто пример одного из "допилов":

Давай поменяем дизайн того, как выглядят ответы. У нас сейчас есть подложка и отступы по краям из-за того что слева аватарка нашего бота, давай сделаем, чтобы аватарка была как вот на референсе сверху, а ответ уже ниже. Без подложки на всю ширину экрана. Ну там с небольшими отступами стандартными. В общем, повтори полностью этот референс.

И я опять же уже это упоминал. Это единственный способ создавать такие сложные вещи.

То есть у вас должны быть какие-то референсы, у вас должно быть понимание, как это все выглядит, хотя бы примерно.

И через множество итераций с общением с ботом вы добавляете все больше и больше элементов. Правите те,…

🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ