🇬🇧 How to Design for Transparent Screens
Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна.
В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира.
Главное:
• Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI
• Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки
• Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента
• Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею
• Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов
• Пространственная дистанция становится ключевым параметром при проектировании
• Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя
• При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки
• Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира
#статья@zhurnalus_lite
⚡️Можно ли ставить горячее на камень?
⚡️А резать прямо на столешнице?
⚡️А если пролить вино, свёклу или что-нибудь «опасное»? И многое другое…
Мы собрали самые живучие мифы про эксплуатацию камня и разложили их по полкам:
✔️ варочные панели и проблемные зоны
✔️ баня, сауна, улица, подоконники
✔️ уход и последствия неправильного ухода
✔️ «камень впитывает» и что с этим не так
Только реальный опыт!
➡️ https://vkvideo.ru/video-211858360_456239934
➡️ https://youtu.be/o8zP4pgcA3U
Material Symbols for Figma — Библиотека более 2500 иконок от Google
Обожаю сложный замороченный дизайн.
Сегодня мне пришла пачка пасты (итальянской), которую буду готовить вечером для ужина с женой.
Просто посмотрите на дизайн упаковки. Почти шедеврально. Правда, стОит паста, как ужин в ресторане. Но дезигн каков, а?
В бета-версии Photoshop появился инструмент Rotate Object.
Суть простая: берёте обычную плоскую фотографию, выбираете объект и начинаете его вращать в 3D. Photoshop сам дорисовывает стороны, которых не было видно, сохраняет текстуры, материалы и перспективу.
Итог выглядит так, будто вы просто переставили камеру и сфотографировали заново.
А чтобы объект не смотрелся чужеродно после поворота, подключается Harmonize. Он автоматически выравнивает освещение, цвет и фон под новый ракурс.
На случай блокировок, наш резервный канал.
🐼 Пользователи не говорят «это приложение удобнее», они ощущают «здесь мне рады»
Артем, лид коммуникационного дизайна в Т2, разобрал эмоциональный дизайн в интерфейсах. Главное: это не про добавить милую панду, это про управление состояниями пользователя. Функции копируются, цены выравниваются, паттерны становятся стандартом. А вот ощущение нет. Дальше всё происходит автоматически: доверие, действие, привычка, лояльность.
Дональд Норман выделяет три уровня восприятия. Интуитивный: первое мгновенное ощущение, здесь важно не вызвать отторжение. Поведенческий: опыт взаимодействия, контроль и быстрый результат. Рефлексивный: то что остается после взаимодействия, решение вернуться или нет. Эмоциональный дизайн работает именно в их связке.
Внутри кейсы из Т2:
– Приветственный экран: анимации, сезонные иллюстрации, выбор дизайна карточки с номером создают ощущение участия и контроля;
– Анимация при обновлении базы номеров: персонаж показывает что процесс идет, снимает напряжение, объясняет человеческим языком;
– Движение и отклик: элементы реагируют на действия, создается ощущение диалога, интерфейс со мной разговаривает;
– Пасхалки: панда на самокате или с мячом, маленький сюрприз в спокойных сценариях, не мешает но оставляет ощущение характера;
– Где эмоции вредят: транзакционные сценарии (оплата, блокировки, возвраты), эмоциональная перегрузка;
– Как проектировать системно: CJM с эмоциями, отмечаем эмоциональные узлы, подбираем инструменты, проверяем метриками.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Минутка автора:
Gerard Huerta автор знаменитых логотипов.
«В 1977 году он создал легендарный логотип AC/DC для альбома Let There Be Rock. Вдохновленный Библией Гутенберга и литургической типографикой, Уэрта разработал четкие готические буквы, чтобы вызвать ощущение «высокого напряжения», которое идеально соответствовало энергии группы.»
via Logo Decks
Всем привет!
Завтра у нас митап.
Чуть позже еще напишем место, время, расписание.
А пока хочу рассказать про классную историю.
Наши друзья из издательства Hoya Book выпустили графический роман по сербской мифологии. А вы знаете же, что тут в Сербии зародились вампиры.
И вот на митапе будет розыгрыш этой книги. Можно будет уйти домой с прекрасным графическим романом, лучше разобраться в мифологии и кайфануть от иллюстраций.
Ссылка на сайт издательства https://hoyabooks.com (тут можно купить этот роман)
Ссылка на канал https://t.me/hoyabooks
Всех ждем завтра!
Компания Estée Lauder Companies подала иск против основательницы бренда Jo Malone Джоанн Мэлоун, обвинив ее в нарушении прав на товарный знак и условий контракта, пишет WWD. Иск также касается ее бренда Jo Loves и ряда компаний-партнеров, включая британское подразделение группы Inditex.
Парфюмер продала свой оригинальный бренд Jo Malone London компании Estée Lauder в 1999 году и покинула бизнес в 2006-м. После истечения пятилетнего запрета на конкуренцию она запустила новый бренд Jo Loves, а в 2019 году создала коллекцию из восьми ароматов для Zara под названием Zara Emotions by Jo Loves.
По мнению представителей Estée Lauder, это нарушает прежние договоренности о коммерческом использовании имени Мэлоун в парфюмерии. Они подчеркнули, что за последние 25 лет вложили значительные средства в развитие Jo Malone London и намерены защищать бренд и его репутацию. Мэлоун пока не прокомментировала конфликт.
Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
