Дизайн-джем #20: инструменты, гайды и полезные статьи на тему работы с AR и австралийские сайты с мощным UX/UI
В перекати-полевом дайджесте от Futura by Redmadrobot.
Роботы не любят серость за окном, но холод не помеха, когда железное сердце согревают яркие дизайн-находки со всего мира. Всё самое заряжающее мы публикуем в Telegram-канале Design Jam, а раз в две недели собираем наш дайджест. В прошлый раз мы погрузились в моушен, красивые анимации и документальные фильмы про искусство, дизайн и архитектуру.
Сегодня мы растворимся в мире дополненной реальности: вдохновимся работами дизайнеров и изучим инструменты для собственных экспериментов с AR. Но для начала поймаем волну на австралийских сайтах! Заценим их внешний вид и заодно узнаем много интересного об особенностях Австралии. А поможет нам в этом старший дизайнер Христина Акифьева.
Привет! Встречайте диджитал из страны кенгуру, квокк и сёрфинга 🐨 А начнём мы с mca.com.au — музея современного искусства Австралии. Сайт с хорошей структурой и отличной вёрсткой, позволит не только найти интересные решения с точки зрения дизайна, но и узнать побольше об искусстве и истории этой экзотической страны.
На сайте Mapfurniture можно надолго залипнуть, вглядываясь в изящные формы лаконичной мебели от австралийских дизайнеров. А если вдруг вам наскучат порядок и минимализм, то можете забавы ради весь сайт «перевернуть с ног на голову». В прямом смысле!
Thesaturdaypaper — сайт с очень красивой стилизацией под бумажные издания. Отличный пример, когда при помощи сетки и типографики можно делать интерфейсы с большим количеством текста.
Австралийская студия M35 занимается брендингом, артдирекшеном и дизайном сайтов. Среди интересных её работ сайт Sweetgreek для греческого кафе, а также площадка Carr для архитектурного бюро. Среди крупных клиентов студии — Nike, Google и другие компании.
Ни к чему не призываю, но с радостью делюсь с вами прекрасным австралийским сайтом Owintervention с натуральными винами со всего мира и с опцией подписки на их доставку! На сайте интересная вёрстка и хорошее сочетание цветов. У британской студии NoPlans, которая делала этот сайт, есть и другие интересные работы. Настоятельно советую их изучить!
А на этом я с вами прощаюсь. Всем пушистых коал и душевных выходных!
Отпускаем из рук улыбчивую квокку, прячемся от палящего солнца и достаём смартфон. Пришло время дополненной реальности 🤖
Для начала разберёмся, как всё устроено изнутри — изучим насыщенную статью из четырёх частей про создание AR-дизайна в мобильных приложениях. Вы узнаете, как камера отличает ваше лицо от кружки и отделяет дверь от стены, и погрузитесь в другие, не менее любопытные вещи.
Если же хочется больше AR-насмотренности, то оцените, на что вдохновили дизайнера три месяца, проведённые на карантине (да, это застрявший в текстурах хор из 10 поющих и танцующих виртуальных тел).
Прежде чем создавать объекты в дополненной реальности для iOS или Android, изучите гайды по созданию AR-приложений от Google и Apple. Последние выпустили свой редактор дополненной реальности для iOS, iPadOS и Mac — Reality Composer. С его помощью можно создавать прототипы и рабочие модели без опыта 3D-моделирования.
А ещё можно помечтать о будущем, в котором мы снова начнем путешествовать. Тогда нам точно пригодится AR-приложение со сканированием улиц на достопримечательности, кафе и магазины. Пока что есть только прототип, но им как минимум можно вдохновиться и утолить свои печали о пальмах или французских багетах.
Будущее с AR-очками уже близко, а пока что мы взаимодействуем с дополненной реальностью через экран смартфона. Это важный фактор, который нужно учитывать при разработке интерфейса в AR.
Как правильно создать расстояние от пользователя до объекта в дополненном слое или усилить эффект интеграции виртуального объекта в реальный мир? Почитать об этом можно в материале «30 советов по UX в дополненной реальности». А вдохновимся мы AR-инсталляцией “A Vixen’s Tale” от лондонского иллюстратора Ксавьера Сегерса.
Создавать впечатляющий AR-дизайн учат и в Adobe. Одно из основных правил — AR-технологии должны расширять возможности пользователей и делать людей более продуктивными. Почитать об этом можно на сайте компании. А когда ответ на вопрос «зачем вам AR?» будет найден, приступить к творчеству можно в программе Adobe Aero.
Теперь, когда мы научились переносить 2D-изображения в дополненную реальность, самое время заняться 3D. Софт для создания и редактирования 3D-объектов в AR, туториалы для моделирования и создания анимаций, стоки с бесплатными 3D-моделями и другие полезности вы найдёте в гайде “Getting started in 3D for AR”.
И в завершение недели AR зацените проект, авторы которого объединили уличное искусство и дополненную реальность. Изображение высотой в пять этажей «оживает» при наведении смартфона — фарфоровые чашки разлетаются на куски!
Заценить эту красоту можно вживую, если вы живете в Швеции, а если нет — обязательно посмотрите видео. Автор граффити — голландский поп-сюрреалист Леон Кир, на его сайте можно вдохновиться и другими впечатляющими работами.
И специально для тех, кто дочитал до конца, у нас есть небольшое объявление. В ряды роботов требуется железный UI/UX-дизайнер и если ты тот самый R2-D2, то пиши в Telegram робоменеджеру Марине. Всем улыбающихся квокк и вдохновляющих выходных, а мы убежали собирать двадцать первый Джем. Да пребудет с вами сила роботов! 🤖
господи, какие же убогие сайты :(
аминь