ИИ, который обновляет сайты
Релиз в 2017 г.
header-picture
Как это работает
Как нейросети подружат заказчиков и дизайнеров: разбираем на типичных ситуациях
2017-07-28

Команда uKit AI подготовила для Cossa обзор сервисов и инструментов, которые помогут в решении рутинных дизайн-задач сейчас и в недалеком будущем.

«Поиграйте еще со шрифтами», - открывает заказчик N-цатую серию переговоров. Результат нужен вчера, задача требует сил, времени (и, по-хорошему, денег), а главное, она до чертиков рутинна.

Нейросети, обученные на тысячах примеров и способные обучаться в процессе работы, - это и будущий «падаван» для дизайнера, и новая надежда для того типа заказчика, который не всегда может объяснить на пальцах и словах, чего хочет. Уже сегодня с помощью машин можно за минуты генерировать десятки промежуточных вариантов. Человеку остается выбирать, заниматься творчеством и, главное, вести коммуникацию.

Не нужно этого бояться, а надо пробовать

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

И уже живете в мире, где ИИ делает часть работы за вас.

Так, на машинном обучении основана функция Content Aware Crop в Photoshop. Продукты, применяющие нейронные сети, как правило делают те, кто имеет за плечами большой опыт создания классического ПО и сервисов для решения определенных задач: разработчики конструкторов сайтов, сред(?) для дизайнеров и так далее. Едва ли они хотят «убить» своих клиентов и свой рынок. Цель - снять рутинные задачи с человека и сделать инструменты более быстрыми, доступными и удобными.

Когда-то подобную революцию произвели компьютеры. Скажите, многие ли пострадали от этого?

Подберут комбинации шрифтов, много комбинаций

Раньше:
Заказчик (З): Знаете, мне все нравится, кроме шрифта. Можете сделать еще несколько вариантов?
Дизайнер (Д): Сколько?
З: Ну штук десять…
Д: … [дизайнер вышел из чата]

Сейчас:
З: Знаете, мне все нравится, кроме шрифта. Можете сделать еще несколько вариантов?
Д: Сколько?
З: Ну штук десять…
Д: Дайте пять минут!

Мем «поиграть со шрифтами» стал классикой. Но что если вам реально потребуется сделать десятки вариантов сочетаний для своего проекта или очень требовательного заказчика? Дизайнер из Airbnb Джон Голд подумал об этом и создал программу Rene.

Rene обучается по той же схеме, что и юный специалист по типографике: старается понимать принципы сочетания шрифтов и стилей и выдавать более удачные комбинации. Указав системе базовые «хотелки», через секунды вы можете увидеть результаты пресловутой «игры», которая в обычном мире заняла бы несколько часов.

Помогут быстро объяснить идею

Раньше:
З: Я вот попытался нарисовать логотип...
Д: Это что? Морковка на голове у жабы?
З: Это ракета, и она как бы вырастает из лотоса...
Д: Извините, я не понимаю.

Сейчас:
З: Я вот попытался нарисовать логотип. Попробуете изобразить?
Д: Это что? Морковка на голове у жабы?
З: Это ракета, но она как бы вырастает из лотоса...
Д: Подождите, сейчас попробуем обработать ваши каракули. Вот так?
З: Отлично!

Внимания тех, кто привык объяснять идеи «графически», но не научился рисовать, заслуживает веб-сервис AutoDraw. Эта система способна превратить в сносные иконки многие каракули, угадав, что вы могли иметь в виду.

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

Если вам понравился проект, вы можете помочь обучить его, используя сервис Quick, Draw. Вам дадут задание за 20 секунд нарисовать определенный объект, а машина попробует угадать, что вы нарисовали. Эта игра поможет нейросети обучаться дальше, регулярно получая новый массив входящей графической информации.

А если вы привыкли жить и общаться в мире гифок и прочих анимаций, стоит ждать новинки от Microsoft. Два года назад компания приоткрыла технологию Autocomplete hand drawn animations. Получив один готовый кадр, система предлагает каркас для следующего. В отличие от уже существующих продуктов, эта разработка не требует от вас указывать точки привязки или ключевые кадры, а сама предполагает как будет развиваться действие.

Сделают кликабельный макет новой версии сайта

Раньше:
З: Нам бы сайт обновить… Посовременнее сделать. Нас, в принципе, все устраивает, но на фоне конкурентов смотрится архаично.
Д: Пишите техзадание, что конкретно менять!
З: Да, я словами не могу сказать. Просто - посовременнее, вот это все…
[прошло три дня]
З: Знаете, нам не нравится. Вы можете показать еще версию. Или сделать две.
Д: Я вас не понимаю.

Сейчас:
З: Нам бы сайт обновить...
Д: Как обновить?
З: Посовременнее сделать…
Д: Ни слова больше! Через полчаса покажу вариант, и если все устраивает, доработаем.
З: О! То, что надо! И вот тут одну картинку поменяйте, пожалуйста.

«Сделать сайт посимпатичнее«, - задача, которая подразумевает не только игру со шрифтами и цветами. Сайт - это набор из графики, текстов, файлов, видео и прочего контента, которые должен быть распределен в определенном порядке, чтобы работать на задачу бизнеса.

Если вы имеете дело с обновлением сайтов-визиток и небольших лендингов, uKit AI поможет прикинуть новые варианты их компоновки за несколько минут. Онлайн-сервис определит, какие элементы есть на текущей версии сайта, и пересоберет их на отдельном url-е так, чтобы важное для посетителя оказалось на видном месте. А заодно сам адаптирует результат под требования времени: мобильные устройства, HTML5, кликабельность телефона и так далее.

Результат можно тут же доработать или скинуть заказчику: люди чаще понимают, чего еще хотят, когда «есть что пощупать».

Сервис готовится к запуску. Команда uKit AI до этого создала линейку отечественных онлайн-конструкторов, названия которых знакомы многим: uKit, uCoz и другие.

Оценят, «зайдёт» ли картинка

Раньше:
З: А давайте поменяем это изображение на портрет нашего директора?
Д: Знаете, портрет - это скучно… Так уже никто не делает.
З: Ну, а мы сделаем. Тем более, директор хочет.
Д: Я-то сделаю, но подписываться под этим не буду.

Сейчас:
З: А давайте поменяем картинку на портрет нашего директора?
Д: Смотрите, вот я меняю картинку, а программа говорит, что привлекательность фото близка к нулю. А наша картинка будет оставлять хорошее впечатление и запомнится надолго.
З: Хорошо, я передам директору. Думаю, он согласится.

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

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

Отечественная система Everypixel работает как поисковик по изображениям на основе имеющейся картинки. Вы скажете: «Это давно умеет Google». Однако программа имеет возможность определять степень привлекательности изображения. А если вы еще и немного сеошник, система автоматически проставит ключевые слова к картинке.

В свою очередь алгоритм LaMem (ex-MemNet) от MIT определяет, какие изображения, постеры и рекламные буклеты запомнят надолго, а какие - забудут почти сразу же.

Нарисуют логотип и помогут определиться с «хотелками» для всего остального

Раньше:
З: Мы завтра открываемся, а у нас до сих пор нет логотипа. Можете нарисовать что-нибудь по-быстрому?
Д: Так быстро не сделаем. Дайте дня три хотя бы. И, да, с вас двойная оплата за срочность.
З: Ой, нет, нам срочно надо. Попрошу племянника что-нибудь нарисовать, он у меня на художника учится.

Сейчас:
З: Мы завтра открываемся, а у нас до сих пор нет логотипа. Можете нарисовать что-нибудь по-быстрому?
Д: А что у вас за компания?
З: Магазин булавок для галстуков.
Д: Приходите через пару часов, мы вам сделаем несколько вариантов - заодно и фирменный стиль прикинем.
З: Вы нас спасли!

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

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

Послесловие

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

Дружите с нейросетями, и люди к вам потянутся.

Всего комментариев: 0

Ваш комментарий

avatar