В епоху штучного інтелекту новий застосунок tTravel є синтезом людської творчості та креативності ШІ. Від концептуального дизайну до детальних візуальних матеріалів — ШІ відіграв ключову роль у формуванні естетики та функціональності застосунку. У цій статті я заглиблюся в розробку дизайну застосунку tTravel за допомогою ШІ, зосередившись на створенні обкладинок країн, шпалер, стікерів і нашого маскота Me.
Якщо ви віддаєте перевагу відеоформату, ось відео про розробку дизайну нашого застосунку за допомогою ШІ:
Обкладинки країн: єдина естетика
У концепції нового застосунку ми повністю перебудували базу даних маршрутів. Для цього знадобилася окрема папка для кожної країни світу. Звісно, кожна папка потребувала обкладинки, але знайти правильний підхід було непросто.
Використання логотипа tTravel для кожної обкладинки здавалося одноманітним, а стокові фотографії виглядали надто неузгоджено й захаращено. Так виникла ідея створити унікальні обкладинки в єдиному стилі — поєднанні кубізму та мінімалізму. Цей стиль не лише доповнював геометричну тему нашого маскота Me, а й забезпечував застосунку чисту, сучасну естетику.
Одним із відомих художників, які працювали в стилі кубізму, був Пікассо. Коли я почав генерувати зображення для застосунку, то, звісно, не очікував досягти рівня Пікассо… достатньо було просто не скотитися до мистецтва Picasshole :)
Для генерації зображень я використовував DALL-E. Мене надзвичайно вразили результати, яких можна було досягти завдяки ретельно складеним промптам. Звісно, довелося дещо допрацьовувати, але загалом маю сказати, що DALL-E досить швидко зрозумів завдання й згенерував неймовірно красиві зображення, деякі з яких я навіть можу назвати шедеврами!
Загалом мені знадобилося близько двох тижнів, щоб згенерувати обкладинки приблизно для 200 напрямків, але воно точно того варте. Ми створили цілісний і візуально привабливий інтерфейс для віджетів Планів і Спогадів. Відгуки користувачів були надзвичайно позитивними. Багато хто розповідав, що проводив до 10 хвилин, просто милуючись обкладинками країн і гортаючи сторінки віджетів на головному екрані. Справді блискучий внесок ШІ у дизайн застосунку.
Шпалери: створення всесвітів
Спочатку ми планували, що шпалери намалюють професійні ілюстратори. Мене дуже надихнув дизайн рівнів у відеогрі Gris, і я хотів чогось подібного для наших шпалер, узгодженого з мінімалістичною кубістичною естетикою.
На жаль, жоден зі знайдених нами ілюстраторів не наблизився до задуму, якого ми прагнули.
Тому я вирішив знову поекспериментувати з DALL-E — і він не розчарував. За короткий час я згенерував десяток заворожливих концепцій шпалер, кожна з яких відображала стиль, який ми уявляли.
Єдиним недоліком була нездатність DALL-E створювати векторну графіку, необхідну для реалізації задуманих нами майбутніх ефектів паралакса.
Щоб розв’язати цю проблему, ми обрали найкращі згенеровані ШІ дизайни як референси й передали їх ілюстратору — знайомому Саші Буратинського, — який відтворив їх у векторному форматі. Результатом стала приголомшлива колекція шпалер, що втілила мистецьке бачення застосунку.
Перегляньте нашу статтю-посібник про налаштування шпалер у tTravel.
Стікери
Багато застосунків винагороджують користувачів значками, часто з шаблонним дизайном і логікою розблокування. Я вирішив поглянути на концепцію винагород з іншого боку. Насамперед я подумав, що подорожі асоціюються радше зі стікерами, ніж зі значками. Поміркуйте:
- У багатьох мандрівників є стікери на паспортах, валізах, ноутбуках і смартфонах.
- Дехто залишає стікери за кордоном на згадку, сподіваючись знайти їх через роки. Це ніби залишити частинку себе в якомусь дорогому для вас місці за кордоном.
- Зрештою, якщо стікери отримають позитивні відгуки, ми навіть можемо розглянути їх друк і продаж як мерчу tTravel.
Наші стікери також були створені за допомогою DALL-E. Але це був складний процес.
Крок 1: ідеї та промпти
Спочатку я створив список ідей і назв стікерів, а також дій, які користувачі могли виконати, щоб їх розблокувати. Кожен стікер мав вирізнятися, часто містячи пасхалки на честь культових фільмів, серіалів, музикантів або відеоігор.
Крок 2: візуалізація стікерів за допомогою ШІ
Потім я написав промпти, щоб візуалізувати кожен стікер окремо. Це було складніше, ніж з обкладинками країн чи шпалерами, адже ідеї стікерів часто були доволі складними для розуміння ШІ та правильної візуалізації. Мені навіть довелося відмовитися від деяких ідей і обрати простіші.
Наприклад, стікер для автомобільних маршрутів спочатку мав бути присвятою сцені з Бредом Піттом і Маргарет Кволлі з фільму Квентіна Тарантіно «Одного разу в… Голлівуді» — відсиланням до любові Тарантіно вставляти у свої фільми кадри зі стопами. У цьому випадку DALL-E постійно плутав ноги, кількість пальців і композицію автомобіля.
Попри труднощі, я вважаю, що ми створили міцну першу ітерацію стікерів. Вони унікальні, змістовні й відповідають баченню tTravel, за яким кожна взаємодія користувача має бути особистою та приємною.
Але це лише початок. Якщо у вас є ідеї для нових стікерів або пропозиції щодо вдосконалення наявних, ми відкриті до них! Співпраця з нашою спільнотою необхідна, щоб зробити tTravel ще кращим. Хто знає? Ваша ідея може стати наступним видатним стікером у застосунку — або навіть на чиїйсь валізі.
Ескізи Me
Розробка Me, нашого маскота, була ще однією сферою, де ШІ справив значний вплив. Від ранніх ескізів до фінального дизайну DALL-E відіграв ключову роль у вдосконаленні вигляду Me. Повну історію впливу ШІ на розробку Me читайте в цій статті.
Мистецький вплив ШІ
Залучення ШІ до розробки дизайну застосунку tTravel дало нам змогу поєднати людську творчість із передовими технологіями. ШІ не просто заощадив час — він підняв дизайн застосунку на новий рівень, надавши унікальні, цілісні візуальні матеріали, що знаходять відгук у наших користувачів.
Поки ми продовжуємо інновації, ШІ залишатиметься важливим інструментом у формуванні tTravel. Стежте за новими матеріалами про те, як ми поєднуємо мистецтво, технології та подорожі в безперервний персоналізований досвід.
Завантажуйте tTravel для iOS або Android, якщо ще цього не зробили. До наступної зустрічі.
Автор: Artem Shambalov