📱

Get Our Mobile App

Take your business learning on the go!

Download on the App StoreGet it on Google Play

Чей дизайн лучше: дизайнер vs нейросети

mutim digital — дизайн и маркетинг14:43

Transcription

За последние 3 года нейронки научились классно генерить иллюстрации и даже фотореализм. А примерно раз в 2-3 месяца выходит модель, которая переворачивает игру и поднимает уровень генерации на новый уровень.

Последняя из таких отчата ГПТ. Теперь можно не только поменять свой образ или создать картинку с Патриком в виде древнегреческой статуи. Говорят, что чат ГПТ умеет делать нефиговый дизайн. Например, теперь можно за минуту визуализировать все плюсы и минусы Кока-Колы или инструкцию по завариванию чая. По ходу дизайнеры в опасности.

Только вот частая проблема нейронок в том, что результат кажется классным лишь до момента, пока не посмотришь на детали. Всем привет, приколисты и приколистки. Меня зовут Лёша из Мти Digital. Сегодня я проведу первый и единственно правильный тест топовых нейросетей для создания дизайна чата ГПТ и нанобананы. Ну что, народ, погнали.

Начну с предыстории. На Ютубе мне попалось видео от небольшого англоязычного канала Adam Toxtech со сравнением MacBook Air и MacBook Pro на процессоре M5. Звучит скучно и сложно, но не скучайте и не усложняйте. Видео интересное, но особенно моё внимание привлёк вот этот момент. Короче, есть 3D программа Блендеer, в которой автор тестирует скорость рендера сцены с барбершопом и со школьным классом. Чем быстрее результат, тем лучше.

Слайд показался мне спорным, и я сделал про него заметку в телеге, а заодно в черновиках нарисовал для себя альтернативный вариант. Потом подумал: "Так вот же, идеальный кандидат для проверки нейронок. Если они смогут сделать слайд лучше автора, то это действительно повод для беспокойства всем дизайнерам. Но не будем забегать вперёд и вообще не будем бегать, потому что сейчас надо посмотреть моё видео.

Нейросети качественно генерят картинки и текст. Не спорю, но сшить качественный чехол для ноутбука они не могут. А вот ребята из питерского бренда плотно могут. С этим чехлом даже такой неэстетичный дизайнер, как я, будет выглядеть эстетичным. Вещь настолько приятная, что хочется поскорее засунуть ноутбук внутрь и работать прямо в чехле. Внутри мягкий слой синтепона и усиленные края, чтобы устройство находилось в уюте и под защитой. На выбор доступно аж девять цветов. Ну и самое главное - это не очередная поделка салика. Ребята сами придумывают и отшивают вещи уже третий год. Чёткий подход к делу виден даже на сайте. Можно сразу проверить, поместится ли в чехол. Это реально удобно и заботливо. В каталоге у Плотно есть ещё и аксессуары для других устройств. Например, мини-сумка для смартфона или рюкзак. В общем, посмотреть и заказать можно у них в магазине. Ссылку оставлю в описании. А мы двигаемся дальше.

Сперва разберём дизайн автора. Название теста и условия он поместил в заголовок, а всю остальную инфу в своеобразную таблицу ниже. Понятна ли таблица? Да. Есть ли к ней вопросы? Много. Лично я привык, чем больше значение в диаграмме, тем лучше описываемая штука. Это не какое-то устоявшееся правило, но это действительно частая практика, тем более в обзорах техники. Правда, встречаются диаграммы и с обратным принципом меньше, лучше. И это как раз тот самый случай. Не знаю, как вы, но лично я каждый раз путаюсь и пауз моменты с ними. Особенно тяжко, когда ранее в видео была куча слайдов со стандартным принципом больше, лучше.

Автору нужно сказать респект. Условия есть подзаголовки. Правда, размер текста слишком мелкий, можно легко пропустить. Конкретно в нашем случае проблему усиливают ещё и цвета. Зелёный автоматически воспринимается как позитивное удачное значение. Только вот все зелёные полоски хуже и медленнее синих. Понятное дело, что автор хотел при помощи цвета явно разделить модели, но, увы, получилось только запутанней. Ещё одна очевидная проблема - это повторение модели Макбука с длиннющим описанием. Из-за того, что текста много, лично я начинаю искать в нём отличия, которых на самом деле нет. Видео в целом всего о двух конкретных моделях с конкретными характеристиками. Нужно избавиться от повторов и увеличить важнейшую информацию.

Придираться к выбору шрифтов, теням и подобным штукам нет смысла, потому что автор, ну, как бы не дизайнер. Круто, что он вообще решил нарисовать слайд, а не просто объяснил суть на словах. Однако со своим семилетним дизайнерским опытом я бы сделал слайд вот так. Первое и самое очевидное решение- сменить цвет фона. Оригинальный серо-синий сильно мешал чтению и в целом выглядел грязновато. Его я использовал чисто для диаграмм. Заголовок я выровнял по левой стороне, а подзаголовок сильно увеличил. Да и вообще все буквы сделал заметно крупнее, чтоб легче читались даже на мелком экране. Не забывайте, что почти половина пользователей смотрит YouTube с телефона. Спасибо, что смотрите YouTube.

Минуты и секунды я привёл к единому значению, минутам, типа как в системе C. Только в системе C время измеряют в секундах, значит у меня никак в системе C. Сложный дискуссионный момент, что писать в шапке таблицы. Название сцены или модель макбука? Мне больше нравится название сцены. В этом случае результаты будет тупо легче сравнить. В оригинале, кстати, автор смог расположить все четыре диаграммы друг под другом. Это круто, но с другой стороны немного запутывает, потому что хочется сравнить между собой сразу четыре результата. А ведь максимумы у двух сцен совершенно разные. Кстати, ещё одно небольшое изменение у меня заключается в добавленном полупрозрачном максимуме. Мне кажется, с ним легче понять разницу результатов. Если вам не нравятся линейки в моём макете, от них можно избавиться, но на всякий случай решил оставить, чтобы связь легче прослеживалась даже зрителям без связи.

Вот вы сейчас смотрите и думаете, собственно, это то, что необходимо делать во время просмотра. Вы думаете, мог ли представить Адам Токстек, что какой-то сумасшедший дизайнер сделает целое видео о секундном куске из его видео? А ещё наверняка думаете, когда уже будут нейронки. А вот прямо сейчас. Если бы я был умным на 40%, я бы тупо засунул слайд автора в нейронку и сказал: "Сделай красивей". Но я умный на 45%, поэтому потратил 15 минут и написал промт вручную, чтобы у нейронок была чистая голова без визуального референса. Промт на экране, можете поставить на паузу и изучить. Уверен, что текст не идеальный, и у вас получится явно лучше. Только вот 99% людей не потратит на написание и 5 минут. Так что давайте вот без вот этого вот всякого. Окей.

В процессе было много, плюс-минус одинаковых вариантов от каждой модели. Видео я взял по одному усреднённому. Это значит, что приёмы и принципы в них повторились в других макетах чаще других. Я сам не понял, но окей. Начну с nно бананы 2. Модель даже без референса использовала тот же принцип, что в оригинале. То есть все четыре диаграммы расположены по одной линии. В целом достаточно аккуратно, но слайд наступил на те же грабли, что и оригинал. Цветовое кодирование не помогает, а только запутывает. Светло-серый цвет так вообще воспринимается как неактивный вторичный элемент. Можно сказать, что так оно отчасти и есть, ведь победитель выделен насыщенным цветом. Но нифига подобного. В данном случае важны все значения. Важен и тот, кто выиграл, и тот, кто проиграл. Излюбленная ошибка всех дизайнеров- использовать белые буквы на светло-сером. Очевидно, они вообще нечитаемые. Ещё нейронка, как и автор оригинала, усложнила макет повтором характеристик Макбука. Только вот у автора хватило токенов в голове не ставить скобки. Но, несмотря на все минусы, это реально довольно неплохо. Здесь нет явных ошибок в тексте, нарушений внутреннего и внешнего, и в целом вёрстка аккуратная. К примеру, внешние поля соблюдаются как и расстояние до краёв плашек. Это невероятный прогресс.

Если попробовать улучшить нейронный вариант, то получится, честно говоря, не особо-то и лучше. Да, без серого цвета макет явно приятней, но с текстом что-то сделать сложно. Допустим, я оставлю описание у двух первых диаграмм, а на вторых сократю строчки чисто до Air и Pro. Получится непонятная фигня. Не, мне и вам, конечно, будет понятно, потому что мы как задроты разглядываем этот слайд уже 5 часов, но пользователь может запутаться. Придётся вернуть слова MacBook и M5. В итоге разницы почти нет.

Теперь переходим к более дорогой версии бананы Pro. Прямо как смартфоны Xiaomi или планшеты Techno. Ну или как Apple. Эта версия нейронки сделала половину макетов свёрсткой, где все диаграммы друг под другом, а вторую половину с другим размещением. По сравнению со второй бананой текста стало явно больше. Нейронка добавила легенду под подзаголовок. Идея отчасти хороша, но тогда стоило бы убрать повтор слова MacBook рядом с диаграммами. Разметка шакальная и, очевидно, сломанная где-то по дороге. Лучше её вообще убрать, потому что дополнительного удобства нет. А вот нагрузка есть. Макет в целом тоже достаточно аккуратный. Все плюсы предыдущей модели можно перенести сюда. И один из минусов тоже. Почему-то нейронки боятся использовать разную жирность шрифта. Все надписи будто бы набраны тонким регуляром. Хочется хоть немного контраста. Если убрать всё лишнее и чуточку поработать с пропорциями, будет вполне себе.

Вторая версия от Nно Banны Pro нагружена информацией ещё жёстче. Зачем-то дублируется иконка блендера и часиков, зачем-то дублируется описание макбука Pro. Ну а разметка позади диаграмм просто напрягает с любой точки зрения. Тупо некрасиво, тупо слишком сложно для такой простой инфы. Если очистить макет, станет намного лучше.

Ну и наконец-то переходим к гвоздю программы. Гвоздю в крышку гроба всех дизайнеров. Гигачату от Сбера. Простите, не тот текст. чату ГПТ. Нужно признаться, я был поражён результатом. Выдать почти восемь одинаковых изображений, это сильно. Но если серьёзно, какие проблемы, если слайд выглядит так-то красиво? Ну, во-первых, цветовое кодирование. Нейронка тоже решила поиграть в эту игру. Во-вторых, она совершенно забила на размер подписи о том, что меньше - это лучше. В-третьих, несмотря на легенду, рядом с диаграммами всё равно мелко продублированы полные названия моделей. Хотя можно ограничиться только Air и Pro. С другой же стороны, это первый вариант с картинками. А все любят картинки. Уверен, чисто их наличие затуманит разум большинству людей, но не нам. Если убрать повторы и цветовое кодирование, макет станет намного лучше.

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

В итоге можно с уверенностью сказать, что сегодня нейронки действительно могут делать сомнительный дизайн, неожиданный поворот. Да, смотрите, в чём прикол. На протяжении всего видео я специально не комментировал две проблемы, которые встретились у каждой модели в каждой генерации. Первая чуть менее серьёзная, но всё же. Может быть, вы позабыли главное условие, но макеты нужны были мне для видео, а видео почти в половине случаев смотрят с телефона. В оригинале текст был мелкий, базару нет, но в моей версии я постарался сделать его больше. А вот нейронки в лучшем случае сделали текст таким же, как у автора, а в худшем уменьшили его до состояния пыли, как чат ГПТ. И тут не помогут никакие картинки. Если макет тупо неудобно читать, то какой вообще в нём смысл?

Ладно, допустим, размер букв для нас почему-то неважен, но, ребята, размер диаграмм - это тупо важнейший параметр на слайде с диаграммами. И что нанобана, что чат ГПТ вообще не справились с длиной полосок. О'кей, мы понимаем, что самая длинная полоска для пяти с чем-то минут выглядит так. Alра, comeн. Немного кринджа не помешает. Как могла получиться такая полоска для 51 секунды? Ещё раз, ни одна генерация не выдала мне честную длину. Нет, я настаиваю. Просто задумайтесь, на какую точность мне рассчитывать в случае с чем-то более серьёзным и сложным? Вообще-то это можно поправить за 2 минуты. Спасибо за классный комментарий. Нет, нельзя. Чтобы что-то поправить, нужны знания и понимания, как можно сделать лучше. А такая опция доступна немногим специалистам, тем более нейротемщикам, которые хоронят чужие профессии, хотя сами зарабатывают на тупых голимых нейрокурсах. написанных нейронками.

Конкретно сегодня, в мае июне 2026 года Ии действительно может легко конкурировать с начинающими дизайнерами, может даже со средними. Грустно, печально, но это правда. Однако специалисты средневысокого и высокого уровня пока что могут выдохнуть или вдохнуть или не дышать. Пусть сами решат, как развивать свою дыхалку. Ну и в целом нужно сказать, что нейронки могут нефиговом дизайнерам, потому что из восьми разных вариантов при должных знаниях можно собрать то, до чего сам дизайнер мог бы и не додуматься сходу. А ещё можно поставить лайк этому видео и написать в комментах, как вам такой формат. Я не особо хочу делать видосы про нейронки, но, наверное, иногда можно. Огромное спасибо за просмотр. Обязательно залетайте в телегу. До скорого. А это всё потому, что ты генерил через кофе Uа. А это всё потому, что ты генерил через клод.