фуууух, мои дорогие, очень давно не было постов про дизайн
в последнее время я очень много экспериментировал с дизайном с нейронками. Как это все делается, почему каждый второй лендинг теперь это shadcn-premium SaaS стиль и как вообще делать реально хороший дизайн с нейронками
и я наконец-то понял
путей в работе с нейронками и дизайном только два
первый путь - это копирование
для этого есть очень много крутых инструментов и сайтов, которые я сам протестил и протыкал (в конце поста приложу)
суть очень проста - либо берем готовый референс и пишем "братан, скопируй", либо используем инструменты, выкачиваем design md файл с сайта-референса и просим уже умнее "братан, скопируй"
минус единственный, но он большой. Копирование почти никогда не дает вам систему. Оно дает красивый первый экран. Иногда даже второй. Иногда даже прям "вау, СЮДААА дизайн изи"
но потом вам нужен pricing, onboarding, empty state, settings, mobile, модалки, ошибки, состояния кнопок, таблицы, личный кабинет - и все, братан, магия закончилась, давай на отдых
потому что была скопирована хихи хаха картинка, а не логика и фундамент всех решений, на которых дизайн был построен
второй же путь - это путь мыслительный... созидание...
ладно, это обычный путь дизайнеров. Вы разбираетесь с задачей, вы ресерчите конкурентов, вы накидываете черновые попытки и дальше каждую секцию/экран/секвенцию уже облизываете и доводите до хорошего результата
минус только один - нужны знания)))
НО!
сами эти два пути не новые. Понятно, что сами эти два пути существовали всегда. Дизайнеры и раньше либо тащили референсы, либо нормально разбирались в задаче
но нейронки сделали первый путь настолько сочным и легким, что большинство людей на нем и останавливается, гладят себя по пузику и успокаиваются
увидел красивый сайт → выкачал design md → скормил агенту → получил похожую картиночку → успокоился
НО! Проблемка в том, что никто не гарантирует, что дизайн, который вы скопировали, работает. Вы могли мастерски скопировать говнище...
именно поэтому второй путь эффективнее. Потому что там конечная точка именно в решении задачи бизнесяки, а это в 100% случаях значит, что просто "красивым экранчиком" не обойтись
и для этого надо не просто собрать дизайн и кайфовать, а еще и собрать метрики и понять, кто с лендинга отваливается, куда пользователи тыкают, что сделано плохо/хорошо и так далее
но по факту никто не мешает копировать чужие уже успешные работы, просто надо это делать умнее. Подключить аналитику и собирать метрики, улучшить формулировки, экраны, секции, сюжет лендинга и так далее. В конечном итоге вы в любом случае придете уже к собственному дизайну
и вот здесь как раз и всплывают знания в дизайне...
знания, чтобы хотя бы понимать, что именно вы просите у агента, а не чтобы сидеть в черной водолазке и говорить "эээм... ну... тут не чувствуется айдентика нашего brand"
почему тут не рабочий CTA
почему конверсия такая низкая
почему наш стартап разоряется
почему на мобилке все развалилось и хочется закрыть сайт и удалить себе глаза
именно поэтому иметь знания явно не будет лишним. Для этого я собрал для вас все полезные ссылочки для того, чтобы четенько и базово разобраться с дизайном. Этого вам хватит за глаза, а дальше уже практикуйтесь и собирайте свои самые продающие лендинги с конверсией 100% и самым высоким LTV в мире
первый урок
второй урок + продолжение
третий урок
статья (лучше нет!!)
ну и отдельно инструменты, чтобы не писать агенту "братик, отшлифуй мне... дизайн...", а кормить его нормальными референсами, токенами, типографикой, паттернами и design md файлами
но они будут уже в комментариях хихи