Сервисы на нейросетях в помощь дизайнеру

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

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

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

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

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

И уже живёте в мире, где искусственный интеллект (ИИ) делает часть работы за вас.

Прокачай свои digital-скиллы!

COSSA рекомендует крутые практические онлайн-курсы для прокачки ваших digital-скиллов:

  • UX-Аналитика развернуть программу
    • Введение в специальность. UX-Аналитика в digital
    • UX Аналитика. Data-Driven / Data-Informed
    • Обзор аналитических инструментов
    • Продвинутый разбор Google Analytics
    • Построение и оптимизация воронок
    • Очные исследования
    • Удаленные исследования
    • Петля улучшений. Поиск гипотез и версионность тестов
    • A/B Тесты и другие способы проверки гипотез
    • Юнит-Экономика
    • Почему не обойтись без базовых знаний JS
    • Настройка Google Tag Manager
    • Зачем нужен SQL и как с ним работать?
    • Аналитика 360. Ваши персональные большие данные
    • AIC.Brain. Аналитическая система своими руками
    • Введение в BI. Обзор промышленных систем аналитики
    • Разбор кейсов
    Записывайтесь на курс! Старт ближайшего потока — уже 27 октября.
  • Управление Digital-проектами развернуть программу
    • Экологичный путь менеджера
    • Релиз-менеджмент: готовим проекты к запуску
    • Требовательность digital-продюсера
    • Аналитика. Базовые навыки
    • Как пасти котов: правильное делегирование в IT
    • Переговорные навыки. Часть 1. Цикл продаж
    • Переговорные навыки. Часть 2. Провокации. Работа с возражениями
    • Оценка и декомпозиция digital-проектов
    • Планирование своего времени
    • Управляем дизайнерами. Scrum в дизайне
    • Выравнивание рабочего потока и балансировка нагрузок
    • Навыки ведения конструктивного диалога
    • Работа с кадрами: сложные вопросы
    • Тонкие моменты (рассмотрим по ходу дела)
    • Работаем с типовыми документами
    Записывайтесь на курс! Старт ближайшего потока — уже 27 октября.
  • UX-Дизайн развернуть программу
    • Профессия дизайнера в эпоху цифровых перемен
    • Основные этапы проекта
    • Service design
    • UX-проектирование — качественные исследования
    • UX-проектирование — прототипирование
    • Data-driven design
    • Concept design творчество в дизайне
    • Visual design
    • Техника успешной презентации
    • Отраслевая специфика
    • Разбор кейсов из практики: «госуслуги» — проектирование и дизайн интерфейсов
    • Разбор кейсов из практики: 1C-битрикс и битрикс24 — разработка дизайна сайта, продуктов и единой экосистемы интерфейсов
    • Разбор кейсов из практики: нтв-плюс — разработка и развитие сайта
    • Специализация и карьера
    Записывайтесь на курс! Старт ближайшего потока — уже 27 октября.
  • Скетчинг для дизайнеров развернуть программу
    • Понимание формы
    • Техники и инструменты. Светотень
    • Фактуры и текстуры
    • Перспектива и аксонометрия
    • Перспектива как инструмент
    • Построение теней и отражений
    • Изображение людей. Базовые пропорции и анатомия
    • Человек в движении. Одежда
    • Изображение головы и рук человека. Лицо, мимика, жесты
    • Анатомия животных
    • Рисование без натуры. Методы и возможности
    • Домашние заготовки. Типовые изображения часто встречающихся форм
    • Композиция. Основные принципы. Композиция иллюстрации. Взаимодействие пространства и формы
    • Скетч как инструмент креативности
    • От живого рисования — к цифровому. Обзор
    • Цифровое рисование. Технические приемы
    Записывайтесь на курс! Старт ближайшего потока — уже 27 октября.

Мы гарантируем качество программ и обучения по всем этим образовательным программам.

Реклама

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

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

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

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

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

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

Сервис Rene показывает разные комбинации шрифтов

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

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

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

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

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

autodr.png

AutoDraw угадал лошадку

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

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

Обучаем нейросеть в Quick, Draw

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

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

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

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

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

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

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

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

uKit AI

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

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

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

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

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

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

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

LaMem

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

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

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

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

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


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

Послесловие

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

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

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.


Комментарии:

- 0 +
uKit AI - интересный сервис

Интересно как он будет обрабатывать более сложные сайты, как по структуре так и по тематике
Ответить
- 0 +
Alexey Korneev #
28.07.2017 11:29
Никита, пока мы фокусируемся на простых сайтах: визитки, лендинги.

Если посмотреть презентацию проекта - https://ukit.ai/ru/about - мы пока специально выделяем сложные сайты как "не ЦА на данном этапе".
Ответить
- 0 +
Ilya Lavrov #
31.07.2017 16:09
есть уже российский аналог — turbologo.ru. там ценник ниже и кириллица есть
Ответить
- +1 +
Alexey Korneev #
31.07.2017 16:51
Илья, спасибо за наводку, пощупали: пока показался сырее Logojoy - но будем следить за развитием, может, на вторую порцию так и наберется ;)
Ответить
- 0 +
Андрей Сатдаров #
12.10.2017 12:21
Не скажу про всех, но как минимум некоторые люди обладают мозгом в котором нейросетей может быть  больше чем у любого ныне имеющегося суперкомпьютера. Мы пока находимся на заре упорядочивания наших знаний о том как работать с нашими биологическими нейросетями это и процессы обучения, и процессы наработки опыта при выполнении каких бы то ни было задач, в том числе дизайнерских.
Компьютерная имитация позволит заменить 90% дизайнеров начального и среднего класса, уменьшит потребности рынка в них, но никогда не заменит 10% специалистов которые обладают более гибкими и развитыми нейросетями. Нашим нейросетям не хватало только природного нейроинтерфеса и мне кажется это направление в ближайшие десятилетия будет активно конкурировать с машинными системами. Т.е. будут и те кто больше полагается на технические возможности разрабатываемых систем связи мозга и компьютера или имитации нейросистем, и те кто в первую очередь заинтересован развивать свои биологические возможности памяти, воображения, анализа и синтеза по средством образно-лингвистического (образного) нейроинтерфейса.
Ответить
Ответить?

Самые интересные статьи, обзоры и размышления —
в рассылке!

Email *


Подпишись!


Вход на cossa.ru

Уже есть аккаунт?
Выбирай любой вариант входа:
Facebook Twitter Vkontakte

Используйте свой аккаунт в социальной сети Facebook или Twitter, чтобы пользоваться сайтом

Не забудьте написать email на странице своего профиля для управления рассылкой