🇬🇧 How to Design for Transparent Screens
Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна.
В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира.
Главное:
• Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI
• Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки
• Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента
• Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею
• Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов
• Пространственная дистанция становится ключевым параметром при проектировании
• Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя
• При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки
• Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира
#статья@zhurnalus_lite
Заканчиваем рабочую неделю позитивно — насуетили новую печеньку 🔥🔥
Наш кейс «Закаленные добром», который мы делали для АО «ОМК», взял на Dprofile награду в категории «Брендинг»!
Радуемся и ждём новых печенек🏆
P.s. а все-таки пятница 13 не такая и плохая…
В бета-версии Photoshop появился инструмент Rotate Object.
Суть простая: берёте обычную плоскую фотографию, выбираете объект и начинаете его вращать в 3D. Photoshop сам дорисовывает стороны, которых не было видно, сохраняет текстуры, материалы и перспективу.
Итог выглядит так, будто вы просто переставили камеру и сфотографировали заново.
А чтобы объект не смотрелся чужеродно после поворота, подключается Harmonize. Он автоматически выравнивает освещение, цвет и фон под новый ракурс.
На случай блокировок, наш резервный канал.
Обожаю сложный замороченный дизайн.
Сегодня мне пришла пачка пасты (итальянской), которую буду готовить вечером для ужина с женой.
Просто посмотрите на дизайн упаковки. Почти шедеврально. Правда, стОит паста, как ужин в ресторане. Но дезигн каков, а?
вместе с солнцем пришло и напоминание о воркшопе в воскресенье, приходите
полный курс Основ Разработки Айдентики стартует 27.03 - записывайтесь
Вдруг вы не знали, но гиря, которую знает и использует весь мир — придумана и применялась впервые в России, сначала артиллеристами, они к ядру приделали ручки чтобы измерять вес, а потом поняли, что с ней можно для публики выполнять разные номера и развивать силу. Такой классический пример русского дизайна.
А сама силовая работа и развитие силовой выносливости практиковалось еще в древности у греков. Уверен, вы знали — абсолютно русская штука, которая сейчас набирает популярность во всем мире. В том числе и некрещеном.
