Нейронная сеть, которая верстает сайты по картинке Статьи редакции
Прошёл почти год с того момента, как на GitHub опубликовали алгоритм pix2code. И вот ребята из FloydHub на его основе создали нейронную сеть для вёрстки страниц, которую уже можно запустить самому.
Работа алгоритма делится на три этапа:
Чтобы получить такой результат, разработчики скармливали алгоритму скриншоты и присваивали определённые HTML-теги, в итоге получился датасет, с помощью которого можно генерировать шаблонные сайты. Ниже будут примеры.
Алгоритм учится предсказывать соответствующие HTML-теги, последовательно «изучая» изображение на входе. Когда алгоритм предсказывает следующий тег разметки, он получает скриншот и все «правильные» теги HTML-разметки для этого элемента.
Примеры:
Везде выше можно посмотреть пример исходного кода, сгенерированного нейронной сетью, а вот оригинальный сайт, скриншоты которого скармливали алгоритму.
Если вы вдруг фронтенд-инженер (я нет), поделитесь в комментариях: как вам код, сгенерированный алгоритмом?
Задача обычно в том, чтобы сделать хороший UX, а не хороший дизайн. Для этого надо пробовать разные идеи уже на месте, доводя точность мелких деталей до идеала, чего робот не даст. И мышление дизайнеров обычно сильно далеко от нужд бизнеса и людей впринципе. Кроме того, UI должен быть поделён на логические вебкомпоненты внутри фреймворка, чтобы с ним можно было работать кодеру, и впоследствии долгосрочно дорабатывать проект. Но для какого-то быстрого прототипирования мб и хорошо, и дизайнеры смогут пощупать не в фотошопе свои творения, поняв реальные проблемы своих фантазий, и мб даже презы устраивать. Это будет развивать индустрию.
Задача - как это показывает например обновленный Vc.Ru -
1. Сделать
И потом разбираться с возможными проблемами. Потому что "хороший УХ" или хороший дизайн - это просто долго, дальше кодеры начинают "упрощать" - потому что у них так не верстается, дизайнер бесится переделывать, потому что реально некрасиво (не по канону), и начинается поиск точек соприкосновения - а фактически одна переделка за другой, а там уже и сроки, к которым надо было новый/переделанный сайт вывесить и чтобы он начал работать - остаются в глубоком прошлом :(